CSS3特效商品購物清單樣式

這是一款簡潔好看的css3商品購物清單樣式，商品結算清單佈局代碼。
<div class="container">
  <div class="receipt">
    <h2 class="receipt__title">感謝您的惠顧！ </h2>
    <p class="receipt__subtitle">以下是您的購物清單，請保存此票據。 </p>
    <ul class="receipt__lines">
      <li class="receipt__line">
        <span class="receipt__line__item">iPad mini 4（數量1）</span>
        <span class="receipt__line__price">¥ 1699</span>  
      </li>
      <li class="receipt__line">
        <span class="receipt__line__item">type-C耳機（數量1）</span>
        <span class="receipt__line__price">¥ 399</span>  
      </li>
      <li class="receipt__line">
        <span class="receipt__line__item">iPhone X edition（數量1）</span>
        <span class="receipt__line__price">¥ 8288</span>  
      </li>
    </ul>
    <p class="receipt__total">
      <span class="receipt__total__item">合計：</span>
      <span class="receipt__total__price">¥ 10386</span>
    </p>
    <p class="receipt__back">
      <a href="#">再去逛逛</a>
    </p>
  </div>
</div>