.qicheng-service-coverage {
  --service-coverage-bg-color: #e1e1e1;
  padding-top: var(--title-font-padding-top);
  padding-bottom: calc(max(40px, 2.5rem) + var(--border-radius-lg));
  position: relative;
  z-index: 8;
  background-color: var(--service-coverage-bg-color);
  overflow: hidden;
}

.qicheng-service-coverage .service-coverage-header {
  text-align: center;
  margin-bottom: max(60px, 3.33333333rem);
}

.qicheng-service-coverage .service-coverage-title {
  color: var(--text-color-black);
  font-family: var(--font-family);
  font-size: var(--title-font-size-xl);
  font-weight: var(--title-font-weight);
  line-height: 1.3333;
  letter-spacing: -0.9px;
  margin: 0;
}

.qicheng-service-coverage .service-coverage-subtitle {
  color: var(--text-color-black);
  font-family: var(--font-family);
  font-size: var(--text-font-size-xxl);
  font-weight: 500;
  line-height: 124%;
  margin-top: max(10px, 0.55555555rem);
  margin-bottom: 0;
}

.qicheng-service-coverage .service-coverage-description {
  color: var(--text-color-black);
  font-family: var(--font-family);
  font-size: var(--text-font-size-xl);
  font-weight: 400;
  line-height: 1.6;
  margin-top: max(10px, 0.555555rem);
}

.qicheng-service-coverage .service-coverage-content {
  --service-content-gap: max(20px, 3.88889rem);
  display: flex;
  gap: var(--service-content-gap);
  align-items: center;
  margin-bottom: max(40px, 2.22222222rem);
}

.qicheng-service-coverage .service-coverage-image {
  /* flex: 1; */
  position: relative;
}

.qicheng-service-coverage .service-coverage-image img {
  width: 100%;
  aspect-ratio: 880 / 730;
  /* margin-left: calc(-1 * var(--service-content-gap)); */
  max-width: fit-content;
  object-fit: cover;
  border-radius: var(--border-radius-md);
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.service-coverage-content-container {
  /* padding: 0 var(--container-padding); */
  padding: 0 !important;
  padding-right: var(--container-padding) !important;
  max-width: 100%;
}

.qicheng-service-coverage .service-coverage-list {
  /* flex: 1; */
  /* flex-shrink: 0; */
  margin-right: 2.2222rem;
  width: 100%;
  min-width: 460px;
  max-width: 705px;
  display: flex;
  flex-direction: column;
  gap: max(20px, 1.11111111rem);
}

.qicheng-service-coverage .service-coverage-item {
  --coverage-item-padding-x: max(20px, 1.25rem);
  --coverage-item-padding-y: max(9px, 0.4rem);
  --content-width: 80%;
  --card-small-circle: max(0.8rem, 24px);
  --card-bg-pic: url('https://okki-shop.oss-cn-hangzhou.aliyuncs.com/templates/shop-default/3428b769-f265-4644-804c-f4f6f1176ccb-Vector.png');
  --card-bg-size: max(5.694444rem, 145px);
  background-color: var(--color-primary);
  border-radius: var(--border-radius-sm);
  /* padding: var(--coverage-item-padding-y) var(--coverage-item-padding-x); */
  padding-bottom: 0px;
  position: relative;
  overflow: hidden;
  z-index: -2;
}
.qicheng-service-coverage .service-coverage-item::before {
  content: '';
  position: absolute;
  left: var(--content-width);
  top: 0px;
  height: 100%;
  border-left: 2px dashed var(--service-coverage-bg-color);
  transform: translateX(calc(var(--card-small-circle) / -1.8));
  z-index: 2;
}

.qicheng-service-coverage .service-coverage-item::after {
  content: '';
  position: absolute;
  background: var(--card-bg-pic) no-repeat;
  background-size: contain;
  width: var(--card-bg-size);
  height: var(--card-bg-size);
  right: 0px;
  bottom: 0px;
  transform: translateY(50%);
}

.qicheng-service-coverage .service-coverage-item-route {
  color: var(--text-color-white);
  font-family: var(--font-family);
  font-size: var(--title-font-size-xss);
  font-weight: var(--title-font-weight);
  line-height: 1.4;
  padding: var(--coverage-item-padding-y) var(--coverage-item-padding-x);
  display: flex;
  align-items: center;
  width: var(--content-width);
  gap: 8px;
  position: relative;
}

.qicheng-service-coverage .route-from,
.qicheng-service-coverage .route-to {
  font-weight: 700;
}

.qicheng-service-coverage .route-arrow {
}

.qicheng-service-coverage .service-coverage-item-desc {
  color: var(--text-color-black);
  font-family: var(--font-family);
  font-size: var(--text-font-size-xl);
  padding: var(--coverage-item-padding-y) var(--coverage-item-padding-x);
  min-height: max(115px, 4rem);
  width: var(--content-width);
  font-weight: 400;
  line-height: 1.6;
  margin: 0;
  background-color: #fff;
  position: relative;
}

.qicheng-service-coverage .service-coverage-item-desc::before {
  content: '';
  position: absolute;
  top: 0;
  right: -50%;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: -1;
}

.qicheng-service-coverage .service-coverage-item-route::before,
.qicheng-service-coverage .service-coverage-item-desc::after {
  position: absolute;
  right: 0px;
  content: '';
  background-color: var(--service-coverage-bg-color);
  display: inline-block;
  width: var(--card-small-circle);
  height: var(--card-small-circle);
  border-radius: 50%;
  z-index: 3;
}

.qicheng-service-coverage .service-coverage-item-route::before {
  top: 0px;
  transform: translateY(-50%);
}

.qicheng-service-coverage .service-coverage-item-desc::after {
  bottom: 0px;
  transform: translateY(50%);
}

.qicheng-service-coverage .service-coverage-footer {
  text-align: center;
  margin-top: max(40px, 2.5rem);
}

@media screen and (max-width: 1400px) {
  .qicheng-service-coverage .service-coverage-list {
    margin-right: 0px;
  }
}

@media screen and (max-width: 1024px) {
  .qicheng-service-coverage .service-coverage-list {
    min-width: 0px;
  }
  .service-coverage-content-container {
    padding: 0 var(--container-padding) !important;
  }
  .qicheng-service-coverage .service-coverage-content {
    flex-direction: column;
  }
  .qicheng-service-coverage .service-coverage-image img {
    margin: 0px;
    border-radius: var(--border-radius-md) !important;
    width: 100%;
  }
  .qicheng-service-coverage .service-coverage-image {
    width: 70%;
  }
  .qicheng-service-coverage .service-coverage-content {
    gap: 50px;
  }
}

@media screen and (max-width: 992px) {
}

@media screen and (max-width: 768px) {
  .qicheng-service-coverage .service-coverage-header {
    margin-bottom: max(40px, 2.22222222rem);
  }

  .qicheng-service-coverage .service-coverage-content {
    gap: max(20px, 1.11111111rem);
    margin-bottom: max(30px, 1.66666667rem);
  }

  .qicheng-service-coverage .service-coverage-list {
    gap: max(16px, 0.88888889rem);
  }
}

@media screen and (max-width: 552px) {
  .qicheng-service-coverage .service-coverage-item {
    --card-bg-size: 100px;
  }
  .qicheng-service-coverage .service-coverage-image {
    width: 100%;
  }
  .qicheng-service-coverage .service-coverage-item-desc {
    min-height: 90px;
  }
}