@charset "utf-8";
.list-item{background-color:#fff;border-bottom:1px solid #e5e5e5;padding:.3rem}
.list-item a{display:block;overflow:hidden}
.list-item .pic{float:left;overflow:hidden;width:2.8rem;height:2.1rem;position:relative}
.list-item .pic img{width:100%;height:100%;display:block;object-fit:cover;border-radius:.15rem}
.list-item .pic .type{position:absolute;right:.2rem;top:0;color:#fff;width:1rem;text-align:center;height:.5rem;line-height:.5rem;font-size:.28125rem;background-color:#0000fe}
.list-item .pic .type:after{content:"";position:absolute;top:.5rem;left:0;border-style:solid;border-width:.15rem .5rem;border-color:#0000fe transparent transparent transparent;z-index:5}
.list-item .pic .type-2{background-color:#02c1de}
.list-item .pic .type-2:after{border-color:#02c1de transparent transparent transparent}
.list-item .pic .type-3{background-color:#aeaeae}
.list-item .pic .type-3:after{border-color:#aeaeae transparent transparent transparent}
.list-item .info{margin-left:3.2rem}
.list-item .info .name{font-size:.375rem;line-height:.5rem;height:1rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.list-item .info .name span,.list-item > a > .btm span,.list-item > a > h4 span{color:#0100fe}
.list-item .info .pri{margin-top:.25rem;font-size:.29125rem;color:#888}
.list-item .info .pri .fr{font-size:.40625rem;color:#0100fe;margin-top:.1rem}
.list-item .info .pri .price:before{font-size:.375rem;margin-right:.0625rem;color:#0100fe}
.list-item .info .btm,.list-item > a > .btm{margin-top:.15rem; height:50px; font-size:.28125rem;color:#888;overflow:hidden;text-overflow:ellipsis}
.list-item .info .btm em,.list-item > a > .btm em{margin-right:.2rem}
.list-item > a > .btm{margin-top:.25rem}
.list-item > a > h4{font-size:.375rem}