header {

  width: 100vw;

  height: 2.5rem;

  background: #071940;

  display: flex;

  align-items: center;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 9999999;

}

header .container {

  display: flex;

  align-items: center;

  justify-content: space-between;

  height: 100%;

}

header .container .logo img {

  height: 1.5rem;

  margin-top: 0.1875rem;

}

header .container .right img {

  height: 1.5rem;

  display: none;

}

header .container .right img.more {

  display: block;

}



/* 更多的一级目录 */

.more-first-list {

  position: absolute;

  top: 2.5rem;

  width: 100vw;

  height: 100vh;

  background: #f8f8f8;

  display: none;

}

.more-first-list .catalogue {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 0 1.25rem;

  border-bottom: 0.0625rem solid #efefef;

  height: 3.75rem;

}



.more-first-list .catalogue span {

  font-weight: bold;

  font-size: 0.875rem;

  color: #333333;

}



.more-first-list .catalogue img {

  height: 1.5rem;

}



.more-first-list.instrument {

  padding: 1.25rem;

  /* display: block; */

}

.more-first-list.instrument .inner {

  width: 100%;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.more-first-list.instrument .catalogue {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  width: 48%;

  height: 8.75rem;

  background: #ffffff;

  box-shadow: 0px 0px 0.25rem 0.0625rem rgba(0, 0, 0, 0.06);

  border-radius: 0.375rem;

  margin-bottom: 0.625rem;

}

.more-first-list.instrument .catalogue img {

  height: 3.75rem;

  margin-bottom: 0.75rem;

}

/* @media screen and (min-width: 320px) {

  .more-first-list.instrument .inner {

    justify-content: space-between;

  }

}



@media screen and (min-width: 768px) {

  .more-first-list.instrument .inner {

    justify-content: flex-start;

  }

  .more-first-list.instrument .catalogue {

    margin-right: 2.5rem;

  }

  .more-first-list.instrument .catalogue:nth-child(3n) {

    margin-right: 0;

  }

}



@media screen and (min-width: 820px) {

  .more-first-list.instrument .inner {

    justify-content: flex-start;

  }

  .more-first-list.instrument .catalogue {

    margin-right: 4rem;

  }

  .more-first-list.instrument .catalogue:nth-child(3n) {

    margin-right: 0;

  }

}



@media screen and (min-width: 1024px) {

  .more-first-list.instrument .inner {

    justify-content: flex-start;

  }

  .more-first-list.instrument .catalogue {

    margin-right: 0.625rem;

  }

  .more-first-list.instrument .catalogue:nth-child(3n) {

    margin-right: 0;

  }

} */



.more-first-list.system {

  padding: 1.25rem;

  /* display: block; */

}

.more-first-list.system .inner {

  width: 100%;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.more-first-list.system .catalogue {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  width: 48%;

  height: 8.75rem;

  background: #ffffff;

  box-shadow: 0px 0px 0.25rem 0.0625rem rgba(0, 0, 0, 0.06);

  border-radius: 0.375rem;

  margin-bottom: 0.625rem;

}

.more-first-list.system .catalogue img {

  height: 3.75rem;

  margin-bottom: 0.75rem;

}

/* @media screen and (min-width: 320px) {

  .more-first-list.system .inner {

    justify-content: space-between;

  }

}



@media screen and (min-width: 768px) {

  .more-first-list.system .inner {

    justify-content: flex-start;

  }

  .more-first-list.system .catalogue {

    margin-right: 2.5rem;

  }

  .more-first-list.system .catalogue:nth-child(3n) {

    margin-right: 0;

  }

}



@media screen and (min-width: 820px) {

  .more-first-list.system .inner {

    justify-content: flex-start;

  }

  .more-first-list.system .catalogue {

    margin-right: 4rem;

  }

  .more-first-list.system .catalogue:nth-child(3n) {

    margin-right: 0;

  }

}



@media screen and (min-width: 1024px) {

  .more-first-list.system .inner {

    justify-content: flex-start;

  }

  .more-first-list.system .catalogue {

    margin-right: 0.625rem;

  }

  .more-first-list.system .catalogue:nth-child(3n) {

    margin-right: 0;

  }

} */



.banner {

  width: 100vw;

  height: 17.75rem;

  background:#071940;

  margin-top: 2.5rem;

}

.banner .container {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  height: 100%;

}

.banner .container .banner-title {

  font-weight: bold;

  font-size: 2rem;

  color: #ffffff;

  margin-bottom: 0.875rem;

  display: flex;

}

.banner .container .banner-title .free {

  color: #ffc106;

}

.banner .container .banner-tip-one {

  font-weight: bold;

  font-size: 1.125rem;

  color: #ffffff;

  margin-bottom: 0.5625rem;

}

.banner .container .banner-tip-two {

  font-size: 0.875rem;

  color: #ffffff;

  margin-bottom: 1.5rem;

}

.banner .container .banner-input {

  width: 100%;

  display: flex;

  flex-direction: column;

}

.banner .container .banner-input .phone-error-tip {

  font-size: 0.875rem;

  color: red;

  margin-top: 0.3125rem;

  display: none;

}

.banner .container .banner-input .top {

  display: flex;

  align-items: center;

}

.banner .container .banner-input .apply {

  width: 6.5rem;

  height: 2.75rem;

  background: #ffc106;

  border-radius: 0px 0.5rem 0.5rem 0px;

  font-size: 1rem;

  color: #ffffff;

  display: flex;

  align-items: center;

  justify-content: center;

}

.banner .container .banner-input input {

  flex: 1;

  height: 2.75rem;

  background: #ffffff;

  border-radius: 0.5rem 0 0 0.5rem;

  font-size: 0.875rem;

  padding: 0 1rem;

}

.banner .container .banner-input input::placeholder {

  color: #777777;

}



.banner-footer {

  width: 100vw;

  height: 2.5rem;

  background: #1e304a;

  display: flex;

  align-items: center;

}

.banner-footer .container {

  display: flex;

  align-items: center;

  justify-content: center;

}

.banner-footer .container span {

  padding-right: 0.5rem;

  border-right: 0.0625rem solid #fff;

  font-size: 0.75rem;

  color: #ffffff;

  margin-right: 0.5rem;

  white-space: nowrap;

}

.banner-footer .container span:last-child {

  border: none;

}



/* 聚合多种支付 */

.aggregate-multiple-payments {

  width: 100vw;

  height: 23rem;

  background: #ffffff;

}

.aggregate-multiple-payments .container {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  height: 99%;

}

.aggregate-multiple-payments .container .title {

  font-weight: bolder;

  font-size: 1.25rem;

  color: #000000;

  margin-bottom: 0.5625rem;

}

.aggregate-multiple-payments .container .tip {

  font-size: 0.875rem;

  color: #333333;

  margin-bottom: 1.0625rem;

}

.aggregate-multiple-payments .container .payments-list {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  width: 100%;

  justify-content: space-between;

}

.aggregate-multiple-payments .container .payments-list .payment {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  /* width: 6.25rem; */

  height: 7rem;

  background: #f8f9f9;

  border-radius: 0.375rem;

  margin-bottom: 0.5rem;

  width: 30%;

}



.aggregate-multiple-payments .container .payments-list .payment img {

  width: 2.25rem;

  height: 2.25rem;

  margin-bottom: 0.625rem;

}

.aggregate-multiple-payments .container .payments-list .payment .payment-title {



  font-size: 0.875rem;

  color: #000000;

  margin-bottom: 0.0625rem;

}

.aggregate-multiple-payments .container .payments-list .payment .payment-tip {

  font-size: 0.875rem;

  color: #00bb4a;

}



/* 全套硬件 */

.complete-hardware {

  width: 100vw;

  background: #f3f8fc;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 1.5rem 0;

}

.complete-hardware .container {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  height: 100%;

}

.complete-hardware .container .title {

  display: flex;

  align-items: center;

  flex-direction: column;

  margin-bottom: 0.75rem;

}

.complete-hardware .container .title span {

  font-weight: bolder;

  font-size: 1.25rem;

  color: #000000;

  margin-bottom: 0.5rem;

}

.complete-hardware .container .title .line {

  width: 3rem;

  height: 0.25rem;

  background: #00bb4a;

  border-radius: 0.1875rem;

}

.complete-hardware .container .tip {

  font-size: 0.875rem;

  color: #333333;

  margin-bottom: 1rem;

  white-space: nowrap;

}

.complete-hardware .container .hardware-list {

  display: flex;

  width: 100%;

  flex-wrap: wrap;

  justify-content: space-between;

}



.complete-hardware .container .hardware-list .hardware {

  width: 48%;

  height: 13.875rem;

  background: #ffffff;

  border-radius: 0.375rem;

  box-shadow: 0px 0px 0.375rem 0.0625rem rgba(0, 0, 0, 0.12);

  flex-shrink: 0;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-bottom: 0.9375rem;

}

.complete-hardware .container .hardware-list .hardware:last-child {

  margin-bottom: 0;

}

.complete-hardware .container .hardware-list .hardware img {

  width: 2.5rem;

  height: 4.0625rem;

  margin-bottom: 0.75rem;

}

.complete-hardware .container .hardware-list .hardware .saomawang {

  width: 1.625rem;

}

.complete-hardware .container .hardware-list .hardware .zhinengpos {

  width: 1.875rem;

}

.complete-hardware .container .hardware-list .hardware .saomaqiang {

  width: 6.25rem;

}

.complete-hardware .container .hardware-list .hardware .shouyinji {

  width: 4rem;

}

.complete-hardware .container .hardware-list .hardware .dayin {

  width: 5rem;

}

.complete-hardware .container .hardware-list .hardware .hardware-title {

  font-weight: bold;

  font-size: 1rem;

  color: #000000;

  margin-bottom: 0.625rem;

}

.complete-hardware .container .hardware-list .hardware .hardware-tip {

  display: flex;

  flex-direction: column;

  align-items: center;

}

.complete-hardware .container .hardware-list .hardware .hardware-tip span {

  font-size: 0.875rem;

  color: #666666;

}

.complete-hardware

  .container

  .hardware-list

  .hardware

  .hardware-tip

  span:first-child {

  margin-bottom: 0.25rem;

}

.complete-hardware .container .hardware-list .hardware .hardware-detail {

  margin-top: 1rem;

  font-size: 0.875rem;

  color: #ffc106;

}



/* 语音播报 */

.voice-broadcast {

  width: 100vw;

  height: 23.5625rem;

  background: #ffffff;

  margin-bottom: 0.625rem;

}

.voice-broadcast .container {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  height: 100%;

}

.voice-broadcast .container .title {

  display: flex;

  align-items: center;

  margin-bottom: 1.25rem;

}

.voice-broadcast .container .title img {

  width: 1.25rem;

  height: 1.25rem;

  margin-right: 6px;

}

.voice-broadcast .container .title span {

  font-weight: bolder;

  font-size: 1.25rem;

  color: #000000;

}

.voice-broadcast .container .center-image {

  width: 16.75rem;

  height: 11rem;

  margin-bottom: 1.25rem;

}

.voice-broadcast .container .tip-list {

  display: flex;

  flex-direction: column;

}

.voice-broadcast .container .tip-list .tip {

  display: flex;

  align-items: center;

  margin-bottom: 0.9375rem;

}

.voice-broadcast .container .tip-list .tip:last-child {

  margin-bottom: 0;

}

.voice-broadcast .container .tip-list .tip img {

  width: 1.25rem;

  height: 1.125rem;

  margin-right: 0.5rem;

}

.voice-broadcast .container .tip-list .tip span {

  font-size: 0.975rem;

  color: #333333;

}



/* 团购到店核销 */

.group-buy-check-out {

  width: 100vw;

  height: 31.125rem;

  background: #ffffff;

  margin-bottom: 0.625rem;

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

  background-repeat: no-repeat;

  background-size: cover;

}

.group-buy-check-out .container {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  height: 100%;

}

.group-buy-check-out .container .title {

  display: flex;

  align-items: center;

  margin-bottom: 1.25rem;

}

.group-buy-check-out .container .title img {

  width: 1.25rem;

  height: 1.25rem;

  margin-right: 0.375rem;

}

.group-buy-check-out .container .title span {

  font-weight: bolder;

  font-size: 1.25rem;

  color: #ffffff;

}

.group-buy-check-out .container .icon-list {

  display: flex;

  align-items: center;

  width: 100%;

  justify-content: center;

  margin-bottom: 1rem;

}

.group-buy-check-out .container .icon-list .icon {

  width: 2rem;

  height: 2rem;

  margin-right: 0.625rem;

}

.group-buy-check-out .container .tip {

  font-size: 0.875rem;

  margin-bottom: 2rem;

  color: #ffffff;

}

.group-buy-check-out .container .center-image {

  height: 19.3125rem;

}



/* 扫码点单 */

.scan-code-order {

  width: 100vw;

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

  background-repeat: no-repeat;

  background-size: cover;

  padding: 1.5rem 0;

  margin-bottom: 0.625rem;

}

.scan-code-order .container {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  height: 100%;

}

.scan-code-order .container .title {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-bottom: 1.25rem;

}

.scan-code-order .container .title span {

  font-weight: bolder;

  font-size: 1.25rem;

  color: #ffffff;

  margin-bottom: 0.5rem;

}

.scan-code-order .container .title .line {

  width: 3rem;

  height: 0.25rem;

  background: #00bb4a;

  border-radius: 0.1875rem;

}



.swiper-horizontal {

  position: relative !important;

  z-index: 9999 !important;

}

.swiper .swiper-slide img {

  width: 100% !important;

}



.scan-code-order-swiper-pagination {

  width: 100% !important;

}



.scan-code-order .swiper-horizontal {

  width: 100% !important;

}



@media screen and (min-width: 320px) {

  .scan-code-order .swiper-horizontal {

    height: 20rem !important;

  }

  .scan-code-order .swiper .swiper-slide {

    width: 12.5rem !important;

    height: 100% !important;

  }

}

@media screen and (min-width: 640px) {

  .scan-code-order .swiper-horizontal {

    height: 18.75rem !important;

  }



  .scan-code-order .swiper .swiper-slide {

    width: 55% !important;

  }

}

@media screen and (min-width: 1024px) {

  .scan-code-order .swiper-horizontal {

    height: 20rem !important;

  }

  .scan-code-order .swiper .swiper-slide {

    width: 55% !important;

  }

}



.swiper-pagination-bullet {

  width: 0.5rem !important;

  height: 0.5rem !important;

  border-radius: 0.5625rem !important;

  background-color: #fff !important;

  bottom: 0 !important;

}

.swiper-pagination-bullet-active {

  width: 0.5rem !important;

  height: 0.5rem !important;

  background: #00bb4a !important;

  border-radius: 0.5625rem !important;

}

.scan-code-order .container .tip-list {

  display: flex;

  flex-direction: column;

}

.scan-code-order .container .tip-list .tip {

  display: flex;

  align-items: center;

  margin-bottom: 1rem;

}

.scan-code-order .container .tip-list .tip:last-child {

  margin-bottom: 0;

}

.scan-code-order .container .tip-list .tip img {

  height: 1rem;

  width: 1rem;

  margin-right: 0.625rem;

}

.scan-code-order .container .tip-list .tip span {

  font-size: 0.9375rem;

  color: #ffffff;

}



/* 外卖多平台接单 */

.take-out-multiple-platforms {

  width: 100vw;

  height: 30.8125rem;

  margin-bottom: 0.625rem;

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

  background-repeat: no-repeat;

  background-size: cover;

  margin-bottom: 0.625rem;

}

.take-out-multiple-platforms .container {

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

}

.take-out-multiple-platforms .container .title {

  margin-bottom: 1rem;

  display: flex;

  flex-direction: column;

  justify-content: center;

  margin-top: 2.5rem;

  align-items: center;

}

.take-out-multiple-platforms .container .title span {

  font-weight: bolder;

  font-size: 1.25rem;

  color: #812f20;

  margin-bottom: 0.5rem;

}

.take-out-multiple-platforms .container .title .line {

  width: 3rem;

  height: 0.25rem;

  background: #00bb4a;

  border-radius: 0.1875rem;

}

.take-out-multiple-platforms .container .tip-list {

  display: flex;

  flex-direction: column;

}

.take-out-multiple-platforms .container .tip-list .tip {

  display: flex;

  align-items: center;

  margin-bottom: 0.875rem;

}

.take-out-multiple-platforms .container .tip-list .tip:last-child {

  margin-bottom: 0;

}

.take-out-multiple-platforms .container .tip-list .tip img {

  width: 1.25rem;

  height: 1.125rem;

  margin-right: 0.5rem;

}

.take-out-multiple-platforms .container .tip-list .tip span {

  font-size: 1rem;

  color: #812f20;

}

.take-out-multiple-platforms .container .icon-list {

  display: flex;

  align-items: center;

  margin-top: 1.25rem;

}

.take-out-multiple-platforms .container .icon-list img {

  width: 2rem;

  height: 2rem;

  margin-right: 0.875rem;

}



/* 会员/卡券营销 */

.member-card-marketing {

  width: 100vw;

  height: 38.5rem;

  background: #ffffff;

  margin-bottom: 0.625rem;

}

.member-card-marketing .container {

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

}

.member-card-marketing .container .title {

  margin-bottom: 1rem;

  display: flex;

  flex-direction: column;

  justify-content: center;

  margin-top: 1.5rem;

  align-items: center;

}

.member-card-marketing .container .title span {

  font-weight: bolder;

  font-size: 1.25rem;

  color: #000000;

  margin-bottom: 0.5rem;

}

.member-card-marketing .container .title .line {

  width: 3rem;

  height: 0.25rem;

  background: #00bb4a;

  border-radius: 0.1875rem;

}

.member-card-marketing .container .tip {

  margin-bottom: 1rem;

  font-size: 0.9375rem;

  color: #666666;

  text-align: center;

}

.member-card-marketing .container .type-list {

  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 100%;

  flex-wrap: wrap;

}

.member-card-marketing .container .type-list .type {

  width: 48%;

  height: 12.875rem;

  background: #f8f9f9;

  border-radius: 0.375rem;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-bottom: 0.9375rem;

}

.member-card-marketing .container .type-list .type img {

  width: 3rem;

  height: 3rem;

  margin-bottom: 0.75rem;

}

.member-card-marketing .container .type-list .type .type-title {

  font-weight: bold;

  font-size: 0.975rem;

  color: #000000;

  margin-bottom: 0.625rem;

}

.member-card-marketing .container .type-list .type .type-tip-list {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  width: 100%;

}

.member-card-marketing .container .type-list .type .type-tip {

  font-size: 0.875rem;

  color: #666666;

  margin-bottom: 8px;

}

.member-card-marketing .container .type-list .type .type-tip:last-child {

  margin-bottom: 0;

}



/* 统计报表 */

.statistics-reports {

  width: 100vw;

  background: #ffffff;

  margin-bottom: 0.625rem;

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

  background-repeat: no-repeat;

  background-size: cover;

  /* height: 40.3125rem; */

  padding: 1.5rem 0;

}

.statistics-reports .container {

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  position: relative;

}

.statistics-reports .container .title {

  margin-bottom: 1rem;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 0.5rem;

}

.statistics-reports .container .title img {

  width: 1.1875rem;

  height: 1.1875rem;

  margin-right: 0.4375rem;

}



.statistics-reports .container .title span {

  font-weight: bolder;

  font-size: 1.25rem;

  color: #fff;

  position: relative;

}

.statistics-reports .container .title span::after {

  content: '';

  position: absolute;

  bottom: -1.25rem;

  width: 3rem;

  height: 0.25rem;

  background: #00bb4a;

  border-radius: 0.1875rem;

  left: 50%;

  transform: translateX(-50%);

}



.statistics-reports .swiper-slide {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}

.statistics-reports .swiper-slide span {

  font-weight: bold;

  font-size: 1rem;

  color: #ffffff;

}

@media screen and (min-width: 320px) {

  .statistics-reports .swiper-horizontal {

    height: 28.125rem;

  }

  .statistics-reports .swiper .swiper-slide {

    width: 50% !important;

    height: 100% !important;

  }

}

@media screen and (min-width: 640px) {

  .statistics-reports .swiper-horizontal {

    height: 34.375rem;

  }

  .statistics-reports .swiper .swiper-slide {

    width: 70% !important;

  }

}

@media screen and (min-width: 1024px) {

  .statistics-reports .swiper-horizontal {

    height: 34.375rem;

  }



  .statistics-reports .swiper .swiper-slide {

    width: 70% !important;

  }

}



/* 更多功能 */

.more-functions {

  width: 100vw;

  background: #ffffff;

  padding: 1.5rem 0;

}

.more-functions .container {

  display: flex;

  align-items: center;

  flex-direction: column;

  justify-content: center;

  height: 100%;

}

.more-functions .container .title {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-bottom: 0.75rem;

}

.more-functions .container .title span {

  font-weight: bolder;

  font-size: 1.25rem;

  color: #000000;

  margin-bottom: 0.5rem;

}

.more-functions .container .title .line {

  width: 3rem;

  height: 0.25rem;

  background: #00bb4a;

  border-radius: 0.1875rem;

}

.more-functions .container .tip {

  font-size: 0.9375rem;

  color: #333333;

  margin-bottom: 1rem;

}

.more-functions .container .func-list {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  justify-content: space-between;

}

.more-functions .container .func-list .func {

  width: 31%;

  height: 9.3125rem;

  background: #f8f9f9;

  border-radius: 0.375rem;

  margin-bottom: 0.5rem;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}



.more-functions .container .func-list .func img {

  width: 2rem;

  height: 2rem;

  margin-bottom: 0.625rem;

}

.more-functions .container .func-list .func .func-title {

  font-weight: bold;

  font-size: 0.975rem;

  color: #000000;

  margin-bottom: 0.625rem;

}

.more-functions .container .func-list .func .func-tip {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  font-size: 0.875rem;

  color: #666666;

}



/* 适用范围 */

.applicable-range {

  width: 100vw;

  background: #f3f8fc;

  padding: 1.5rem 0;

}

.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: 0.75rem;

}

.applicable-range .container .title span {

  font-weight: bolder;

  font-size: 1.25rem;

  color: #000000;

  margin-bottom: 0.5rem;

}

.applicable-range .container .title .line {

  width: 3rem;

  height: 0.25rem;

  background: #00bb4a;

  border-radius: 0.1875rem;

}

.applicable-range .container .tip {

  font-size: 0.9375rem;

  color: #333333;

  text-align: center;

  margin-bottom: 1rem;

}

.applicable-range .container .range-list {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  justify-content: space-between;

}

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

  width: 48%;

  height: 12rem;

  background: #ffffff;

  box-shadow: 0px 0px 0.375rem 0.0625rem rgba(0, 0, 0, 0.12);

  border-radius: 0.625rem;

  margin-bottom: 0.9375rem;

  display: flex;

  flex-direction: column;

  align-items: center;

  position: relative;

  overflow: hidden;

}

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

  width: 100%;

  height: 6.25rem;

  background-size: cover;

  background-repeat: no-repeat;

}

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

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

}

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

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

}

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

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

}

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

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

}

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

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

}

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

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

}

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

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

}

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

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

}

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

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

}

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

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

  color: #000000;

  margin-bottom: 0.5625rem;

}

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

  font-size: 0.875rem;

  color: #666666;

}

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

  position: absolute;

  top: 50%;

  left: 50%;

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

  height: 3.75rem;

}

/* 常见问题 */

.common-questions {

  width: 100vw;

  background: #ffffff;

  margin-bottom: 0.625rem;

  padding: 1.5rem 0;

}

.common-questions .container {

  display: flex;

  flex-direction: column;

  align-items: center;

  height: 100%;

}

.common-questions .container .title {

  font-weight: bolder;

  font-size: 1.25rem;

  color: #333333;

  margin-bottom: 1rem;

}

.common-questions .container .questions-list {

  display: flex;

  flex-direction: column;

  width: 100%;

}

.common-questions .container .questions-list .questions {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  padding-bottom: 0.625rem;

  border-bottom: 0.0625rem solid #f3f3f3;

  margin-bottom: 0.625rem;

}

.common-questions .container .questions-list .questions .questions-title {

  display: flex;

  margin-bottom: 0.625rem;

  align-items: center;

}

.common-questions .container .questions-list .questions .questions-title img {

  height: 0.875rem;

  margin-right: 0.375rem;

}

.common-questions .container .questions-list .questions .questions-title span {

  font-size: 0.9375rem;

  color: #ff9a22;

}

.common-questions .container .questions-list .questions .questions-answer {

  font-size: 0.9375rem;

  color: #444444;

}



/* 合作机构 */

.cooperate-institutions {

  width: 100vw;

  padding: 1.5rem 0;

  background: #ffffff;

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

  background-repeat: no-repeat;

  background-position: center center;

  margin-bottom: 0.625rem;

}

.cooperate-institutions .container {

  display: flex;

  align-items: center;

  flex-direction: column;

  justify-content: center;

  height: 100%;

}

.cooperate-institutions .container .title {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-bottom: 0.75rem;

}

.cooperate-institutions .container .title span {

  font-weight: bolder;

  font-size: 1.25rem;

  color: #000000;

  margin-bottom: 0.5rem;

}

.cooperate-institutions .container .title .line {

  width: 3rem;

  height: 0.25rem;

  background: #00bb4a;

  border-radius: 0.1875rem;

}

.cooperate-institutions .container .tip {

  display: flex;

  flex-direction: column;

  align-items: center;

  font-size: 0.9375rem;

  color: #666666;

  margin-bottom: 1rem;

}

.cooperate-institutions .container .tip span {

  white-space: nowrap;

  line-height: 1.5625rem;

}

.cooperate-institutions .container .institutions-list {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  justify-content: space-between;

}

.cooperate-institutions .container .institutions-list img {

  width: 6.875rem;

}



@media screen and (min-width: 768px) {

  .cooperate-institutions .container .institutions-list {

    justify-content: flex-start;

  }



  .cooperate-institutions .container .institutions-list img {

    width: 6.875rem;

  }

}

@media screen and (min-width: 820px) {

  .cooperate-institutions .container .institutions-list {

    justify-content: flex-start;

  }

  .cooperate-institutions .container .institutions-list img {

    width: 7.5rem;

  }

}

/* 资质一览 */

.qualifications {

  width: 100vw;

  background: linear-gradient(to right, #092432, #245267);

  padding: 1.5rem 0;

}

.qualifications .container {

  display: flex;

  align-items: center;

  flex-direction: column;

  justify-content: center;

  height: 100%;

}

.qualifications .container .title {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-bottom: 0.75rem;

}

.qualifications .container .title span {

  font-weight: bolder;

  font-size: 1.25rem;

  color: #fff;

  margin-bottom: 0.5rem;

}

.qualifications .container .title .line {

  width: 3rem;

  height: 0.25rem;

  background: #00bb4a;

  border-radius: 0.1875rem;

}

.qualifications .container .tip {

  display: flex;

  flex-direction: column;

  align-items: center;

  font-size: 0.9375rem;

  color: #fff;

  margin-bottom: 1rem;

}

@media screen and (min-width: 320px) {

  .qualifications .swiper-horizontal {

    height: 21.875rem;

  }

  .qualifications .swiper .swiper-slide {

    width: 60% !important;

    height: 100% !important;

  }

}

@media screen and (min-width: 640px) {

  .qualifications .swiper-horizontal {

    height: 28.125rem;

  }

  .qualifications .swiper .swiper-slide {

    width: 45% !important;

    height: 100% !important;

  }

}

@media screen and (min-width: 1024px) {

  .qualifications .swiper-horizontal {

    height: 25rem;

  }

  .qualifications .swiper .swiper-slide {

    width: 45% !important;

  }

}



/* 关于我们 */

.about-us {

  width: 100vw;

  background: #0f1420;

  padding: 1.5rem 0;

}

.about-us .container {

  display: flex;

  align-items: center;

  flex-direction: column;

  justify-content: center;

  height: 100%;

}

.about-us .container .title {

  display: flex;

  align-items: center;

  margin-bottom: 0.75rem;

}

.about-us .container .title img {

  height: 1rem;

}

.about-us .container .title span {

  font-weight: bolder;

  font-size: 1.25rem;

  color: #ffffff;

  margin: 0 0.5rem;

}

.about-us .container .tip {

  font-size: 0.9375rem;

  margin-bottom: 1rem;

  color: #ffffff;

}

.about-us .container .pic-list {

  display: flex;

  align-items: center;

  width: 100%;

  justify-content: space-between;

  margin-bottom: 1.25rem;

}

.about-us .container .pic-list img {

  width: 30%;

  border-radius: 0.375rem;

}

.about-us .container .message {

  display: flex;

  flex-direction: column;

}

.about-us .container .message span {

  font-size: 0.875rem;

  color: #ffffff;

  line-height: 1.25rem;

}



/* 联系我们 */

.contact-us {

  width: 100vw;

  background: #000;

  margin-top: 0.0625rem;

  padding: 1.5rem 0;

}

.contact-us .container {

  display: flex;

  align-items: center;

  flex-direction: column;

  justify-content: center;

  height: 100%;

}

.contact-us .container .title {

  display: flex;

  align-items: center;

  margin-bottom: 1rem;

  font-weight: bolder;

  font-size: 1.25rem;

  color: #fff;

}

.contact-us .container .wechat-image {

  height: 9rem;

  margin-bottom: 0.75rem;

}

.contact-us .container .tip {

  font-size: 0.75rem;

  color: #ffffff;

  margin-bottom: 0.625rem;

}

.contact-us .container .rexian {

  font-weight: bold;

  font-size: 1.5rem;

  color: #ffffff;

  margin-bottom: 1rem;

}

.contact-us .container .contact-list {

  width: 100%;

  display: flex;

  flex-direction: column;

  justify-content: flex-start;

  padding-left: 20px;

}

.contact-us .container .contact-list .type {

  display: flex;

  align-items: center;

  margin-bottom: 0.875rem;

}

.contact-us .container .contact-list .type img {

  height: 1rem;

  margin-right: 0.625rem;

}

.contact-us .container .contact-list .type span {

  font-size: 0.975rem;

  color: #ffffff;

}



.contact-us .container .contact-list .type:last-child {

  margin-bottom: 0;

}



.record-message {

  width: 100vw;

  background: #000;

  margin-top: 0.0625rem;

  padding: 1.5rem 0;

  margin-bottom: 3.125rem;

}

.record-message .container {

  display: flex;

  align-items: center;

  flex-direction: column;

  justify-content: center;

  height: 100%;

}

.record-message .container .one {

  display: flex;

  align-items: center;

  margin-bottom: 0.3125rem;

}

.record-message .container .one img {

  width: 1rem;

  height: 1rem;

  margin-right: 0.375rem;

}

.record-message .container .one span {

  font-size: 0.875rem;

  color: #666666;

}

.record-message .container .two {

  font-size: 0.875rem;

  color: #666666;

  margin-bottom: 0.125rem;

}

.record-message .container .three {

  font-size: 0.875rem;

  color: #666666;

  display: flex;

  align-items: center;

}

.record-message .container .three img {

  height: 0.875rem;

  margin-right: 0.3125rem;

}