开服列表页面 分类信息膜拜 列表模版
<style type="text/css">.deangameslistss{ width:1180px;}
.deangameslistss ul{ width:1200px;}
.deangameslistss ul li{ width:361.33px; border:1px solid #ededed; padding:10px; position:relative; height:120px; float:left; margin:0 15px 15px 0;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;}
.deangameslistss ul li:hover{box-shadow: 0 1px 3px 0 rgba(50,50,50,.2),0 2px 8px 0 rgba(50,50,50,.2);
-webkit-transform: translateY(-2px);
transform: translateY(-2px);}
.deangameslistss ul li a.deangameinfos{ display:block;width:361.33px;height:120px; position:absolute; top:10px; left:10px;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear; }
.deangamepicds{ float:left; width:120px; height:120px; border-radius:8px; overflow:hidden;}
.deangamepicds img{ width:120px; height:120px; }
.deangameift{ width:230px; float:right;}
.deangameift h5{ font-size:18px; color:#666;height: 30px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.deantuijian{ margin:5px 0;}
.deantuijian span{ display:block; float:left; font-size:15px; color:#666; width:65px; height:21px; line-height:21px; margin-right:10px;}
.deantjstar{height:21px; line-height:21px;background: url(./template/dean_icebag_160927/deancss/stars.png) repeat-x 0 -29px;width: 115px;float: left;}
.deantjstarx{height:21px; line-height:21px;background: url(./template/dean_icebag_160927/deancss/stars.png) repeat-x;height: 28px;overflow: hidden;margin-top: -1px;}
.deanitemsd{color: #999;margin: 9px 0;height: 20px;line-height: 20px;overflow: hidden; font-size:14px;}
.deanitemsd span{color: #78C139;}
.deanitemsd em{padding: 0 5px;color: #ddd;}
.deanitemsd span.deantypegame{color: #999;}
.deanpingtai{ margin-top:12px;}
.deanpingtai span{ display:inline-block; margin-right:5px; padding:0 5px; font-size:12px; height:20px; line-height:20px;}
.deanpingtai span.deantone{ border:1px solid #68BDFF; color:#68BDFF;}
.deanpingtai span.deanttwo{ border:1px solid #FF6E71; color:#FF6E71;}
.deangameslistss ul li a.deangamecoverdf{ display:block;width:383.33px;height:140px; opacity:0; background:#333; position:absolute; top:0px; left:0px;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear; }
.deangameslistss ul li:hover a.deangamecoverdf{ opacity:1;}
.deanewm{ border:2px solid #131313; border-right:0; float:left; width:136px; height:136px; float:left; position:relative;}
.deanewm img{ width:136px; height:136px;}
.deanewm i{ display:block; position:absolute; top:53px; right:-9px; width:9px; height:18px; background:url(./template/dean_icebag_160927/deancss/triangle.png) center no-repeat;}
.deanfront{ float:right; width:210px; height:120px; padding:10px; position:relative;}
.deanfront i.deancorner{ display:block; position:absolute; top:0px; right:0px; width:20px; height:20px; background:url(./template/dean_icebag_160927/deancss/corner.png) center no-repeat;}
.deanfront i.deangamepad{ display:block; position:absolute; top:30px; left:20px; width:24px; height:18px; background:url(./template/dean_icebag_160927/deancss/gamepad.png) center no-repeat;}
.deanfront i.deangamestar{ display:block; position:absolute; top:40px; right:35px; width:14px; height:14px; background:url(./template/dean_icebag_160927/deancss/star.png) center no-repeat;}
.deanfront h5{ font-size:14px; color:#fff; text-align:center; font-weight:normal;}
.deanfront p{ font-size:18px; color:#78C139; text-align:center; font-weight:bold; margin-top:5px;}
.deandetailsbtn{ width:110px; height:30px; line-height:30px; font-size:14px; color:#fff; background:#78C139 url(./template/dean_icebag_160927/deancss/enterd.png) 15px center no-repeat; border-radius:5px; margin:20px auto 0 auto; text-indent:35px;}
#threadlist .bbs,.deanbbsjj,#thread_types{display:none;}
.mn{ width:1180px; border:0; padding:0;}
</style>
<div class="deangameslistss">
<ul>
<li>
<a class="deangameinfos" href="{subject_url}" target="_blank">
<div class="deangamepicds"><img src="{gameicon_value}" /></div>
<div class="deangameift">
<h5>{gamename_value}</h5>
<div class="deantuijian">
<span>推荐指数:</span>
<div class="deantjstar">
<div class="deantjstarx" style="width: {gamestars_value};"></div>
</div>
<div class="clear"></div>
</div>
<div class="deanitemsd">
<span>{gamecshang_value}</span><em>|</em><span class="deantypegame">{gametype_value}</span>
</div>
<div class="deanpingtai">
<span class="deantone">{gamefenlei_value}</span>
<span class="deanttwo">{gamepingtai_value}</span>
</div>
</div>
<div class="clear"></div>
</a>
<a class="deangamecoverdf" href="{subject_url}" target="_blank">
<div class="deanewm"><i></i><img src="{gameewm_value}" /></div>
<div class="deanfront">
<i class="deancorner"></i>
<i class="deangamepad"></i>
<i class="deangamestar"></i>
<h5>扫描二维码</h5>
<p>下载游戏</p>
<div class="deandetailsbtn">游戏详情</div>
</div>
<div class="clear"></div>
</a>
</li>
<div class="clear"></div>
</ul>
</div>
沙发~支持楼主,支持【果子】社区，希望【www.guo.cc】果子社区越办越好. 沙发~支持楼主,支持【果子】社区，希望【www.guo.cc】果子社区越办越好. 太棒了，感谢楼主,【www.guo.cc】果子社区是我家维护靠大家. 太棒了，感谢楼主,【www.guo.cc】果子社区是我家维护靠大家. 谢谢楼主分享 好东西一定要看看！ 大家都不容易！ 哈哈!楼主大人你太好笑了.【www.guo.cc】果子社区最搞笑的人莫过于你啊！ 谢谢您的分享！