Price组件

<span class="price">
        	<span class="value">US $12.63 - 13.89</span>
        	<span class="separator">/</span> 
        	<span class="unit">piece</span>
</span>

 

.price .value{color:#BD1A1D;font-weight:bold;}
.price .separator,.price .unit{color:#666;font-weight:normal;}

 

<span class="price price-m">
        	<span class="value">US $12.63 - 13.89</span>
        	<span class="separator">/</span> 
        	<span class="unit">piece</span>
</span>


<span class="price price-l">
        	<span class="value">US $12.63 - 13.89</span>
        	<span class="separator">/</span> 
        	<span class="unit">piece</span>
</span>


<span class="price price-del">
        	<span class="value">US $12.63 - 13.89</span>
        	<span class="separator">/</span> 
        	<span class="unit">piece</span>
</span>

 

.price-s, .price-s .value, .price-s .separator, .price-s .unit{font-size:12px;}
.price-m, .price-m .value, .price-m .separator, .price-m .unit{font-size:14px;}
.price-l, .price-l .value, .price-l .separator, .price-l .unit{font-size:16px;}
.price-xl, .price-xl .value, .price-xl .separator, .price-xl .unit{font-size:18px;}
.price-thin, .price-thin .value, .price-thin .separator, .price-thin .unit{font-weight:normal;color:#000;}
.price-del, .price-del .value{font-weight:normal;color:#666; text-decoration:line-through;}