.lemei-market .main-href {
  margin-top: 100px;
}

.lemei-market .main-href a {
  display: inline-block;
  padding: 15px 30px;
  font-family: var(--font-family);
  background: var(--color-primary);
  border: 1px solid var(--color-primary);
  color: #fff;
  font-size: 15px;
  letter-spacing: 1px;
  border-radius: var(--button-radius);
}

.lemei-market .main-href a:hover {
  background: none;
  color: var(--color-primary);
}

.lemei-market .main-href a i {
  margin-left: 10px;
  font-size: 12px;
}

.lemei-market {
  background: var(--bg-color);
  padding: 100px 0;
}
.lemei-market h2 {
  width: 100%;
  text-align: center;
  margin-bottom: 66px;
  font-size:clamp(24px, 2.5vw, 48px);
  font-weight: normal;line-height:1;
}
.lemei-market .title {
  display: flex;
  gap: 60px;
  margin: 0 auto;
  text-align: left;
}

.lemei-market .box {
	display: flex;
	flex-wrap: wrap;
}

.lemei-market .title-left {
  width: 25%;
  padding-right: 36px;
}
.lemei-market .title-left h3 {
  font-size: 26px;
  margin-bottom: 24px;
  font-weight: normal;
}
.lemei-market .title-left p {
  font-size: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lemei-market .theme-btn {
  margin-top: 24px;
}

.lemei-market .about-mcon {
  flex: 1;
  display: flex;
}

.about-maps {
  position: relative;
  width: 100%;
}
.about-maps .map-svg {
  position: absolute;
  width: 100%;
  height: 100%;
}
.about-maps .item {
  position: absolute;
  width: 7px;
  height: 7px;
  background: linear-gradient(180deg, var(--color-primary), var(--color-second));
  border-radius: 50%;
  cursor: pointer;
}
.about-maps .item.active {
  width: 18px;
  height: 18px;
}
.about-maps .item .title-box {
  z-index: 999;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  padding: 4px 12px;
  font-size: 12px;
  /*color: #fff;*/
  /*background: linear-gradient(90deg, var(--color-primary), var(--color-second));*/
  /*border-radius: 6px;*/
  white-space: nowrap;
  background: linear-gradient(0deg, var(--color-primary), var(--color-second));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.about-maps .item:hover .title-box {
  display: block;
}

/*.about-maps .item .title-box::after {*/
/*  position: absolute;*/
/*  top: 96%;*/
/*  right: 0;;*/
/*  transform: translateX(-50%);*/
/*  content: "";*/
/*  width: 20px;*/
/*  height: 10px;*/
/*  border-left: 12px solid transparent;*/
/*  border-right: 6px solid transparent;*/
/*  border-top: 9px solid var(--color-second);*/
/*}*/
.about-maps {
  width: 64%;
  height: fit-content;
}
.cards-container {
  position: relative;
  width: 36%;
  height: fit-content;
}
.cards-container .card {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  max-height: 389px;
  padding: 32px 16px;
  background: #F7F7F7;
  box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.18);
  border-radius: 10px;
}
.cards-container .card.active {
  opacity: 1;
  z-index: 100;
}
.cards-container .card  h4 {
  font-size: 26px;
  color: var(--title-text-color);
  font-family: var(--title-font-family);
  margin-bottom: 27px;
}
.cards-container .card p {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 26px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cards-container .card .swiper {
  width: 100%;
}
.cards-container .card .swiper .gallery .swiper-slide {
  border-radius: 6px;
  overflow: hidden;
}
.cards-container .card .gallery img {
  position: relative;
  aspect-ratio: 1.4;
  object-fit: cover;
  border: 3px solid;
  border-image: linear-gradient(90deg, var(--color-second), var(--color-primary)) 1;
}

.cards-container .card .swiper .swiper-pagination  {
  position: relative;
  height: 3px;
  background: rgba(0,0,0,0.15);
  border-radius: 2px;
  margin-top: 32px;
}
.cards-container .card .swiper .swiper-pagination.swiper-pagination-lock {
  display: block;
}
.cards-container .card .swiper .swiper-pagination .swiper-pagination-progressbar-fill {
  height: 3px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--color-second), var(--color-primary));
}
.about-maps .item.location {
  background: none;
  width: 24px;
  height: 24px;
}
.about-maps .item.location .expand-trigger {
  position: relative;
}
.about-maps .item.location .trigger {
  position: absolute;
  top: 100%;
  left: -2px;
  width: 94px;
  max-width: unset;
  cursor: pointer;
}
.about-maps .item.location i {
  font-size: 22px;
  color: var(--color-second);
}
.about-maps .item.location .gallery {
  list-style: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.about-maps .item.location .gallery li {
  top: 27px;
  left: 84px;
  position: absolute;
  width: 0;
  height: 0;
  background-size: cover; /* 图片覆盖整个六边形 */
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  transition: all .45s ease;
  transform: translateY(0) translateX(0);
}
.about-maps .item.location .gallery.open li{
  width: 182px;
  height: 158px;
}
.about-maps .item.location .gallery.open li:nth-child(1) {
  transform: translateY(-238px) translateX(-40px);
}
.about-maps .item.location .gallery.open li:nth-child(2) {
   transform: translateY(-156px) translateX(104px);
}
.about-maps .item.location .gallery.open li:nth-child(3) {
   transform: translateY(10px) translateX(104px);
}
.about-maps .item.location .gallery.open  li:nth-child(4) {
  transform: translateY(94px) translateX(-40px);
}

.lemei-market .list{display:none;}


.map-svg {transition: opacity 0.3s ease-in-out;}
.cards-container .card {opacity: 0;transform: translateY(10px);transition: all 0.4s ease-in-out;}
.cards-container .card.active {opacity: 1;transform: translateY(0);}
.about-maps .item {transition: all 0.3s ease-in-out;transform: scale(1);}
.about-maps .item.active {transform: scale(1.1);}



@media screen and (max-width: 1440px) {
  .cards-container .card h4 {
    font-size: 22px;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .about-maps {
    width: 100%;
  }
  .cards-container {
    display: none;
  }
  .about-maps .map-svg {
    display: none;
  }
  .about-maps .item.active {
    width: 12px;
    height: 12px;
  }
}


@media screen and (max-width: 991px) {
  
.lemei-market{padding:50px 0;}  
.lemei-market .container .box{display:block;}

  .lemei-market .title-left {
    width: 100%;
    padding: 0;
  }
  .lemei-market .title-left h3 {
    display: none;
  }
  .lemei-market h2 {
    margin-bottom: 16px;
  }
  .lemei-market .title {
    flex-direction: column;
    gap: 32px;
  }
  .about-maps .item.location {
    width: 80px;
  }
.lemei-market .about-mcon {margin:25px 0 0;}

  .about-maps .item {
    width: 8px;
    height: 8px;
  }
}
@media (max-width: 767px) {
  .lemei-market {
    padding:30px 0;
  }
  .lemei-market .title-left{text-align:left;}
  .lemei-market .title-left p{font-size: 15px;}
  
  .lemei-market .title {
    gap: 8px;
  }
  .about-maps .item.location .trigger {
    width: 60px;
    height: auto;
    left: 0;
    top: 0;
  }
  .about-maps .item.location i {
    display: none;
  }
 .lemei-market h2 {
    text-align:left;
  }
  .lemei-market .theme-btn {
    margin:20px 0 0;
  }
  
.lemei-market .about-mcon{display:none;}
.lemei-market .list{display:block;margin-top:20px;}
.lemei-market .list ul{display:flex;flex-wrap:wrap;margin:0 -5px;}
.lemei-market .list ul li{width:50%;padding:0 5px;}
.lemei-market .list ul li img{border-radius:10px;}  
  
  
}
@media (max-width: 576px) {
  .about-maps .item {
    width: 4.8px;
    height: 4.8px;
  }
}

@media (max-width:480px) {
.lemei-market .title-left p{font-size:15px;}

}