/*  #region  鲜花列表start*/

  .main-content .nav{
    margin-top: 10px;
    height: 30px;
    font-size: 16px;
    line-height: 16px;
  }
  .main-content .content{
    border: 1px solid #eee;
    padding: 10px 10px;
  }
/* #region 楼层s*/
.loveflower{
  margin-top: 1.5rem;
}
.loveflower-nav{
  display: flex;
  justify-content: space-between;
  height: 4rem;
  line-height: 4rem;
  border-bottom: 1px solid #000;
}
.loveflower-name{
  font-size: 2rem;
}
.loveflower-nav-list a{
  font-size: 1.8rem;
}
.loveflower-info{
  /* margin-top: 2rem; */
  border: 1px solid #eee;
  padding: 1rem 1rem;
}
.loveflower-info ul{
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
  gap: 1rem; /* 商品之间的间距 */
}
.loveflower-info ul li{
  flex: 0 1 19.3%;
  /*max-width: 22.5rem;  (1190 - 40) ÷ 5 = 230px，40px是商品间总间距 */
  padding: 1rem;
  box-sizing: border-box;
  border: 1px solid #eee;
  border-radius: 0.4rem;
  transition: all  .5s ease;
}

 /* 鼠标悬停效果 */
 .loveflower-info ul li:hover {
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transform: translateY(-2px);
  transition: all 0.3s ease;
}



.loveflower-info22 ul li:hover{
  /* 2d转换放大或者缩小 scale(1.2)放大1.2倍*/
  transform:scale(1.1)
}
.loveflower-info ul li img{
  max-width: 100%;
  height: auto;
  border-radius: .4rem;
}
.loveflower-info ul li .name,
.loveflower-info ul li .price
{
  padding-top: .5rem;
  text-align: center;
}
.loveflower-info ul li .name a{
  color: #737373;
  font-size: 1.6rem;
}
.loveflower-info ul li .price{
  color: #DD302D;
  font-weight: bold;
  font-size: 1.8rem;
}
/* #endregion 楼层e*/
/*  #endregion  鲜花列表end*/

/*  #region  翻页start*/
.pagination {
    margin: 20px 0;
    display: flex;
    justify-content: center;
}
.pagination a, .pagination span {
    padding: 5px 10px;
    margin: 0 2px;
    border: 1px solid #ddd;
    text-decoration: none;
}
.pagination .current {
    background: #007bff;
    color: white;
    border-color: #007bff;
}
/*  #endregion  翻页end*/

/* #region 媒体查询 start*/
@media (max-width:1200px){
  .container{  
      margin: 0 auto;
  }
  .hot-sale .hot-sale-list li{
      flex: 0 1 48%;
  }
  .loveflower-info ul li{
      flex: 0 1 48%;
  }
  .f-server .articles .article-bd .article-list .article-item{
      flex: 0 1 45%;
  }
}

@media(max-width:992px){
 
  .topbar{
      display: none;
  }
  .header2,
  .top-nav
  {
      display: block;
  }
  .header,
  .main-nav,
  .banner
  {
      display: none;
  }
  .banner2{
      display: block;
  }   

   
}
@media(max-width:768px){
  .main-content .container .nav{
    margin-left: 1.5rem;
  }

  .loveflower-info ul,
  .hot-sale .hot-sale-list ul{
      justify-content: center;
  }
  .loveflower.loveflower-info ul li,
  .hot-sale .hot-sale-list ul li{
      flex: 0 1 60%;
  }
  .f-server .articles .article-bd .article-list .article-item{
      flex: 0 1 80%;
  }
  .hot-sale .hot{
      padding-left: 1rem;
  }
  .hot-sale .hot-sale-list li{
      border: 0;
  }
  .loveflower-name{
      padding-left: 1rem;
      font-size: 1.3rem;
  }
  .loveflower-nav-list a{
      font-size: 1.3rem;
  }
 
 
  .f-server .help-content .item4,
  .f-server .help-content .item5{
      display: none;
  }
}
/* #endregion 媒体查询 end*/