dede中 field:global 改变前几个样式无效

关于实现排行榜，前三名的样式不一样，网上给出的方法是

[field:global runphp='yes' name=autoindex]      
$a="<SPAN class='ico1'>";  $b="</SPAN>";     $c="<SPAN class='ico2'>"; if (@me > 3) @me = $c.@me.$b; else @me = $a.@me.$b; 
[/field:global] 

但我这边不知道是什么原因，css样式部分就是死活用不了，我试过单一的加在前面可以使用，于是我使用了图片代替样式的方法来完成这个操作。
代码如下：

						            [field:global runphp='yes' name=autoindex]
						            if(@me==1)@me='<img src="/skin/images/on1.png" style="width: 25px;"/>';
						            else if(@me==2)@me='<img src="/skin/images/on2.png" style="width: 25px;"/>';
						            else if(@me==3)@me='<img src="/skin/images/on3.png" style="width: 25px;"/>';
						            else @me='<img src="/skin/images/qita.png" style="width: 25px;"/>';
						            [/field:global] [field:title/]

附上图片：
on1.png

on2.png

on3.png

qita.png

效果如下：

去试试吧