.mid-right .list3-wrapper{
    width: 1200px;
    margin-left: 30px;
    display: flex;
    flex-wrap: wrap;
}
.mid-right .list3-wrapper .item-wrapper{
    width: 350px;
    height: 330px;
    background: #FFFFFF;
    box-shadow: 0px 2px 8px 0px rgba(46, 58, 89, 0.1);
    border-radius: 6px;
    margin-right: 40px;
    margin-bottom: 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.mid-right .list3-wrapper .item-wrapper:nth-child(3n+3){
    margin-right: 0;
}
.mid-right .list3-wrapper .item-wrapper .item-img{
    width: 100%;
    height: 250px;
    border-radius: 6px 6px 0px 0px;
    display: block;
    object-fit: cover;
}
.mid-right .list3-wrapper .item-wrapper .item-title-txt{
    width: 350px;
    margin-top: 20px;
    /*padding: 20px 0px 18px 20px;*/
    box-sizing: border-box;
    font-size: 18px;
    color: #2E3A59;
}

.mid-right .list3-wrapper .item-wrapper .address-wrapper{
    padding-left: 20px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.mid-right .list3-wrapper .item-wrapper .address-wrapper .p-icon{
    display: block;
    width: 11px;
    height: 11px;
    margin-right: 4px;
}
.mid-right .list3-wrapper .item-wrapper .address-wrapper .address-txt-tip{
    font-size: 14px;
    color: #B5B7C0;
}
.mid-right .list3-wrapper .item-wrapper .address-wrapper .address-cont{
    font-size: 14px;
    color: #B5B7C0;
    flex: 1;
}
/* 移动端适配 */
@media (max-width:768px){
    .mid-right .list3-wrapper{width:100%;margin-left:0;padding:0 12px;box-sizing:border-box;}
    .mid-right .list3-wrapper .item-wrapper{width:100%;margin-right:0;height:auto;}
    .mid-right .list3-wrapper .item-wrapper .item-img{height:auto;max-height:220px;object-fit:contain;}
    .mid-right .list3-wrapper .item-wrapper .item-title-txt{width:100%;font-size:16px;line-height:1.4;margin-top:12px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center;}
    .mid-right .list3-wrapper .item-wrapper .address-wrapper{padding-left:0;margin:6px 0 10px;justify-content:center;}
    /* 分类按钮区域 */
    ul.st_line{margin:12px 0!important;padding:0 12px!important;list-style:none;display:flex;flex-wrap:wrap;}
    ul.st_line li{margin:0 8px 10px 0!important;}
    ul.st_line li button,
    ul.st_line li a.column-tab-btn,
    ul.st_line li a.layui-btn{min-width:92px;height:34px;line-height:34px;padding:0 14px;font-size:14px;display:inline-block;text-align:center;}
}

/* 选中态按钮文字白色 */
.layui-btn.layui-btn-warm,
.layui-btn-warm a,
a.layui-btn-warm,
a.layui-btn.layui-btn-warm{
  color:#fff !important;
}

/* 链接作为按钮使用 - 确保在所有浏览器下都能正常点击 */
.st_line .column-tab-btn,
.st_line a.layui-btn {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  /* 确保链接可以点击 */
  pointer-events: auto;
  /* 保持按钮样式 */
  color: inherit;
}

/* IE10 下链接按钮适配 - 修复 hover 时消失的问题 */
.ie10 .st_line .column-tab-btn,
.ie10 .st_line a.layui-btn {
  display: inline-block !important;
  text-decoration: none !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  /* 注意：不设置 color:inherit，让选中状态的白色样式生效 */
  /* 确保在 IE10 下不会因为 flexbox 布局问题而消失 */
  position: relative !important;
  z-index: 1 !important;
  visibility: visible !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  /* 防止布局重排 */
  min-width: auto !important;
  width: auto !important;
  height: auto !important;
}
/* IE10 下 hover 状态 - 确保不会消失 */
.ie10 .st_line .column-tab-btn:hover,
.ie10 .st_line a.layui-btn:hover {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 2 !important;
}
/* IE10 下选中状态按钮文字白色 */
.ie10 .st_line a.layui-btn-warm,
.ie10 .st_line a.layui-btn.layui-btn-warm {
  color: #fff !important;
}

/* 移动端链接按钮适配 */
@media (max-width:768px){
  ul.st_line li a.column-tab-btn,
  ul.st_line li a.layui-btn {
    min-width: 92px;
    height: 34px;
    line-height: 34px;
    padding: 0 14px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
  }
}