{seopage id=21}{include "header.inc.html"}
{literal}
<style type="text/css">
body{background:url(http://img04.taobaocdn.com/tps/i4/T1VUHyXjVjXXXezMfc-30-30.jpg);}
.temaiList ul li{width:235px;height:360px;margin:10px 10px 0px 0px;border:3px #fff solid;background-color:#fff;position:relative;float:left;font-family:tahoma, arial, 宋体;}
.temaiList ul li:hover{border-color:rgb(149,149,149);}
.temaiList ul li .zhe{position:absolute;left:7px;top:205px;width:220px;height:25px;text-align:center;color:#fff;line-height:29px;font-size:16px;font-weight:bold;margin:0px auto;z-index:99;}
.temaiList ul li .zhezhao{position:absolute;left:7px;top:205px;width:220px;height:25px;margin:0px auto;filter:alpha(opacity=80);position:absolute;z-index:98;opacity:0.8;background-image:none;background-color:rgb(135,113,90);}
.temaiList ul li a.pic{width:220px;height:220px;display:block;margin:0px auto;padding-top:10px;}
.temaiList ul li.mr0{margin-right:0px;}
.temaiList ul li p{width:220px;height:33px;overflow:hidden;padding-top:5px;margin:0px auto;}
.temaiList ul li p u{width:auto;height:20px;text-align:center;color:#c00000;line-height:20px;font-family:Arial;font-size:18px;text-decoration:none;float:left;}
.temaiList ul li p em{color:#c00000;line-height:32px;font-family:Arial,Helvetica,sans-serif;font-size:36px;font-weight:bold;float:left;}
.temaiList ul li p b{color:#b4b4b4;padding-top:5px;padding-left:10px;font-family:arial;font-weight:100;float:left;}
.temaiList ul li p b s{font-weight:100;}
.temaiList ul li span{width:220px;height:auto;padding-top:5px;margin:0px auto;display:block;}
.temaiList ul li span a{color:#000;}
.temaiList ul li .btn{width:220px;margin:0px;padding-top:15px;padding-right:15px;}
.temaiList ul li .btn a{width:80px;height:21px;float:right;background:url("http://img03.taobaocdn.com/tps/i3/T1Rq2zXh4kXXa_Mgzo-80-21.jpg") no-repeat center top transparent;}
.temaiList ul li .btn a:hover{background:url("http://img02.taobaocdn.com/tps/i2/T10DYDXbVbXXXAK3zo-80-21.gif") no-repeat center top transparent;}

.cnav{width:100%;background-color:#fff;font-size:14px;margin-top:5px;}
.cnav a{padding:5px 10px;margin-left:2px;}
.temaipage{padding:20px;width:255px;float:left;}
.temaipage a{;border:1px #ddd solid;}
.category{float:right;background-color:rgb(190,49,49);height:25px;line-height:25px;margin:13px;padding:3px 0px;}
.category a{border:none;color:#fff;font-weight:bold;font-family:"Microsoft Yahei"}
.category a:hover,.category a.hover{border:none;color:#fff !important;background-color:rgb(24,24,24);}
.category a:first-child{margin-left:0px;}
</style>
{/literal}
<div class="w">
<div class="temaiList">
<div class="cnav clearfix">
<div class="temaipage">{$pager}</div><div class="category"><a href="{$baseUrl}taobao/temai">特卖首页</a>{foreach from=$category item=cat}<a href="{$baseUrl}taobao/temai/catId/{$cat.catId}"{if $smarty.get.catId==$cat.catId} class="hover"{/if}>{$cat.catName}</a>{/foreach}</a></div>
</div>

<ul class="clearfix">
{foreach from=$temaiList item=item}
<li{if ($item@index+1)%4==0} class="mr0"{/if}>
<div class="zhezhao"></div>
<div class="zhe">{$zhe = ($item.promotion_price*10/$item.price)|string_format:"%.1f"}{$zhe|replace:'.0':''}折</div>
<a class="pic" href="{$baseUrl}taobao/go/{$item.iid}" target="_blank"><img src="{$item.pic_url}" width="220px" height="220px"></a>
<p><u>¥</u><em>{$item.promotion_price|string_format:"%d"}</em> <b>￥<s>{$item.price|string_format:"%d"}</s></b></p>
<span><a title="{$item.title}" href="{$baseUrl}taobao/go/{$item.iid}" target="_blank">{$item.title}</a></span>
<div class="btn">
<a class="aca1" title="{$item.title}" href="{$baseUrl}taobao/go/{$item.iid}" target="_blank"></a>
</div>
</li>
{/foreach}
</ul>
<div class="cnav clearfix">
<div class="temaipage">{$pager}</div><div class="category"><a href="{$baseUrl}taobao/temai">特卖首页</a>{foreach from=$category item=cat}<a href="{$baseUrl}taobao/temai/catId/{$cat.catId}"{if $smarty.get.catId==$cat.catId} class="hover"{/if}>{$cat.catName}</a>{/foreach}</a></div>
</div>
</div><!--temaiList-->
</div>
{include "footer.inc.html"}