.container {
  width: 100%;
  height: 100%;
  padding: 20px 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* 自动填充列，最小宽度为200px */
  gap: 8px; /* 每个格子之间的间隔 */
  grid-column: span 4; /* 保证 grid 在宽度上占据 4 列 */
  //border: 1px solid #ccc;
  .providerItem {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 160px;
    background: #f5f5f5; /* 背景颜色 */
    padding: 16px; /* 内边距 */
    border-radius: 8px; /* 圆角 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 添加阴影 */

    .modelTypeTag {
      padding:2px;
      font-size: 8px; /* 假设 4xs 对应的字体大小 */
      font-weight: 500; /* medium 字重 */
      text-transform: uppercase; /* 大写 */
      border: 1px solid #fff;
      border-radius: 2px;
    }

  }
}

.btnFun {
  border: 1px solid #ccc;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  text-align: center;
  background-color: white;
  font-size: 10px; /* 调整字体大小 */
}


