效果展示：

html部分：

<div class="zib-widget">
  <img title="子比主题" src="https://www.902d.com/wp-content/uploads/2025/09/675e846e4720250926183750.png" class="radius8">
  <div class="themeinfo-content">
    <div class="theme-info text-center">
      <div class="em14 font-bold meihua"><svg class="icon mr6 fa-spin" aria-hidden="true">
  <use xlink:href="#icon-wordpress
"></use>
</svg>子比主题<i class="fa fa-free-code-camp" aria-hidden="true"></i>一款优雅的主题</div>
    </div>
<div class="ml10" style="line-height: 1.5;">
      
      <p><i class="fa fa-check-square-o mr6" aria-hidden="true" style="color:#ff4c77"></i><span>安装wordpress及主题服务一次</span></p>
      <p><i class="fa fa-check-square-o mr6" aria-hidden="true" style="color:#ff4c77"></i><span>一次购买终身免费提供主题更新服务</span></p>
      <p><i class="fa fa-check-square-o mr6" aria-hidden="true" style="color:#ff4c77"></i><span>强大的人工服务，为你解决主题问题</span></p>
    </div>
    <div class="price-box">
      <div class="px13 text-center mt10 mb10">
        <b class="em3x dsjb">
          <span class="pay-mark">￥</span>559</b>
        <div class="inline-block ml10 text-left">
          <badge>              
<i class="fa fa-fw fa-bolt">              
</i>特别特惠</badge>            
<br>
          <span class="original-price" title="原价 799">
            <span class="pay-mark">￥</span>799</span>
        </div>
      </div>
    </div>
    <a class="wzw-btnxc" href="https://www.902d.com/pay-zibll" >立即购买</a>
  </div>
</div>

所需css：