.maxphoto {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.maxphotoimg {
  width: 400px
}
.div_img {
  width: 400px;
  border: 1px solid #ddd;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.maxphotoimg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.type_list {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  flex-direction: row;
  width: 400px;
  margin: auto;
  margin-top: 0px;
  align-content: flex-start;
}
.type_img {
  width: 160px;
  height: 35px;
  border: 1px solid #c9c9c9;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
	border-radius: 8px;
}
.type_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* 点击后的 active 状态背景颜色变化 */
.type_img.active {
  background-color: #f0f0f0; /* 选中后改变背景颜色 */
  border-color: #ff8138; /* 选中后改变边框颜色 */
}