.list_attribute{
    list-style:none;
    margin:10px 0;
    padding:0;
    display: flex;
    flex-wrap: wrap;
    gap:12px;
}
.list_attribute li{
    width: 120px;
    border: 1px solid #eee;
    background:#fff;
    cursor: pointer;
    padding:8px;
    border-radius:4px;
    transition: all 0.2s ease;
}
/* 选中高亮橙色边框 */
.list_attribute li.attr_selected{
    border: 2px solid #ff5000;
}
.list_attribute li:hover{
    border-color:#ffb380;
}
.attr-img-box{
    width:100%;
    height:90px;
    overflow:hidden;
    margin-bottom:6px;
}
.attr-img-box img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.attr-name{
    font-size:12px;
    color:#333;
    text-align:center;
    line-height:1.4;
}
.tips{
    padding:8px 0;
    clear:both;
    font-size:13px;
}
.green{color:#096;}
.red{color:#f30;}
.valuestyle{font-weight:bold;color:#c40000;padding-left:6px;}
/* 移动端适配 */
@media(max-width:768px){
    .list_attribute li{
        width: 90px;
    }
    .attr-img-box{
        height:70px;
    }
}