/* 小屏幕设备（如手机） */
  @media (max-width: 600px) {

    /* 增大字体以提高可读性 */
    html {
      font-size: 125%;
      /* 16px * 1.25 = 20px，使用百分比可以更直观地调整大小 */
    }

    a {
      color: #000;
      text-decoration: none;
    }

    .redI {
      color: var(--font-theme-color);
    }

    body {
      background-color: #f8f9fa;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    /* 内容 */
    .all {
      /* width: 1200px; */
    }

    .sift {
      background-color: #fff;
      margin: 20px 0;
      border-radius: var(--radius-5);
    }

    .type {
      display: flex;
      align-items: flex-start;
      /* padding: 10px 70px 10px 30px; */
    }

    .type-title {
      width: 50px;
      margin-top: 3px;
      font-size: 14px;
      flex-shrink: 0;
      color: #6c757d;
      text-align: right;
    }

    .type-list {
      display: flex;
      font-size: 12px;
      list-style: none;
      flex-wrap: wrap;
      padding-right: 2.5rem;
    }

    .brand-list {
      height: 25px;
      position: relative;
      overflow: hidden;
    }

    .collapsed::after {
      content: "...";
      position: absolute;
      bottom: 3px;
      right: 2px;
      width: 25px;
      padding-left: 35px;
      padding-right: 30px;
      background: linear-gradient(to right, transparent, #fff 45%);
    }

    .list-content {
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      margin-left: 12px;
      text-wrap: nowrap;
      height: 25px;
      border-radius: 10%;
    }

    /* 展开折叠 */
    .toggle-button-container {
      position: absolute;
      top: 3px;
      right: 10px;
      z-index: 99;
      color: var(--font-theme-color);
      font-size: 14px;
      line-height: 19px;
      letter-spacing: 2px;
      cursor: pointer;
      background-color: #fff;
    }

    .nav-tabs {
      /* width: 1160px; */
      display: flex;
      flex-wrap: wrap;
      list-style-type: none;
      padding: 0 0.2rem;
    }

    .nav-tabs li {
      position: relative;
      display: flex;
      align-items: center;
      gap: 5px;
      padding: 0.3rem;
      font-size: 14px;
    }

    .nav-tabs li:hover {
      background-color: #f9f9f9;
    }

    .nav-tabs li img {
      width: 1rem;
      height: 1rem;
    }

    .nav-tabs a {
      text-decoration: none;
      color: #333;
      transition: color 0.3s;
    }

    .nav-tabs a:hover {
      color: #007bff;
    }

    .search {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 20px 10px;
      border-radius: var(--radius-5);
      background-color: #fff;
    }

    .search-box {
      display: flex;
      border: 1px solid #000;
      /* 黑色边框 */
    }

    /* 搜索输入框样式 */
    .search-input {
      flex: 1;
      /* 占用剩余空间 */
      padding: 5px;
      font-size: 12px;
      border: none;
      /* 移除输入框的边框 */
      outline: none;
      /* 移除聚焦时的轮廓线 */
    }

    /* 搜索按钮样式 */
    .search-button {
      background-color: var(--theme-color);
      /* 红色背景 */
      color: white;
      padding: 5px 12px;
      border: none;
      /* 移除按钮的边框 */
      cursor: pointer;
      /* 鼠标悬停时显示手型光标 */
    }

    /* 搜索图标样式，使用FontAwesome */
    .search-icon::before {
      font-family: "eFontAwesom";
      /* FontAwesome字体 */
      content: "\f002";
      /* FontAwesome搜索图标 */
      margin-right: 5px;
      /* 图标右边距 */
    }

    .s-middle {
      display: flex;
      align-items: center;
      font-size: 12px;
      margin: 0 2px;
      text-wrap: nowrap;
    }

    .s-right {
      display: flex;
      align-items: center;
      font-size: 12px;
    }

    .pro-library {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
    }


    .pro-library .pl-box {
      width: calc(50% - 12px);
    }

    .pl-box {
      display: flex;
      flex-direction: column;
      font-size: 12px;
      background-color: #fff;
      margin: 6px;
      border-radius: var(--radius-5);
    }

    .pl-box a img {
      object-fit: contain;
    }

    .b-img {
      height: 6rem;
      text-align: center;
    }

    .b-title {
      font-weight: 600;
      font-size: 14px;
      text-align: left;
      /* padding: 0 18px; */
      margin: 10px 0;
      text-align: center;
    }

    .yanjiuhome_v2 .b-title {
      text-align: center;
    }

    .b-year,
    .b-price {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 18px 10px 18px;
    }

    .y-l,
    .p-p {
      display: flex;
      align-items: center;
    }

    .qian {
      color: #6c757d;
      font-size: 12px;
      margin-right: 4px;
    }

    .p-p {
      color: var(--price-color);
      font-size: 18px;
      font-weight: 600;
    }
  }