.list{background:#f2f2f2}
.list .con{padding:.3rem 0;display:flex;flex-wrap:wrap}
.list .brand{display:flex;width:100%}
.list .brand p,.list .brand a{font-size:.18rem;color:#666}
.list .brand a:hover{color:var(--main)}
.list .ul{display:flex;flex-direction:column;width:100%;margin:.15rem 0}
.list .ul .li{width:100%;margin-bottom:.2rem;border-radius:.2rem;background:#fff;box-shadow:0 0 4px 0 rgb(0 0 0 / 0.25);padding:.15rem;box-sizing:border-box;display:flex}
.list .ul .li:last-child{margin-bottom:0}
.list .ul .li:hover{box-shadow:0 0 4px 0 rgb(0 0 0 / 0.25);transform:scale(1.02);transition:transform 0.3s ease-out}
.list .ul .li .img{width:30%;height:2.5rem}
.list .ul .li .img img{width:100%;height:100%;object-fit:cover;border-radius:.1rem}
.list .ul .li .text{width:68.5%;margin-left:1.5%;display:flex;flex-direction:column}
.list .ul .li .text h2{font-size:.26rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.list .ul .li .text .info{margin:.15rem 0;display:flex}
.list .ul .li .text .info p{margin-right:.5rem;font-size:.16rem;color:#888;line-height:1.25}
.list .ul .li .text .info p i{font-size:.16rem;color:#888;margin-right:3px}
.list .ul .li .text .desc p{font-size:.18rem;color:#666}
.list .ul .li .text .btns{text-align:right;margin-top:auto}
.list .ul .li .text .btns a{font-size:.2rem;color:#fff;background:var(--main);line-height:2.5;padding:0 .3rem;border-radius:.1rem;display:inline-block}
.list .ul .li .text .btns a:hover{background:var(--hover)}
.list .ul .nodata{font-size:.26rem;color:#888}
.list .page{width:100%;display:flex;justify-content:center;align-items:center;margin-top:.1rem;flex-wrap:wrap}
.list .page span,.list .page a{font-size:.2rem;color:#555;border:1px solid var(--main);margin-right:.1rem;padding:0 .15rem;line-height:1.5;border-radius:5px;margin-bottom:.1rem}
.list .page>:last-child{margin-right:0}
.list .page a{cursor:pointer}
.list .page span:hover,.list .page a:hover,.list .page span.current{color:#fff;background:var(--main)}
@media screen and (max-width: 991px){
    .list .banner{margin-top:0}
    .list .brand p, .list .brand a{font-size:.3rem}
    .list .ul{margin:.25rem 0}
    .list .ul .li{flex-direction:column;padding:.2rem;margin-bottom:.35rem}
    .list .ul .li .img{width:100%;height:4rem}
    .list .ul .li .img img{border-radius:.2rem}
    .list .ul .li .text{width:100%;margin-left:0;margin-top:.2rem}
    .list .ul .li .text h2{font-size:.36rem}
    .list .ul .li .text .info{display:none}
    .list .ul .li .text .desc{margin-top:.15rem}
    .list .ul .li .text .desc p{font-size:.28rem}
    .list .ul .li .text .btns{text-align:center;margin-top:.15rem}
    .list .ul .li .text .btns a{width:100%;font-size:.32rem}
    .list .page span,.list .page a{font-size:.32rem;margin-right:.15rem;line-height:2;padding:0 .25rem}
}