.recom-ul { background-color: #e9e9e9;}
    .recom-ul li { width: 50%; display: block; float: left; }
    .recom-ul .liPad { margin: 0 1px 2px; background: #fff; padding: 5px 0 7px; }
    .recom-ul .img { padding: 10px 0 5px; }
    .recom-ul .img img { width: 100%; }
    .recom-ul .name {padding:0 5px; font-size: 14px; color: #272727;word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; line-height:16px;height: 32px;}
    .recom-ul .pic { display: box; display: -webkit-box; display: -moz-box; -webkit-box-align: center; }
    .picN {padding:0 5px; font: 18px; color: #c00; font-weight: bold;overflow: hidden; text-overflow: ellipsis; white-space:nowrap; height:24px;}
    .sp { display: box; display: -webkit-box; display: -moz-box; -webkit-box-align: center; -webkit-box-pack: end; -webkit-box-flex: 1; }
    .sp span { display: block; padding: 0 4px; margin-left: 10px; }
    .sp .green { background: #7bc564; color: #fff; }
    .sp .red { background: #ee6767; color: #fff; }