购物车shopping-cart问题

在做商城的时候要写一个购物车的样式：

在做最后一行进行商品数量计算以及金额计算的时候，遇到一点问题：

 <ul aria-labelledby="dropdownMenu1">
     <li class="product">
         <ul class="clearfix">
             <li class="pro-img">  <img src="img/product1.png" /> </li>
             <li class="pro-name"> <a><p>智能打火机 烟民的健康卫士</p> </a>  </li>
             <li class="pro-cost"> 
                 <p>  ￥ <span class="pro-price">299</span> * <span class="pro-amount">2</span> </p>
                 <b  class="pro-remove">删除</b>
            </li>
        </ul>
     </li>
     <li class=