- <style> .tp-one-text {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .tp-one-ads-layer {width: 100%;} .tp-one-ads-layer .tp-one-list {width:100%;background:#F5F5F5;border-radius:6px;padding:6px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;text-decoration:none;margin:4px 0;} .tp-one-ads-layer .tp-one-list .tp-left {width:75%;display:flex;align-items:center;} .tp-one-ads-layer .tp-one-list .tp-left img {width:50px;height:50px;border-radius:6px;flex-shrink:0;} .tp-one-ads-layer .tp-one-list .tp-left .tp-con {padding-left:6px;box-sizing:border-box;} .tp-one-ads-layer .tp-one-list .tp-left .tp-con div {width:100%;display:flex;align-items:center;} .tp-one-ads-layer .tp-one-list .tp-left .tp-con div p {max-width:66%;color:#333333;font-size:16px;line-height:22px;} .tp-one-ads-layer .tp-one-list .tp-left .tp-con div span {font-size:14px;margin-left:10px;color:#f54d4a;line-height: 20px;border:1px solid #f04243;border-radius:3px;padding:0 4px;box-sizing:border-box;flex-shrink: 0;} .tp-one-ads-layer .tp-one-list .tp-left .tp-con .tp-abstract {max-width:100%;color:#FF5D00;font-size:12px;line-height: 20px;padding-top:7px;box-sizing:border-box;} .tp-one-ads-layer .tp-one-list .tp-right {width:25%;flex-shrink:0;display:flex;justify-content:flex-end;} .tp-one-ads-layer .tp-one-list .tp-right span {color:#fff;font-size:14px;line-height:22px;background:#ff2e2e;border-radius:18px;display: block;width: 100%;text-align: center;}</style>
复制代码 自行删除下 liuliangkwff9d开头的类名吧
- <div class="tp-one-ads-layer"> <a class="tp-one-list" target="_blank"> <div class="liuliangkwccc7-5571-6c8b-b071 tp-left"> <div class="liuliangkw5571-6c8b-b071-ea32 tp-con"> <div> <p class="liuliangkw6c8b-b071-ea32-ba4b tp-one-text">广电双百卡</p> <span>本地长期套餐</span> </div> <p class="liuliangkwb071-ea32-ba4b-12ba tp-abstract tp-one-text">24元150G+150分钟通话</p> </div> </div> <div class="liuliangkwea32-ba4b-12ba-5a9e tp-right"> <span>前往办理</span> </div> </a> <a class="liuliangkwba4b-12ba-5a9e-a98b tp-one-list" target="_blank"> <div class="liuliangkw12ba-5a9e-a98b-09b5 tp-left"> <div class="liuliangkw5a9e-a98b-09b5-f4bd tp-con"> <div> <p class="liuliangkwa98b-09b5-f4bd-f7d7 tp-one-text">广电升卿卡</p> <span>本地长期套餐</span> </div> <p class="liuliangkw09b5-f4bd-f7d7-86a4 tp-abstract tp-one-text">29元192G通用流量</p> </div> </div> <div class="liuliangkwf4bd-f7d7-86a4-cb2b tp-right"> <span>前往办理</span> </div> </a> <a class="liuliangkw4f98-12d4-536a-ff9d tp-one-list" target="_blank"> <div class="liuliangkw12d4-536a-ff9d-ccc7 tp-left">
<div class="liuliangkw536a-ff9d-ccc7-5571 tp-con"> <div> <p class="liuliangkwff9d-ccc7-5571-6c8b tp-one-text">联通帝王卡</p> <span>本地归属套餐</span> </div> <p class="liuliangkwccc7-5571-6c8b-b071 tp-abstract tp-one-text">19元80G+100分钟通话</p> </div> </div> <div class="liuliangkw5571-6c8b-b071-ea32 tp-right"> <span>前往办理</span> </div> </a> <a class="liuliangkw6c8b-b071-ea32-ba4b tp-one-list" target="_blank"> <div class="liuliangkwb071-ea32-ba4b-12ba tp-left">
<div class="liuliangkwea32-ba4b-12ba-5a9e tp-con"> <div> <p class="liuliangkwba4b-12ba-5a9e-a98b tp-one-text">电信紫梦卡</p> <span>首选大流量套餐</span> </div> <p class="liuliangkw12ba-5a9e-a98b-09b5 tp-abstract tp-one-text">29元235G+100分钟通话</p> </div> </div> <div class="liuliangkw5a9e-a98b-09b5-f4bd tp-right"> <span>前往办理</span> </div> </a> <a class="liuliangkwa98b-09b5-f4bd-f7d7 tp-one-list" target="_blank"> <div class="liuliangkw09b5-f4bd-f7d7-86a4 tp-left">
<div class="liuliangkwf4bd-f7d7-86a4-cb2b tp-con"> <div> <p class="liuliangkw4f98-12d4-536a-ff9d tp-one-text">流量卡办理营业厅</p> <span>免费办理</span> </div> <p class="liuliangkw12d4-536a-ff9d-ccc7 tp-abstract tp-one-text">更多套餐等您挑选</p> </div> </div> <div class="liuliangkw536a-ff9d-ccc7-5571 tp-right"> <span>立即查看</span> </div> </a> </div>
复制代码 |