.container{ width: 100%; min-height: 100vh; } .banner{ width:3.55rem; height:1.56rem; border-radius:0.04rem; margin: auto; } .bannerimg{ width:3.55rem; height:1.56rem; border-radius:0.04rem; } .card_list{ width:348px; background:#FFFFFF; border-radius:0.08rem; opacity:0.8; margin: auto; margin-top: 0.11rem; margin-bottom: 0.11rem; padding:0.1rem 0.15rem; box-sizing: border-box; } .cars_item{ padding: 0.1rem 0; display: flex; border-bottom: #F0F0F0 0.01rem solid; } .cars_item .card_img{ width:1.08rem; height:0.68rem; background:rgba(216,216,216,1); border-radius:0.04rem; margin-right: 0.1rem; } .card_info{ max-width: 2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .card_info .card_name{ display: inline-block; font-size:0.16rem; color:#303233; line-height:0.22rem; } .li,.jian{ display: inline-block; width:0.16rem; height:0.16rem; font-size: 0.12rem; color: #FFFFFF; line-height: 0.16rem; text-align: center; border-radius:0.02rem; vertical-align: middle; margin-left: 0.1rem; } .li{ background: #E92828; } .jian{ background: #2893E9; } .card_info .describe{ font-size:0.12rem; color:#666666; line-height:0.17rem; } .card_info .num{ font-size:0.12rem; color:#535353; line-height:0.17rem; padding-top: 0.03rem; } .card_info .num .renshu{ color: #DA1220; }