淘宝店铺装修格子倒计时图片显示模板代码基础版/专业版/天猫版都可以用
先上效果图：
代码使用方法：
在店铺装修页面新建自定义模块，复制相应的代码，粘贴进去，保存发布就好了，（注意是在代码模式下操作）
如果你是基础版就复制基础版的代码，如果是专业版就复制专业版代码
基础版代码如下：
<div data-title="本代码由【飞蚂蚁模板网】自动生成 feimayi.taobao.com" style="border:2px solid #d7cec3; padding:10px;background-color:#ebe3d6;"> <div data-title="本代码由【飞蚂蚁模板网】自动生成 feimayi.taobao.com" class="J_TWidget" data-widget-config="{"navCls":"hidden-nav","effect":"scrolly","contentCls":"sg-content","circular":true,"easing":"easeOutStrong","duration":1.0,"interval":"4","autoplay":false}" data-widget-type="Carousel"> <div style="margin:0 auto;color:#503425;overflow:hidden;"> <div style="float:left;width:650px;height:362px;overflow:hidden;"> <ul style="overflow:hidden;" class="sg-content"> <li style="float:left;width:650px;height:420px;font-family:微软雅黑; display:block;"> <div style="float:left; width:272px;"> <div style="width: 272px;height: 55px; background: url(http://img04.taobaocdn.com/imgextra/i4/770458061/TB2vBd8cXXXXXXWXXXXXXXXXXXX-770458061.jpg)"> <span style="font-size: 32px;line-height:45px;font-family: 微软雅黑; display: block; float: left; color:#fff; margin-left: 10px;">今日特售</span> <span style="font-size: 16px;line-height: 50px; display: block; font-family: 微软雅黑; float: right;margin-right:10px; color:#fff;">¥ 88</span> </div> <div style=";width:270px;height:70px;color:#888;*margin-bottom:20px; ;"> <div style=";float:left; padding-top:20px; height:50px;text-align:center;width:32%;border-left:2px dashed #d7cec3;font-size:14px; color:#4d3925;border-left:none;"> <div style="margin-bottom:5px;"> 原价 </div> <div> <del>133</del> </div> </div> <div style=";float:left; padding-top:20px; height:50px;text-align:center;width:32%;border-left:2px dashed #d7cec3;font-size:14px; color:#4d3925;"> <div style="margin-bottom:5px;"> 折扣 </div> <div> 6.6折 </div> </div> <div style=";float:left; padding-top:20px; height:50px;text-align:center;width:32%;border-left:2px dashed #d7cec3;font-size:14px; color:#4d3925;"> <div style="margin-bottom:5px;"> 立省 </div> <div> 45 </div> </div> </div> <div style=";width:270px;height:70px;color:#888;*margin-bottom:20px; ;"> <div class="J_TWidget" data-widget-config="{"endTime":"2015-12-25 23:59:00", "interval":1000, "timeRunCls":".sg-run", "timeUnitCls":{"d":".day","h":".hours","m":".minutes","s":".seconds"}, "minDigit":1, "timeEndCls":".sg-end" }" data-widget-type="Countdown"> <div class="time-count sg-run"> <span style="font-size:18px;display: block;margin: 10px 0 10px 20px;">活动还剩余</span> <div style="width: 270px; height:30px;background: url(http://img04.taobaocdn.com/imgextra/i4/770458061/TB2Ir43cXXXXXXeXpXXXXXXXXXX-770458061.jpg); text-align: center;"> <span class="day" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">天</span> <span class="hours" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">小时</span> <span class="minutes" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">分</span> <span class="seconds" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">秒</span> </div> </div> </div> </div> <div style="font-size:16px;font-family: 微软雅黑;margin: 10px 0 10px 20px;"> 推荐理由 </div> <div style="font-size:14px; width: 240px;margin-left: 20px;"> 真的好 </div> <div style="height: 30px; margin-top: 10px;"> <div class="sns-widget" title="分享" style="cursor:pointer;display:inline-block;*zoom:1;*display:inline;width: 35px;height:35px;float: left; color:#fff; text-decoration: none; outline: none;border-radius:35px; margin-left: 42px; display: block;line-height:35px; text-align: center; background: #907b70;" data-sharebtn="{"client_id":"68","skinType":"3","comment":"飞蚂蚁模板网-淘宝特效装修软件","isShowFriend":false,"type":"item","key":""}"> 分享 </div> <a style="width: 35px;height:35px;float: left; color:#fff; text-decoration: none; outline: none;border-radius:35px; margin-left: 42px; display: block;line-height:35px; text-align: center; background: #907b70;" href="http://favorite.taobao.com/popup/add_collection.htm?id=&itemtype=1" title="收藏" target="_blank">收藏</a> <a style="width: 35px;height:35px;float: left; color:#fff; text-decoration: none; outline: none;border-radius:35px; margin-left: 42px; display: block;line-height:35px; text-align: center; background: #907b70;" href="http://item.taobao.com/item.htm?id=" title="购买" target="_blank">购买</a> </div> </div> <a href="http://item.taobao.com/item.htm?id=" style=" float:right;width:360px;height:360px;overflow:hidden;background:url(http://img04.taobaocdn.com/imgextra/i4/1120870168/T2rodBXb4OXXXXXXXX-1120870168.gif_360x360.jpg) center center no-repeat;overflow:hidden" target="_blank"></a> </li> <li style="float:left;width:650px;height:420px;font-family:微软雅黑; display:block;"> <div style="float:left; width:272px;"> <div style="width: 272px;height: 55px; background: url(http://img04.taobaocdn.com/imgextra/i4/770458061/TB2vBd8cXXXXXXWXXXXXXXXXXXX-770458061.jpg)"> <span style="font-size: 32px;line-height:45px;font-family: 微软雅黑; display: block; float: left; color:#fff; margin-left: 10px;">今日特售</span> <span style="font-size: 16px;line-height: 50px; display: block; font-family: 微软雅黑; float: right;margin-right:10px; color:#fff;">¥ 89</span> </div> <div style=";width:270px;height:70px;color:#888;*margin-bottom:20px; ;"> <div style=";float:left; padding-top:20px; height:50px;text-align:center;width:32%;border-left:2px dashed #d7cec3;font-size:14px; color:#4d3925;border-left:none;"> <div style="margin-bottom:5px;"> 原价 </div> <div> <del>146</del> </div> </div> <div style=";float:left; padding-top:20px; height:50px;text-align:center;width:32%;border-left:2px dashed #d7cec3;font-size:14px; color:#4d3925;"> <div style="margin-bottom:5px;"> 折扣 </div> <div> 6折 </div> </div> <div style=";float:left; padding-top:20px; height:50px;text-align:center;width:32%;border-left:2px dashed #d7cec3;font-size:14px; color:#4d3925;"> <div style="margin-bottom:5px;"> 立省 </div> <div> 57 </div> </div> </div> <div style=";width:270px;height:70px;color:#888;*margin-bottom:20px; ;"> <div class="J_TWidget" data-widget-config="{"endTime":"2015-12-25 23:59:00", "interval":1000, "timeRunCls":".sg-run", "timeUnitCls":{"d":".day","h":".hours","m":".minutes","s":".seconds"}, "minDigit":1, "timeEndCls":".sg-end" }" data-widget-type="Countdown"> <div class="time-count sg-run"> <span style="font-size:18px;display: block;margin: 10px 0 10px 20px;">活动还剩余</span> <div style="width: 270px; height:30px;background: url(http://img04.taobaocdn.com/imgextra/i4/770458061/TB2Ir43cXXXXXXeXpXXXXXXXXXX-770458061.jpg); text-align: center;"> <span class="day" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">天</span> <span class="hours" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">小时</span> <span class="minutes" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">分</span> <span class="seconds" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">秒</span> </div> </div> </div> </div> <div style="font-size:16px;font-family: 微软雅黑;margin: 10px 0 10px 20px;"> 推荐理由 </div> <div style="font-size:14px; width: 240px;margin-left: 20px;"> 非常好 </div> <div style="height: 30px; margin-top: 10px;"> <div class="sns-widget" title="分享" style="cursor:pointer;display:inline-block;*zoom:1;*display:inline;width: 35px;height:35px;float: left; color:#fff; text-decoration: none; outline: none;border-radius:35px; margin-left: 42px; display: block;line-height:35px; text-align: center; background: #907b70;" data-sharebtn="{"client_id":"68","skinType":"3","comment":"飞蚂蚁模板网-淘宝特效装修软件","isShowFriend":false,"type":"item","key":""}"> 分享 </div> <a style="width: 35px;height:35px;float: left; color:#fff; text-decoration: none; outline: none;border-radius:35px; margin-left: 42px; display: block;line-height:35px; text-align: center; background: #907b70;" href="http://favorite.taobao.com/popup/add_collection.htm?id=&itemtype=1" title="收藏" target="_blank">收藏</a> <a style="width: 35px;height:35px;float: left; color:#fff; text-decoration: none; outline: none;border-radius:35px; margin-left: 42px; display: block;line-height:35px; text-align: center; background: #907b70;" href="http://item.taobao.com/item.htm?id=" title="购买" target="_blank">购买</a> </div> </div> <a href="http://item.taobao.com/item.htm?id=" style=" float:right;width:360px;height:360px;overflow:hidden;background:url(http://img04.taobaocdn.com/imgextra/i4/1120870168/T2V_OnXnVcXXXXXXXX-1120870168.gif_360x360.jpg) center center no-repeat;overflow:hidden" target="_blank"></a> </li> <li style="float:left;width:650px;height:420px;font-family:微软雅黑; display:block;"> <div style="float:left; width:272px;"> <div style="width: 272px;height: 55px; background: url(http://img04.taobaocdn.com/imgextra/i4/770458061/TB2vBd8cXXXXXXWXXXXXXXXXXXX-770458061.jpg)"> <span style="font-size: 32px;line-height:45px;font-family: 微软雅黑; display: block; float: left; color:#fff; margin-left: 10px;">今日特售</span> <span style="font-size: 16px;line-height: 50px; display: block; font-family: 微软雅黑; float: right;margin-right:10px; color:#fff;">¥ 113</span> </div> <div style=";width:270px;height:70px;color:#888;*margin-bottom:20px; ;"> <div style=";float:left; padding-top:20px; height:50px;text-align:center;width:32%;border-left:2px dashed #d7cec3;font-size:14px; color:#4d3925;border-left:none;"> <div style="margin-bottom:5px;"> 原价 </div> <div> <del>180</del> </div> </div> <div style=";float:left; padding-top:20px; height:50px;text-align:center;width:32%;border-left:2px dashed #d7cec3;font-size:14px; color:#4d3925;"> <div style="margin-bottom:5px;"> 折扣 </div> <div> 6.2折 </div> </div> <div style=";float:left; padding-top:20px; height:50px;text-align:center;width:32%;border-left:2px dashed #d7cec3;font-size:14px; color:#4d3925;"> <div style="margin-bottom:5px;"> 立省 </div> <div> 67 </div> </div> </div> <div style=";width:270px;height:70px;color:#888;*margin-bottom:20px; ;"> <div class="J_TWidget" data-widget-config="{"endTime":"2015-12-25 23:59:00", "interval":1000, "timeRunCls":".sg-run", "timeUnitCls":{"d":".day","h":".hours","m":".minutes","s":".seconds"}, "minDigit":1, "timeEndCls":".sg-end" }" data-widget-type="Countdown"> <div class="time-count sg-run"> <span style="font-size:18px;display: block;margin: 10px 0 10px 20px;">活动还剩余</span> <div style="width: 270px; height:30px;background: url(http://img04.taobaocdn.com/imgextra/i4/770458061/TB2Ir43cXXXXXXeXpXXXXXXXXXX-770458061.jpg); text-align: center;"> <span class="day" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">天</span> <span class="hours" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">小时</span> <span class="minutes" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">分</span> <span class="seconds" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">秒</span> </div> </div> </div> </div> <div style="font-size:16px;font-family: 微软雅黑;margin: 10px 0 10px 20px;"> 推荐理由 </div> <div style="font-size:14px; width: 240px;margin-left: 20px;"> 特别好 </div> <div style="height: 30px; margin-top: 10px;"> <div class="sns-widget" title="分享" style="cursor:pointer;display:inline-block;*zoom:1;*display:inline;width: 35px;height:35px;float: left; color:#fff; text-decoration: none; outline: none;border-radius:35px; margin-left: 42px; display: block;line-height:35px; text-align: center; background: #907b70;" data-sharebtn="{"client_id":"68","skinType":"3","comment":"飞蚂蚁模板网-淘宝特效装修软件","isShowFriend":false,"type":"item","key":""}"> 分享 </div> <a style="width: 35px;height:35px;float: left; color:#fff; text-decoration: none; outline: none;border-radius:35px; margin-left: 42px; display: block;line-height:35px; text-align: center; background: #907b70;" href="http://favorite.taobao.com/popup/add_collection.htm?id=&itemtype=1" title="收藏" target="_blank">收藏</a> <a style="width: 35px;height:35px;float: left; color:#fff; text-decoration: none; outline: none;border-radius:35px; margin-left: 42px; display: block;line-height:35px; text-align: center; background: #907b70;" href="http://item.taobao.com/item.htm?id=" title="购买" target="_blank">购买</a> </div> </div> <a href="http://item.taobao.com/item.htm?id=" style=" float:right;width:360px;height:360px;overflow:hidden;background:url(http://img04.taobaocdn.com/imgextra/i4/1120870168/T2rodBXb4OXXXXXXXX-1120870168.gif_360x360.jpg) center center no-repeat;overflow:hidden" target="_blank"></a> </li> </ul> </div> <div style="float:right;width:265px;"> <ul style="margin:0;padding:0;overflow:hidden;" class="hidden-nav"> <li class="vc201840514IPCHl1" style="list-style:none;float:left;margin:0px 0 0 0;width:265px; height:114px;"> <a href="http://item.taobao.com/item.htm?id=" style="text-decoration:none;display:block;width:100px;height:100px; margin-top:7px;margin-right:7px; background:url(http://img04.taobaocdn.com/imgextra/i4/1120870168/T2rodBXb4OXXXXXXXX-1120870168.gif_100x100.jpg) center center no-repeat;overflow:hidden;float:right;" target="_blank"> </a> <span style=" display:block; float:left;height:110px; width:140px;"> <a style="display:block; height:40px;font-family: 微软雅黑; margin-top:20px; margin-left:5px;line-height:20px; overflow:hidden; color:#503425" href="http://item.taobao.com/item.htm?id=" target="_blank">飞蚂蚁模板网-淘宝特效装修软件</a> <span style="display:block;margin:10px 10px; font-family: 微软雅黑; color:#503425">¥ 88</span> </span> <div class="J_TWidget" data-widget-type="Popup" data-widget-config="{ "trigger":".vc201840514IPCHl1", "align":{ "node":".vc201840514IPCHl1", "offset":[0,0], "points":["cc","cc"] } }" style="background: #a19a92 ; display: none; float:left;margin:0px 0 0 0;width:265px; height:114px;"> <a href="http://item.taobao.com/item.htm?id=" style="text-decoration:none;display:block;width:100px;height:100px; margin-top:7px;margin-right:7px; background:url(http://img04.taobaocdn.com/imgextra/i4/1120870168/T2rodBXb4OXXXXXXXX-1120870168.gif_100x100.jpg) center center no-repeat;list-style-type: none;overflow:hidden;float:right;" target="_blank"></a> <span style=" display:block; float:left;height:110px; width:140px;"> <a style="display:block; height:40px;font-family: 微软雅黑; margin-top:20px; margin-left:5px;line-height:20px; overflow:hidden; color:#000000" href="http://item.taobao.com/item.htm?id=" target="_blank">飞蚂蚁模板网-淘宝特效装修软件</a> <span style="display:block;margin:10px 10px; font-family: 微软雅黑; color:#4d3925">¥ 88</span> </span> </div> </li> <li class="vc201840514FSomJ2" style="list-style:none;float:left;margin:10px 0 0 0;width:265px; height:114px;"> <a href="http://item.taobao.com/item.htm?id=" style="text-decoration:none;display:block;width:100px;height:100px; margin-top:7px;margin-right:7px; background:url(http://img04.taobaocdn.com/imgextra/i4/1120870168/T2V_OnXnVcXXXXXXXX-1120870168.gif_100x100.jpg) center center no-repeat;overflow:hidden;float:right;" target="_blank"> </a> <span style=" display:block; float:left;height:110px; width:140px;"> <a style="display:block; height:40px;font-family: 微软雅黑; margin-top:20px; margin-left:5px;line-height:20px; overflow:hidden; color:#503425" href="http://item.taobao.com/item.htm?id=" target="_blank">飞蚂蚁模板网-淘宝特效装修软件</a> <span style="display:block;margin:10px 10px; font-family: 微软雅黑; color:#503425">¥ 89</span> </span> <div class="J_TWidget" data-widget-type="Popup" data-widget-config="{ "trigger":".vc201840514FSomJ2", "align":{ "node":".vc201840514FSomJ2", "offset":[0,0], "points":["cc","cc"] } }" style="background: #a19a92 ; display: none; float:left;margin:10px 0 0 0;width:265px; height:114px;"> <a href="http://item.taobao.com/item.htm?id=" style="text-decoration:none;display:block;width:100px;height:100px; margin-top:7px;margin-right:7px; background:url(http://img04.taobaocdn.com/imgextra/i4/1120870168/T2V_OnXnVcXXXXXXXX-1120870168.gif_100x100.jpg) center center no-repeat;list-style-type: none;overflow:hidden;float:right;" target="_blank"></a> <span style=" display:block; float:left;height:110px; width:140px;"> <a style="display:block; height:40px;font-family: 微软雅黑; margin-top:20px; margin-left:5px;line-height:20px; overflow:hidden; color:#000000" href="http://item.taobao.com/item.htm?id=" target="_blank">飞蚂蚁模板网-淘宝特效装修软件</a> <span style="display:block;margin:10px 10px; font-family: 微软雅黑; color:#4d3925">¥ 89</span> </span> </div> </li> <li class="vc201840514Pc7eV3" style="list-style:none;float:left;margin:10px 0 0 0;width:265px; height:114px;"> <a href="http://item.taobao.com/item.htm?id=" style="text-decoration:none;display:block;width:100px;height:100px; margin-top:7px;margin-right:7px; background:url(http://img04.taobaocdn.com/imgextra/i4/1120870168/T2rodBXb4OXXXXXXXX-1120870168.gif_100x100.jpg) center center no-repeat;overflow:hidden;float:right;" target="_blank"> </a> <span style=" display:block; float:left;height:110px; width:140px;"> <a style="display:block; height:40px;font-family: 微软雅黑; margin-top:20px; margin-left:5px;line-height:20px; overflow:hidden; color:#503425" href="http://item.taobao.com/item.htm?id=" target="_blank">飞蚂蚁模板网-淘宝特效装修软件</a> <span style="display:block;margin:10px 10px; font-family: 微软雅黑; color:#503425">¥ 113</span> </span> <div class="J_TWidget" data-widget-type="Popup" data-widget-config="{ "trigger":".vc201840514Pc7eV3", "align":{ "node":".vc201840514Pc7eV3", "offset":[0,0], "points":["cc","cc"] } }" style="background: #a19a92 ; display: none; float:left;margin:10px 0 0 0;width:265px; height:114px;"> <a href="http://item.taobao.com/item.htm?id=" style="text-decoration:none;display:block;width:100px;height:100px; margin-top:7px;margin-right:7px; background:url(http://img04.taobaocdn.com/imgextra/i4/1120870168/T2rodBXb4OXXXXXXXX-1120870168.gif_100x100.jpg) center center no-repeat;list-style-type: none;overflow:hidden;float:right;" target="_blank"></a> <span style=" display:block; float:left;height:110px; width:140px;"> <a style="display:block; height:40px;font-family: 微软雅黑; margin-top:20px; margin-left:5px;line-height:20px; overflow:hidden; color:#000000" href="http://item.taobao.com/item.htm?id=" target="_blank">飞蚂蚁模板网-淘宝特效装修软件</a> <span style="display:block;margin:10px 10px; font-family: 微软雅黑; color:#4d3925">¥ 113</span> </span> </div> </li> </ul> </div> </div> </div> </div> <a name="sgmb"></a>专业版代码如下：
<div data-title="本代码由【飞蚂蚁模板网】自动生成 feimayi.taobao.com" style="border:2px solid #d7cec3; padding:10px;background-color:#ebe3d6;"> <div data-title="本代码由【飞蚂蚁模板网】自动生成 feimayi.taobao.com" class="J_TWidget" data-widget-config="{"navCls":"hidden-nav","effect":"scrolly","contentCls":"sg-content","circular":true,"easing":"easeOutStrong","duration":1.0,"interval":"4","autoplay":false}" data-widget-type="Carousel"> <div style="margin:0 auto;color:#503425;overflow:hidden;"> <div style="float:left;width:650px;height:362px;overflow:hidden;"> <ul style="overflow:hidden;" class="sg-content"> <li style="float:left;width:650px;height:420px;font-family:微软雅黑; display:block;"> <div style="float:left; width:272px;"> <div style="width: 272px;height: 55px; background: url(http://img04.taobaocdn.com/imgextra/i4/770458061/TB2vBd8cXXXXXXWXXXXXXXXXXXX-770458061.jpg)"> <span style="font-size: 32px;line-height:45px;font-family: 微软雅黑; display: block; float: left; color:#fff; margin-left: 10px;">今日特售</span> <span style="font-size: 16px;line-height: 50px; display: block; font-family: 微软雅黑; float: right;margin-right:10px; color:#fff;">¥ 88</span> </div> <div style=";width:270px;height:70px;color:#888;*margin-bottom:20px; ;"> <div style=";float:left; padding-top:20px; height:50px;text-align:center;width:32%;border-left:2px dashed #d7cec3;font-size:14px; color:#4d3925;border-left:none;"> <div style="margin-bottom:5px;"> 原价 </div> <div> <del>133</del> </div> </div> <div style=";float:left; padding-top:20px; height:50px;text-align:center;width:32%;border-left:2px dashed #d7cec3;font-size:14px; color:#4d3925;"> <div style="margin-bottom:5px;"> 折扣 </div> <div> 6.6折 </div> </div> <div style=";float:left; padding-top:20px; height:50px;text-align:center;width:32%;border-left:2px dashed #d7cec3;font-size:14px; color:#4d3925;"> <div style="margin-bottom:5px;"> 立省 </div> <div> 45 </div> </div> </div> <div style=";width:270px;height:70px;color:#888;*margin-bottom:20px; ;"> <div class="J_TWidget" data-widget-config="{"endTime":"2015-12-25 23:59:00", "interval":1000, "timeRunCls":".sg-run", "timeUnitCls":{"d":".day","h":".hours","m":".minutes","s":".seconds"}, "minDigit":1, "timeEndCls":".sg-end" }" data-widget-type="Countdown"> <div class="time-count sg-run"> <span style="font-size:18px;display: block;margin: 10px 0 10px 20px;">活动还剩余</span> <div style="width: 270px; height:30px;background: url(http://img04.taobaocdn.com/imgextra/i4/770458061/TB2Ir43cXXXXXXeXpXXXXXXXXXX-770458061.jpg); text-align: center;"> <span class="day" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">天</span> <span class="hours" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">小时</span> <span class="minutes" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">分</span> <span class="seconds" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">秒</span> </div> </div> </div> </div> <div style="font-size:16px;font-family: 微软雅黑;margin: 10px 0 10px 20px;"> 推荐理由 </div> <div style="font-size:14px; width: 240px;margin-left: 20px;"> 真的好 </div> <div style="height: 30px; margin-top: 10px;"> <div class="sns-widget" title="分享" style="cursor:pointer;display:inline-block;*zoom:1;*display:inline;width: 35px;height:35px;float: left; color:#fff; text-decoration: none; outline: none;border-radius:35px; margin-left: 42px; display: block;line-height:35px; text-align: center; background: #907b70;" data-sharebtn="{"client_id":"68","skinType":"3","comment":"飞蚂蚁模板网-淘宝特效装修软件","isShowFriend":false,"type":"item","key":""}"> 分享 </div> <a style="width: 35px;height:35px;float: left; color:#fff; text-decoration: none; outline: none;border-radius:35px; margin-left: 42px; display: block;line-height:35px; text-align: center; background: #907b70;" href="http://favorite.taobao.com/popup/add_collection.htm?id=&itemtype=1" title="收藏" target="_blank">收藏</a> <a style="width: 35px;height:35px;float: left; color:#fff; text-decoration: none; outline: none;border-radius:35px; margin-left: 42px; display: block;line-height:35px; text-align: center; background: #907b70;" href="http://item.taobao.com/item.htm?id=" title="购买" target="_blank">购买</a> </div> </div> <a href="http://item.taobao.com/item.htm?id=" style=" float:right;width:360px;height:360px;overflow:hidden;background:url(http://img04.taobaocdn.com/imgextra/i4/1120870168/T2rodBXb4OXXXXXXXX-1120870168.gif_360x360.jpg) center center no-repeat;overflow:hidden" target="_blank"></a> </li> <li style="float:left;width:650px;height:420px;font-family:微软雅黑; display:block;"> <div style="float:left; width:272px;"> <div style="width: 272px;height: 55px; background: url(http://img04.taobaocdn.com/imgextra/i4/770458061/TB2vBd8cXXXXXXWXXXXXXXXXXXX-770458061.jpg)"> <span style="font-size: 32px;line-height:45px;font-family: 微软雅黑; display: block; float: left; color:#fff; margin-left: 10px;">今日特售</span> <span style="font-size: 16px;line-height: 50px; display: block; font-family: 微软雅黑; float: right;margin-right:10px; color:#fff;">¥ 89</span> </div> <div style=";width:270px;height:70px;color:#888;*margin-bottom:20px; ;"> <div style=";float:left; padding-top:20px; height:50px;text-align:center;width:32%;border-left:2px dashed #d7cec3;font-size:14px; color:#4d3925;border-left:none;"> <div style="margin-bottom:5px;"> 原价 </div> <div> <del>146</del> </div> </div> <div style=";float:left; padding-top:20px; height:50px;text-align:center;width:32%;border-left:2px dashed #d7cec3;font-size:14px; color:#4d3925;"> <div style="margin-bottom:5px;"> 折扣 </div> <div> 6折 </div> </div> <div style=";float:left; padding-top:20px; height:50px;text-align:center;width:32%;border-left:2px dashed #d7cec3;font-size:14px; color:#4d3925;"> <div style="margin-bottom:5px;"> 立省 </div> <div> 57 </div> </div> </div> <div style=";width:270px;height:70px;color:#888;*margin-bottom:20px; ;"> <div class="J_TWidget" data-widget-config="{"endTime":"2015-12-25 23:59:00", "interval":1000, "timeRunCls":".sg-run", "timeUnitCls":{"d":".day","h":".hours","m":".minutes","s":".seconds"}, "minDigit":1, "timeEndCls":".sg-end" }" data-widget-type="Countdown"> <div class="time-count sg-run"> <span style="font-size:18px;display: block;margin: 10px 0 10px 20px;">活动还剩余</span> <div style="width: 270px; height:30px;background: url(http://img04.taobaocdn.com/imgextra/i4/770458061/TB2Ir43cXXXXXXeXpXXXXXXXXXX-770458061.jpg); text-align: center;"> <span class="day" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">天</span> <span class="hours" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">小时</span> <span class="minutes" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">分</span> <span class="seconds" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">秒</span> </div> </div> </div> </div> <div style="font-size:16px;font-family: 微软雅黑;margin: 10px 0 10px 20px;"> 推荐理由 </div> <div style="font-size:14px; width: 240px;margin-left: 20px;"> 非常好 </div> <div style="height: 30px; margin-top: 10px;"> <div class="sns-widget" title="分享" style="cursor:pointer;display:inline-block;*zoom:1;*display:inline;width: 35px;height:35px;float: left; color:#fff; text-decoration: none; outline: none;border-radius:35px; margin-left: 42px; display: block;line-height:35px; text-align: center; background: #907b70;" data-sharebtn="{"client_id":"68","skinType":"3","comment":"飞蚂蚁模板网-淘宝特效装修软件","isShowFriend":false,"type":"item","key":""}"> 分享 </div> <a style="width: 35px;height:35px;float: left; color:#fff; text-decoration: none; outline: none;border-radius:35px; margin-left: 42px; display: block;line-height:35px; text-align: center; background: #907b70;" href="http://favorite.taobao.com/popup/add_collection.htm?id=&itemtype=1" title="收藏" target="_blank">收藏</a> <a style="width: 35px;height:35px;float: left; color:#fff; text-decoration: none; outline: none;border-radius:35px; margin-left: 42px; display: block;line-height:35px; text-align: center; background: #907b70;" href="http://item.taobao.com/item.htm?id=" title="购买" target="_blank">购买</a> </div> </div> <a href="http://item.taobao.com/item.htm?id=" style=" float:right;width:360px;height:360px;overflow:hidden;background:url(http://img04.taobaocdn.com/imgextra/i4/1120870168/T2V_OnXnVcXXXXXXXX-1120870168.gif_360x360.jpg) center center no-repeat;overflow:hidden" target="_blank"></a> </li> <li style="float:left;width:650px;height:420px;font-family:微软雅黑; display:block;"> <div style="float:left; width:272px;"> <div style="width: 272px;height: 55px; background: url(http://img04.taobaocdn.com/imgextra/i4/770458061/TB2vBd8cXXXXXXWXXXXXXXXXXXX-770458061.jpg)"> <span style="font-size: 32px;line-height:45px;font-family: 微软雅黑; display: block; float: left; color:#fff; margin-left: 10px;">今日特售</span> <span style="font-size: 16px;line-height: 50px; display: block; font-family: 微软雅黑; float: right;margin-right:10px; color:#fff;">¥ 113</span> </div> <div style=";width:270px;height:70px;color:#888;*margin-bottom:20px; ;"> <div style=";float:left; padding-top:20px; height:50px;text-align:center;width:32%;border-left:2px dashed #d7cec3;font-size:14px; color:#4d3925;border-left:none;"> <div style="margin-bottom:5px;"> 原价 </div> <div> <del>180</del> </div> </div> <div style=";float:left; padding-top:20px; height:50px;text-align:center;width:32%;border-left:2px dashed #d7cec3;font-size:14px; color:#4d3925;"> <div style="margin-bottom:5px;"> 折扣 </div> <div> 6.2折 </div> </div> <div style=";float:left; padding-top:20px; height:50px;text-align:center;width:32%;border-left:2px dashed #d7cec3;font-size:14px; color:#4d3925;"> <div style="margin-bottom:5px;"> 立省 </div> <div> 67 </div> </div> </div> <div style=";width:270px;height:70px;color:#888;*margin-bottom:20px; ;"> <div class="J_TWidget" data-widget-config="{"endTime":"2015-12-25 23:59:00", "interval":1000, "timeRunCls":".sg-run", "timeUnitCls":{"d":".day","h":".hours","m":".minutes","s":".seconds"}, "minDigit":1, "timeEndCls":".sg-end" }" data-widget-type="Countdown"> <div class="time-count sg-run"> <span style="font-size:18px;display: block;margin: 10px 0 10px 20px;">活动还剩余</span> <div style="width: 270px; height:30px;background: url(http://img04.taobaocdn.com/imgextra/i4/770458061/TB2Ir43cXXXXXXeXpXXXXXXXXXX-770458061.jpg); text-align: center;"> <span class="day" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">天</span> <span class="hours" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">小时</span> <span class="minutes" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">分</span> <span class="seconds" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">秒</span> </div> </div> </div> </div> <div style="font-size:16px;font-family: 微软雅黑;margin: 10px 0 10px 20px;"> 推荐理由 </div> <div style="font-size:14px; width: 240px;margin-left: 20px;"> 特别好 </div> <div style="height: 30px; margin-top: 10px;"> <div class="sns-widget" title="分享" style="cursor:pointer;display:inline-block;*zoom:1;*display:inline;width: 35px;height:35px;float: left; color:#fff; text-decoration: none; outline: none;border-radius:35px; margin-left: 42px; display: block;line-height:35px; text-align: center; background: #907b70;" data-sharebtn="{"client_id":"68","skinType":"3","comment":"飞蚂蚁模板网-淘宝特效装修软件","isShowFriend":false,"type":"item","key":""}"> 分享 </div> <a style="width: 35px;height:35px;float: left; color:#fff; text-decoration: none; outline: none;border-radius:35px; margin-left: 42px; display: block;line-height:35px; text-align: center; background: #907b70;" href="http://favorite.taobao.com/popup/add_collection.htm?id=&itemtype=1" title="收藏" target="_blank">收藏</a> <a style="width: 35px;height:35px;float: left; color:#fff; text-decoration: none; outline: none;border-radius:35px; margin-left: 42px; display: block;line-height:35px; text-align: center; background: #907b70;" href="http://item.taobao.com/item.htm?id=" title="购买" target="_blank">购买</a> </div> </div> <a href="http://item.taobao.com/item.htm?id=" style=" float:right;width:360px;height:360px;overflow:hidden;background:url(http://img04.taobaocdn.com/imgextra/i4/1120870168/T2rodBXb4OXXXXXXXX-1120870168.gif_360x360.jpg) center center no-repeat;overflow:hidden" target="_blank"></a> </li> </ul> </div> <div style="float:right;width:265px;"> <ul style="margin:0;padding:0;overflow:hidden;" class="hidden-nav"> <li class="vc201840639IPCHl1" style="list-style:none;float:left;margin:0px 0 0 0;width:265px; height:114px;"> <a href="http://item.taobao.com/item.htm?id=" style="text-decoration:none;display:block;width:100px;height:100px; margin-top:7px;margin-right:7px; background:url(http://img04.taobaocdn.com/imgextra/i4/1120870168/T2rodBXb4OXXXXXXXX-1120870168.gif_100x100.jpg) center center no-repeat;overflow:hidden;float:right;" target="_blank"> </a> <span style=" display:block; float:left;height:110px; width:140px;"> <a style="display:block; height:40px;font-family: 微软雅黑; margin-top:20px; margin-left:5px;line-height:20px; overflow:hidden; color:#503425" href="http://item.taobao.com/item.htm?id=" target="_blank">飞蚂蚁模板网-淘宝特效装修软件</a> <span style="display:block;margin:10px 10px; font-family: 微软雅黑; color:#503425">¥ 88</span> </span> <div class="J_TWidget" data-widget-type="Popup" data-widget-config="{ "trigger":".vc201840639IPCHl1", "align":{ "node":".vc201840639IPCHl1", "offset":[0,0], "points":["cc","cc"] } }" style="background: #a19a92 ; display: none; float:left;margin:0px 0 0 0;width:265px; height:114px;"> <a href="http://item.taobao.com/item.htm?id=" style="text-decoration:none;display:block;width:100px;height:100px; margin-top:7px;margin-right:7px; background:url(http://img04.taobaocdn.com/imgextra/i4/1120870168/T2rodBXb4OXXXXXXXX-1120870168.gif_100x100.jpg) center center no-repeat;list-style-type: none;overflow:hidden;float:right;" target="_blank"></a> <span style=" display:block; float:left;height:110px; width:140px;"> <a style="display:block; height:40px;font-family: 微软雅黑; margin-top:20px; margin-left:5px;line-height:20px; overflow:hidden; color:#000000" href="http://item.taobao.com/item.htm?id=" target="_blank">飞蚂蚁模板网-淘宝特效装修软件</a> <span style="display:block;margin:10px 10px; font-family: 微软雅黑; color:#4d3925">¥ 88</span> </span> </div> </li> <li class="vc201840639FSomJ2" style="list-style:none;float:left;margin:10px 0 0 0;width:265px; height:114px;"> <a href="http://item.taobao.com/item.htm?id=" style="text-decoration:none;display:block;width:100px;height:100px; margin-top:7px;margin-right:7px; background:url(http://img04.taobaocdn.com/imgextra/i4/1120870168/T2V_OnXnVcXXXXXXXX-1120870168.gif_100x100.jpg) center center no-repeat;overflow:hidden;float:right;" target="_blank"> </a> <span style=" display:block; float:left;height:110px; width:140px;"> <a style="display:block; height:40px;font-family: 微软雅黑; margin-top:20px; margin-left:5px;line-height:20px; overflow:hidden; color:#503425" href="http://item.taobao.com/item.htm?id=" target="_blank">飞蚂蚁模板网-淘宝特效装修软件</a> <span style="display:block;margin:10px 10px; font-family: 微软雅黑; color:#503425">¥ 89</span> </span> <div class="J_TWidget" data-widget-type="Popup" data-widget-config="{ "trigger":".vc201840639FSomJ2", "align":{ "node":".vc201840639FSomJ2", "offset":[0,0], "points":["cc","cc"] } }" style="background: #a19a92 ; display: none; float:left;margin:10px 0 0 0;width:265px; height:114px;"> <a href="http://item.taobao.com/item.htm?id=" style="text-decoration:none;display:block;width:100px;height:100px; margin-top:7px;margin-right:7px; background:url(http://img04.taobaocdn.com/imgextra/i4/1120870168/T2V_OnXnVcXXXXXXXX-1120870168.gif_100x100.jpg) center center no-repeat;list-style-type: none;overflow:hidden;float:right;" target="_blank"></a> <span style=" display:block; float:left;height:110px; width:140px;"> <a style="display:block; height:40px;font-family: 微软雅黑; margin-top:20px; margin-left:5px;line-height:20px; overflow:hidden; color:#000000" href="http://item.taobao.com/item.htm?id=" target="_blank">飞蚂蚁模板网-淘宝特效装修软件</a> <span style="display:block;margin:10px 10px; font-family: 微软雅黑; color:#4d3925">¥ 89</span> </span> </div> </li> <li class="vc201840639Pc7eV3" style="list-style:none;float:left;margin:10px 0 0 0;width:265px; height:114px;"> <a href="http://item.taobao.com/item.htm?id=" style="text-decoration:none;display:block;width:100px;height:100px; margin-top:7px;margin-right:7px; background:url(http://img04.taobaocdn.com/imgextra/i4/1120870168/T2rodBXb4OXXXXXXXX-1120870168.gif_100x100.jpg) center center no-repeat;overflow:hidden;float:right;" target="_blank"> </a> <span style=" display:block; float:left;height:110px; width:140px;"> <a style="display:block; height:40px;font-family: 微软雅黑; margin-top:20px; margin-left:5px;line-height:20px; overflow:hidden; color:#503425" href="http://item.taobao.com/item.htm?id=" target="_blank">飞蚂蚁模板网-淘宝特效装修软件</a> <span style="display:block;margin:10px 10px; font-family: 微软雅黑; color:#503425">¥ 113</span> </span> <div class="J_TWidget" data-widget-type="Popup" data-widget-config="{ "trigger":".vc201840639Pc7eV3", "align":{ "node":".vc201840639Pc7eV3", "offset":[0,0], "points":["cc","cc"] } }" style="background: #a19a92 ; display: none; float:left;margin:10px 0 0 0;width:265px; height:114px;"> <a href="http://item.taobao.com/item.htm?id=" style="text-decoration:none;display:block;width:100px;height:100px; margin-top:7px;margin-right:7px; background:url(http://img04.taobaocdn.com/imgextra/i4/1120870168/T2rodBXb4OXXXXXXXX-1120870168.gif_100x100.jpg) center center no-repeat;list-style-type: none;overflow:hidden;float:right;" target="_blank"></a> <span style=" display:block; float:left;height:110px; width:140px;"> <a style="display:block; height:40px;font-family: 微软雅黑; margin-top:20px; margin-left:5px;line-height:20px; overflow:hidden; color:#000000" href="http://item.taobao.com/item.htm?id=" target="_blank">飞蚂蚁模板网-淘宝特效装修软件</a> <span style="display:block;margin:10px 10px; font-family: 微软雅黑; color:#4d3925">¥ 113</span> </span> </div> </li> </ul> </div> </div> </div> </div> <a name="sgmb"></a>天猫版代码如下：
<div data-title="" style="border:2px solid #d7cec3; padding:10px;background-color:#ebe3d6;"> <div data-title="" class="J_TWidget" data-widget-config="{"navCls":"hidden-nav","effect":"scrolly","contentCls":"sg-content","circular":true,"easing":"easeOutStrong","duration":1.0,"interval":"4","autoplay":false}" data-widget-type="Carousel"> <div style="margin:0 auto;color:#503425;overflow:hidden;"> <div style="float:left;width:650px;height:362px;overflow:hidden;"> <ul style="overflow:hidden;" class="sg-content"> <li style="float:left;width:650px;height:420px;font-family:微软雅黑; display:block;"> <div style="float:left; width:272px;"> <div style="width: 272px;height: 55px; background: url(http://img04.taobaocdn.com/imgextra/i4/770458061/TB2vBd8cXXXXXXWXXXXXXXXXXXX-770458061.jpg)"> <span style="font-size: 32px;line-height:45px;font-family: 微软雅黑; display: block; float: left; color:#fff; margin-left: 10px;">今日特售</span> <span style="font-size: 16px;line-height: 50px; display: block; font-family: 微软雅黑; float: right;margin-right:10px; color:#fff;">¥ 88</span> </div> <div style=";width:270px;height:70px;color:#888;*margin-bottom:20px; ;"> <div style=";float:left; padding-top:20px; height:50px;text-align:center;width:32%;border-left:2px dashed #d7cec3;font-size:14px; color:#4d3925;border-left:none;"> <div style="margin-bottom:5px;"> 原价 </div> <div> <del>133</del> </div> </div> <div style=";float:left; padding-top:20px; height:50px;text-align:center;width:32%;border-left:2px dashed #d7cec3;font-size:14px; color:#4d3925;"> <div style="margin-bottom:5px;"> 折扣 </div> <div> 6.6折 </div> </div> <div style=";float:left; padding-top:20px; height:50px;text-align:center;width:32%;border-left:2px dashed #d7cec3;font-size:14px; color:#4d3925;"> <div style="margin-bottom:5px;"> 立省 </div> <div> 45 </div> </div> </div> <div style=";width:270px;height:70px;color:#888;*margin-bottom:20px; ;"> <div class="J_TWidget" data-widget-config="{"endTime":"2015-12-25 23:59:00", "interval":1000, "timeRunCls":".sg-run", "timeUnitCls":{"d":".day","h":".hours","m":".minutes","s":".seconds"}, "minDigit":1, "timeEndCls":".sg-end" }" data-widget-type="Countdown"> <div class="time-count sg-run"> <span style="font-size:18px;display: block;margin: 10px 0 10px 20px;">活动还剩余</span> <div style="width: 270px; height:30px;background: url(http://img04.taobaocdn.com/imgextra/i4/770458061/TB2Ir43cXXXXXXeXpXXXXXXXXXX-770458061.jpg); text-align: center;"> <span class="day" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">天</span> <span class="hours" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">小时</span> <span class="minutes" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">分</span> <span class="seconds" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">秒</span> </div> </div> </div> </div> <div style="font-size:16px;font-family: 微软雅黑;margin: 10px 0 10px 20px;"> 推荐理由 </div> <div style="font-size:14px; width: 240px;margin-left: 20px;"> 真的好 </div> <div style="height: 30px; margin-top: 10px;"> <div class="sns-widget" title="分享" style="cursor:pointer;display:inline-block;*zoom:1;*display:inline;width: 35px;height:35px;float: left; color:#fff; text-decoration: none; outline: none;border-radius:35px; margin-left: 42px; display: block;line-height:35px; text-align: center; background: #907b70;" data-sharebtn="{"client_id":"68","skinType":"3","comment":"飞蚂蚁模板网-淘宝特效装修软件","isShowFriend":false,"type":"item","key":""}"> 分享 </div> <a style="width: 35px;height:35px;float: left; color:#fff; text-decoration: none; outline: none;border-radius:35px; margin-left: 42px; display: block;line-height:35px; text-align: center; background: #907b70;" href="http://favorite.taobao.com/popup/add_collection.htm?id=&itemtype=1" title="收藏" target="_blank">收藏</a> <a style="width: 35px;height:35px;float: left; color:#fff; text-decoration: none; outline: none;border-radius:35px; margin-left: 42px; display: block;line-height:35px; text-align: center; background: #907b70;" href="http://item.taobao.com/item.htm?id=" title="购买" target="_blank">购买</a> </div> </div> <a href="http://item.taobao.com/item.htm?id=" style=" float:right;width:360px;height:360px;overflow:hidden;background:url(http://img04.taobaocdn.com/imgextra/i4/1120870168/T2rodBXb4OXXXXXXXX-1120870168.gif_360x360.jpg) center center no-repeat;overflow:hidden" target="_blank"></a> </li> <li style="float:left;width:650px;height:420px;font-family:微软雅黑; display:block;"> <div style="float:left; width:272px;"> <div style="width: 272px;height: 55px; background: url(http://img04.taobaocdn.com/imgextra/i4/770458061/TB2vBd8cXXXXXXWXXXXXXXXXXXX-770458061.jpg)"> <span style="font-size: 32px;line-height:45px;font-family: 微软雅黑; display: block; float: left; color:#fff; margin-left: 10px;">今日特售</span> <span style="font-size: 16px;line-height: 50px; display: block; font-family: 微软雅黑; float: right;margin-right:10px; color:#fff;">¥ 89</span> </div> <div style=";width:270px;height:70px;color:#888;*margin-bottom:20px; ;"> <div style=";float:left; padding-top:20px; height:50px;text-align:center;width:32%;border-left:2px dashed #d7cec3;font-size:14px; color:#4d3925;border-left:none;"> <div style="margin-bottom:5px;"> 原价 </div> <div> <del>146</del> </div> </div> <div style=";float:left; padding-top:20px; height:50px;text-align:center;width:32%;border-left:2px dashed #d7cec3;font-size:14px; color:#4d3925;"> <div style="margin-bottom:5px;"> 折扣 </div> <div> 6折 </div> </div> <div style=";float:left; padding-top:20px; height:50px;text-align:center;width:32%;border-left:2px dashed #d7cec3;font-size:14px; color:#4d3925;"> <div style="margin-bottom:5px;"> 立省 </div> <div> 57 </div> </div> </div> <div style=";width:270px;height:70px;color:#888;*margin-bottom:20px; ;"> <div class="J_TWidget" data-widget-config="{"endTime":"2015-12-25 23:59:00", "interval":1000, "timeRunCls":".sg-run", "timeUnitCls":{"d":".day","h":".hours","m":".minutes","s":".seconds"}, "minDigit":1, "timeEndCls":".sg-end" }" data-widget-type="Countdown"> <div class="time-count sg-run"> <span style="font-size:18px;display: block;margin: 10px 0 10px 20px;">活动还剩余</span> <div style="width: 270px; height:30px;background: url(http://img04.taobaocdn.com/imgextra/i4/770458061/TB2Ir43cXXXXXXeXpXXXXXXXXXX-770458061.jpg); text-align: center;"> <span class="day" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">天</span> <span class="hours" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">小时</span> <span class="minutes" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">分</span> <span class="seconds" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">秒</span> </div> </div> </div> </div> <div style="font-size:16px;font-family: 微软雅黑;margin: 10px 0 10px 20px;"> 推荐理由 </div> <div style="font-size:14px; width: 240px;margin-left: 20px;"> 非常好 </div> <div style="height: 30px; margin-top: 10px;"> <div class="sns-widget" title="分享" style="cursor:pointer;display:inline-block;*zoom:1;*display:inline;width: 35px;height:35px;float: left; color:#fff; text-decoration: none; outline: none;border-radius:35px; margin-left: 42px; display: block;line-height:35px; text-align: center; background: #907b70;" data-sharebtn="{"client_id":"68","skinType":"3","comment":"飞蚂蚁模板网-淘宝特效装修软件","isShowFriend":false,"type":"item","key":""}"> 分享 </div> <a style="width: 35px;height:35px;float: left; color:#fff; text-decoration: none; outline: none;border-radius:35px; margin-left: 42px; display: block;line-height:35px; text-align: center; background: #907b70;" href="http://favorite.taobao.com/popup/add_collection.htm?id=&itemtype=1" title="收藏" target="_blank">收藏</a> <a style="width: 35px;height:35px;float: left; color:#fff; text-decoration: none; outline: none;border-radius:35px; margin-left: 42px; display: block;line-height:35px; text-align: center; background: #907b70;" href="http://item.taobao.com/item.htm?id=" title="购买" target="_blank">购买</a> </div> </div> <a href="http://item.taobao.com/item.htm?id=" style=" float:right;width:360px;height:360px;overflow:hidden;background:url(http://img04.taobaocdn.com/imgextra/i4/1120870168/T2V_OnXnVcXXXXXXXX-1120870168.gif_360x360.jpg) center center no-repeat;overflow:hidden" target="_blank"></a> </li> <li style="float:left;width:650px;height:420px;font-family:微软雅黑; display:block;"> <div style="float:left; width:272px;"> <div style="width: 272px;height: 55px; background: url(http://img04.taobaocdn.com/imgextra/i4/770458061/TB2vBd8cXXXXXXWXXXXXXXXXXXX-770458061.jpg)"> <span style="font-size: 32px;line-height:45px;font-family: 微软雅黑; display: block; float: left; color:#fff; margin-left: 10px;">今日特售</span> <span style="font-size: 16px;line-height: 50px; display: block; font-family: 微软雅黑; float: right;margin-right:10px; color:#fff;">¥ 113</span> </div> <div style=";width:270px;height:70px;color:#888;*margin-bottom:20px; ;"> <div style=";float:left; padding-top:20px; height:50px;text-align:center;width:32%;border-left:2px dashed #d7cec3;font-size:14px; color:#4d3925;border-left:none;"> <div style="margin-bottom:5px;"> 原价 </div> <div> <del>180</del> </div> </div> <div style=";float:left; padding-top:20px; height:50px;text-align:center;width:32%;border-left:2px dashed #d7cec3;font-size:14px; color:#4d3925;"> <div style="margin-bottom:5px;"> 折扣 </div> <div> 6.2折 </div> </div> <div style=";float:left; padding-top:20px; height:50px;text-align:center;width:32%;border-left:2px dashed #d7cec3;font-size:14px; color:#4d3925;"> <div style="margin-bottom:5px;"> 立省 </div> <div> 67 </div> </div> </div> <div style=";width:270px;height:70px;color:#888;*margin-bottom:20px; ;"> <div class="J_TWidget" data-widget-config="{"endTime":"2015-12-25 23:59:00", "interval":1000, "timeRunCls":".sg-run", "timeUnitCls":{"d":".day","h":".hours","m":".minutes","s":".seconds"}, "minDigit":1, "timeEndCls":".sg-end" }" data-widget-type="Countdown"> <div class="time-count sg-run"> <span style="font-size:18px;display: block;margin: 10px 0 10px 20px;">活动还剩余</span> <div style="width: 270px; height:30px;background: url(http://img04.taobaocdn.com/imgextra/i4/770458061/TB2Ir43cXXXXXXeXpXXXXXXXXXX-770458061.jpg); text-align: center;"> <span class="day" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">天</span> <span class="hours" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">小时</span> <span class="minutes" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">分</span> <span class="seconds" style=" font-size:21px;color:#fFF">0</span> <span style=" font-size:14px;color:#fff">秒</span> </div> </div> </div> </div> <div style="font-size:16px;font-family: 微软雅黑;margin: 10px 0 10px 20px;"> 推荐理由 </div> <div style="font-size:14px; width: 240px;margin-left: 20px;"> 特别好 </div> <div style="height: 30px; margin-top: 10px;"> <div class="sns-widget" title="分享" style="cursor:pointer;display:inline-block;*zoom:1;*display:inline;width: 35px;height:35px;float: left; color:#fff; text-decoration: none; outline: none;border-radius:35px; margin-left: 42px; display: block;line-height:35px; text-align: center; background: #907b70;" data-sharebtn="{"client_id":"68","skinType":"3","comment":"飞蚂蚁模板网-淘宝特效装修软件","isShowFriend":false,"type":"item","key":""}"> 分享 </div> <a style="width: 35px;height:35px;float: left; color:#fff; text-decoration: none; outline: none;border-radius:35px; margin-left: 42px; display: block;line-height:35px; text-align: center; background: #907b70;" href="http://favorite.taobao.com/popup/add_collection.htm?id=&itemtype=1" title="收藏" target="_blank">收藏</a> <a style="width: 35px;height:35px;float: left; color:#fff; text-decoration: none; outline: none;border-radius:35px; margin-left: 42px; display: block;line-height:35px; text-align: center; background: #907b70;" href="http://item.taobao.com/item.htm?id=" title="购买" target="_blank">购买</a> </div> </div> <a href="http://item.taobao.com/item.htm?id=" style=" float:right;width:360px;height:360px;overflow:hidden;background:url(http://img04.taobaocdn.com/imgextra/i4/1120870168/T2rodBXb4OXXXXXXXX-1120870168.gif_360x360.jpg) center center no-repeat;overflow:hidden" target="_blank"></a> </li> </ul> </div> <div style="float:right;width:265px;"> <ul style="margin:0;padding:0;overflow:hidden;" class="hidden-nav"> <li class="vc201840749IPCHl1" style="list-style:none;float:left;margin:0px 0 0 0;width:265px; height:114px;"> <a href="http://item.taobao.com/item.htm?id=" style="text-decoration:none;display:block;width:100px;height:100px; margin-top:7px;margin-right:7px; background:url(http://img04.taobaocdn.com/imgextra/i4/1120870168/T2rodBXb4OXXXXXXXX-1120870168.gif_100x100.jpg) center center no-repeat;overflow:hidden;float:right;" target="_blank"> </a> <span style=" display:block; float:left;height:110px; width:140px;"> <a style="display:block; height:40px;font-family: 微软雅黑; margin-top:20px; margin-left:5px;line-height:20px; overflow:hidden; color:#503425" href="http://item.taobao.com/item.htm?id=" target="_blank">飞蚂蚁模板网-淘宝特效装修软件</a> <span style="display:block;margin:10px 10px; font-family: 微软雅黑; color:#503425">¥ 88</span> </span> <div class="J_TWidget" data-widget-type="Popup" data-widget-config="{ "trigger":".vc201840749IPCHl1", "align":{ "node":".vc201840749IPCHl1", "offset":[0,0], "points":["cc","cc"] } }" style="background: #a19a92 ; display: none; float:left;margin:0px 0 0 0;width:265px; height:114px;"> <a href="http://item.taobao.com/item.htm?id=" style="text-decoration:none;display:block;width:100px;height:100px; margin-top:7px;margin-right:7px; background:url(http://img04.taobaocdn.com/imgextra/i4/1120870168/T2rodBXb4OXXXXXXXX-1120870168.gif_100x100.jpg) center center no-repeat;list-style-type: none;overflow:hidden;float:right;" target="_blank"></a> <span style=" display:block; float:left;height:110px; width:140px;"> <a style="display:block; height:40px;font-family: 微软雅黑; margin-top:20px; margin-left:5px;line-height:20px; overflow:hidden; color:#000000" href="http://item.taobao.com/item.htm?id=" target="_blank">飞蚂蚁模板网-淘宝特效装修软件</a> <span style="display:block;margin:10px 10px; font-family: 微软雅黑; color:#4d3925">¥ 88</span> </span> </div> </li> <li class="vc201840749FSomJ2" style="list-style:none;float:left;margin:10px 0 0 0;width:265px; height:114px;"> <a href="http://item.taobao.com/item.htm?id=" style="text-decoration:none;display:block;width:100px;height:100px; margin-top:7px;margin-right:7px; background:url(http://img04.taobaocdn.com/imgextra/i4/1120870168/T2V_OnXnVcXXXXXXXX-1120870168.gif_100x100.jpg) center center no-repeat;overflow:hidden;float:right;" target="_blank"> </a> <span style=" display:block; float:left;height:110px; width:140px;"> <a style="display:block; height:40px;font-family: 微软雅黑; margin-top:20px; margin-left:5px;line-height:20px; overflow:hidden; color:#503425" href="http://item.taobao.com/item.htm?id=" target="_blank">飞蚂蚁模板网-淘宝特效装修软件</a> <span style="display:block;margin:10px 10px; font-family: 微软雅黑; color:#503425">¥ 89</span> </span> <div class="J_TWidget" data-widget-type="Popup" data-widget-config="{ "trigger":".vc201840749FSomJ2", "align":{ "node":".vc201840749FSomJ2", "offset":[0,0], "points":["cc","cc"] } }" style="background: #a19a92 ; display: none; float:left;margin:10px 0 0 0;width:265px; height:114px;"> <a href="http://item.taobao.com/item.htm?id=" style="text-decoration:none;display:block;width:100px;height:100px; margin-top:7px;margin-right:7px; background:url(http://img04.taobaocdn.com/imgextra/i4/1120870168/T2V_OnXnVcXXXXXXXX-1120870168.gif_100x100.jpg) center center no-repeat;list-style-type: none;overflow:hidden;float:right;" target="_blank"></a> <span style=" display:block; float:left;height:110px; width:140px;"> <a style="display:block; height:40px;font-family: 微软雅黑; margin-top:20px; margin-left:5px;line-height:20px; overflow:hidden; color:#000000" href="http://item.taobao.com/item.htm?id=" target="_blank">飞蚂蚁模板网-淘宝特效装修软件</a> <span style="display:block;margin:10px 10px; font-family: 微软雅黑; color:#4d3925">¥ 89</span> </span> </div> </li> <li class="vc201840749Pc7eV3" style="list-style:none;float:left;margin:10px 0 0 0;width:265px; height:114px;"> <a href="http://item.taobao.com/item.htm?id=" style="text-decoration:none;display:block;width:100px;height:100px; margin-top:7px;margin-right:7px; background:url(http://img04.taobaocdn.com/imgextra/i4/1120870168/T2rodBXb4OXXXXXXXX-1120870168.gif_100x100.jpg) center center no-repeat;overflow:hidden;float:right;" target="_blank"> </a> <span style=" display:block; float:left;height:110px; width:140px;"> <a style="display:block; height:40px;font-family: 微软雅黑; margin-top:20px; margin-left:5px;line-height:20px; overflow:hidden; color:#503425" href="http://item.taobao.com/item.htm?id=" target="_blank">飞蚂蚁模板网-淘宝特效装修软件</a> <span style="display:block;margin:10px 10px; font-family: 微软雅黑; color:#503425">¥ 113</span> </span> <div class="J_TWidget" data-widget-type="Popup" data-widget-config="{ "trigger":".vc201840749Pc7eV3", "align":{ "node":".vc201840749Pc7eV3", "offset":[0,0], "points":["cc","cc"] } }" style="background: #a19a92 ; display: none; float:left;margin:10px 0 0 0;width:265px; height:114px;"> <a href="http://item.taobao.com/item.htm?id=" style="text-decoration:none;display:block;width:100px;height:100px; margin-top:7px;margin-right:7px; background:url(http://img04.taobaocdn.com/imgextra/i4/1120870168/T2rodBXb4OXXXXXXXX-1120870168.gif_100x100.jpg) center center no-repeat;list-style-type: none;overflow:hidden;float:right;" target="_blank"></a> <span style=" display:block; float:left;height:110px; width:140px;"> <a style="display:block; height:40px;font-family: 微软雅黑; margin-top:20px; margin-left:5px;line-height:20px; overflow:hidden; color:#000000" href="http://item.taobao.com/item.htm?id=" target="_blank">飞蚂蚁模板网-淘宝特效装修软件</a> <span style="display:block;margin:10px 10px; font-family: 微软雅黑; color:#4d3925">¥ 113</span> </span> </div> </li> </ul> </div> </div> </div> </div> <a name="sgmb"></a>
