/* 全局盒模型重置，解决边距/尺寸错乱问题 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 商品列表外层容器 */
.members_goodspic {
  overflow: hidden;
  background-color: #f5f5f5;
  padding: 0 4px; /* 整体左右内边距，适配两列间距 */
}

/* 商品列表ul - 清除浮动 + 宽度自适应 */
.members_goodspic > ul {
  list-style: none;
  overflow: hidden; /* 清除li浮动带来的高度塌陷 */
  width: 100%;
}

/* 单个商品项 - 核心两列布局 */
.members_goodspic > ul > li.gooditem {
  width: calc(50% - 16px); /* 两列，减去间距 */
  float: left;
  background: #fff;
  padding:0 0 10px 0;
  border-radius: 12px; /* 匹配示例图圆角 */
  overflow: hidden; /* 裁剪内部超出圆角的内容 */
  margin: 8px 8px; /* 上下8px，左右4px，保证列间距8px */
}

/* 图片容器 - 核心适配示例图 */
.members_goodspic > ul > li.gooditem > div.imgs {
  width: 100%;
  height: 0;
  padding-bottom: 100%; /* 1:1正方形图片容器，适配示例图比例 */
  position: relative;
  overflow: hidden; /* 裁剪图片超出部分 */
}

/* 图片链接 - 绝对定位铺满容器 */
.members_goodspic > ul > li.gooditem > div.imgs a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 商品图片 - 铺满+居中裁剪，匹配示例图效果 */
.members_goodspic > ul > li.gooditem > div.imgs a img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover; /* 铺满容器，超出部分裁剪 */
}

/* 商品信息区域 - 适配示例图排版 */
.members_goodspic > ul > li.gooditem > div.info {
  padding: 8px 10px 12px; /* 内边距适配示例图 */
  height: auto; /* 取消固定高度，自适应内容 */
  min-height: unset; /* 重置原有固定最小高度 */
}

/* 商品标题 - 示例图样式 */
.info p.goods-title {
  font-size: 12px;
  color: #333;
  line-height: 1.4;
  margin-bottom: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 标题最多两行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}

.info p.goods-title a {
  color: inherit;
  text-decoration: none; /* 去掉链接下划线 */
  display: block;
  width: 100%;
}

/* 商品价格/销量区域 */
.info .goods-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0; /* 重置原有底部内边距 */
}

/* 价格样式 - 匹配示例图红色大号字体 */
.info .goods-info .goods_price {
  font-size: 14px;
  color: #ff4444;
  font-weight: 600;
  float: none; /* 取消浮动，用flex布局 */
  margin-top: 0; /* 重置margin */
  line-height: 1;
}

/* 包邮标签样式（如果有） */
i.shipping_fee {
  font-style: normal;
  font-size: 12px !important;
  background: #fff;
  color: #ff4444;
  padding: 1px 4px;
  margin-left: 6px;
  border-radius: 2px;
  border: 1px solid #ff4444;
  display: inline-block;
  line-height: 1.2 !important;
  font-weight: normal !important;
  vertical-align: middle;
}

/* 销量样式（已售0件）- 匹配示例图 */
.goods-sales {
  font-size: 12px;
  color: #999;
  line-height: 1;
}

/* 以下为保留原有非核心样式（排序/筛选等），仅保证不冲突 */
.goods_butoom {
  margin-bottom: 45px;
}

.order_div {
  position: relative;
  background: #fff;
  z-index: 99;
  width: 100%;
  max-width: 640px;
}

.order_div>span {
  width: 25%;
  display: block;
  float: left;
  text-align: center;
  line-height: 35px;
  color: #999;
}

.order_div>span.select {
  color: #ff6464;
  background: #fff;
}

.order_div>span.select a {
  color: #ff6464;
}

.order_div>span:nth-child(3) {
  position: relative;
}

.order_div>span:nth-child(3) .ico_order_state {
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  width: 8px;
  height: 8px;
  display: block;
  padding-right: 10px;
  position: absolute;
  top: 10px;
  right: 11px;
  transform: rotate(43deg);
  -ms-transform: rotate(43deg);
  -moz-transform: rotate(43deg);
  -webkit-transform: rotate(43deg);
  -o-transform: rotate(43deg);
}

.order_div>span.select .ico_order_state {
  border-bottom: 1px solid #ff6464;
  border-right: 1px solid #ff6464;
}

.order_div>span .ico_order_state.statu_two {
  top: 14px;
  transform: rotate(222deg);
  -ms-transform: rotate(222deg);
  -moz-transform: rotate(222deg);
  -webkit-transform: rotate(222deg);
  -o-transform: rotate(222deg);
}

.info .goods-info .goods-original-price {
  font-size: 12px;
  color: #999999;
  float: left;
  margin-top: -5px;
}

.info .goods-info .add-cart {
  display: none; /* 示例图无加购按钮，隐藏 */
}

.filtrate-term {
  width: 100%;
  overflow: hidden;
  background: #fff;
  position: relative;
  z-index: 999;
  border-bottom: 1px solid #eee;
}

.filtrate-term ul {
  width: 100%;
  overflow: hidden;
  height: 40px;
}

.filtrate-term li {
  width: 25%;
  margin-top: 11px;
  line-height: 17px;
  text-align: center;
  float: left;
  border-right: 1px solid #eee;
  box-sizing: border-box;
}

.filtrate-term li:last-child {
  border-right: none;
}

.filtrate-term li a {
  color: #222;
  font-size: 13px;
}

.filtrate-term li.cur a,
.filtrate-term li.cur a i {
  color: #ff6464;
}

.filtrate i {
  display: inline-block;
  margin-left: 0.2rem;
  font-size: 13px;
  color: #222;
}

.filtrate-term .arrow-up,
.filtrate-term .arrow-down {
  width: 0px;
  height: 0px;
  font-size: 0;
  line-height: 0;
  border-color: #fff #fff #a5a5a5 #fff;
  border-width: 0px 6px 6px;
  display: inline-block;
  border-style: solid;
  position: relative;
  top: 1px;
  left: 2px;
}

.filtrate-term .arrow-up {
  border-color: #fff #fff #a5a5a5 #fff;
  top: -3px;
}

.filtrate-term li .arrow-down {
  width: 0px;
  height: 0px;
  font-size: 0;
  line-height: 0;
  border-color: #a5a5a5 #fff #fff #fff;
  border-width: 6px 6px 0px;
  position: relative;
  top: -1px;
  left: 2px;
}

.filtrate-term li.cur .arrow-down {
  border-color: #ff6464 #fff #fff #fff;
}

.filtrate-term li.cur .arrow-up {
  border-color: #fff #fff #ff6464 #fff;
  top: -3px;
}

.show-type,
.show-list {
  background: url(../images/top.png) no-repeat;
  background-size: auto 230px;
}

.show-type {
  display: block;
  width: 25px;
  height: 25px;
  background-position: 0px -121px;
  margin: 13px auto 0;
}

.show-list {
  background-position: 0px -76px;
}

.show-position {
  width: 100%;
  background: #fff;
}

i.goods_tab {
  font-style: normal;
  font-size: 12px !important;
  background: #ff6464;
  color: #fff;
  padding: 1px 3px;
  margin-right: 2px;
  border-radius: 2px;
  font-weight: normal !important;
}