.middle-section {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  overflow-x: auto;
  white-space: nowrap;
  margin-top: 4px; /* 添加顶部间距 */
  .row{
      display: flex;
      flex-direction: row;
      justify-content: space-around;
  }
    .order-card {
      width: 60px;
      height: 60px;
      margin: 4px;
      text-align: center; 
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
      .centered-header {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column; /* 设置为垂直方向布局 */
        // height: 100%; /* 设置容器高度为100% */  
      }
      .large-icon {
        font-size: 30px; /* 设置图标大小为30像素 */
        margin-bottom: 5px; /* 调整图标与文字之间的间距 */  
      } 
      .ion-card-subtitle {
        font-size: 12px;
      }
        
}
  


.swiper-container {
width: 100%;
height: 160px;

.swiper-wrapper {
  height: 140px; // 调整swiper-wrapper的高度

  .swiper-slide {
    text-align: center;
    height: 100%; // 调整swiper-slide的高度
  }
}  
.swiper-button-next,
.swiper-button-prev {
  display: none; // 隐藏轮播箭头
}
}
