.recommend{padding:0 .6rem}.recommend .rec-logo{line-height:.51rem}.recommend .rec-logo img{width:2.1rem;height:.51rem}.recommend ul{margin-top:.6rem}.recommend ul li{width:100%;border-bottom:.03rem solid #f0f0f0;margin-bottom:.27rem}.recommend ul li .left{float:left;width:60%;font-family:HYQiHei-EES}.recommend ul li .left .rec-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:.48rem;color:#333;line-height:.69rem}.recommend ul li .left .rec-info{line-height:.51rem;overflow:hidden}.recommend ul li .left .rec-info span{color:#a1a2a6;font-size:.36rem}.recommend ul li .left .rec-info span.count{color:#9ea0a4;margin-left:.27rem}.recommend ul li .right{float:right;width:33%;height:1.98rem;background:#ddd;border-radius:.12rem;margin-left:.6rem;margin-bottom:.42rem;overflow:hidden}.recommend ul li .right div{position:relative;width:100%;height:100%}.recommend ul li .right div i{position:absolute;width:1.6rem;height:.66rem;line-height:.26rem;background:rgba(0,0,0,.6);color:#fff;font-style:normal;text-align:center;border-radius:.24rem;bottom:.15rem;right:.15rem}.recommend ul li .right div i span{font-size:.42rem;transform:scale(.66);-webkit-transform:scale(.66)}.recommend ul li .right img{width:100%;height:100%}.recommend .clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}