.tip{font-size:.3rem;color:#454648;height:1rem;text-align:center;line-height:1rem;background-color:#fff;border-top:1px solid #d3d4d4}.recommend-tip{background-color:#ddd;line-height:.6rem;font-size:.26rem;color:#454648;padding-left:.2rem}.recommend-con{padding:0 .15rem;background-color:#fff}.recommend-con .l-con{width:3.03rem;position:relative;float:left;height:100%;margin-right:.2rem}.recommend-con li{height:2rem;padding:.15rem 0;overflow:hidden;position:relative}.recommend-con li:after{position:absolute;width:200%;border-bottom:1px solid #d1d1d1;transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;bottom:0;left:0;content:''}.recommend-con .bg-img{position:absolute;width:100%;height:100%}.recommend-con .r-con{position:relative;padding-top:.1rem}.recommend-con .l-bottom{position:absolute;bottom:0;left:0;width:100%;height:.34rem;font-size:.24rem;color:#fff;text-align:right;background:-webkit-linear-gradient(rgba(0,0,0,0) 0,rgba(1,1,1,.7) 90%);background:-o-linear-gradient(rgba(0,0,0,0) 0,rgba(1,1,1,.7) 90%);background:-moz-linear-gradient(rgba(0,0,0,0) 0,rgba(1,1,1,.7) 90%);background:linear-gradient(rgba(0,0,0,0) 0,rgba(1,1,1,.7) 90%)}.recommend-con .l-bottom-title{padding-right:.15rem}.recommend-con .top-title{font-size:.3rem;color:#454648;line-height:1.3;vertical-align:top;height:.8rem;max-height:.8rem;overflow:hidden;margin-bottom:.08rem}.recommend-con .bottom-title,.recommend-con .mid-title{font-size:.26rem;line-height:1;color:#7d7d80}.recommend-con .mid-title{margin-bottom:.15rem}.recommend-con .split-line{display:inline-block;border-left:1px solid #7d7d80;height:.2rem;vertical-align:bottom;margin:0 .05rem}