{extend name="default/base" /}
{block name="title"}{__block__} - {:WSTConf('CONF.shopSlogan')}{/block}
{block name="meta"}
<meta name="description" content="{:WSTConf('CONF.seoShopDesc')}">
<meta name="keywords" content="{:WSTConf('CONF.seoShopKeywords')}">
{/block}
{block name="css"}
<link href="__STYLE__/css/swiper.min.css?v={$v}" rel="stylesheet">
<link href="__STYLE__/css/index.css?v={$v}" rel="stylesheet">
{/block}
{block name="main"}
<div class="index-main">
	<div class="index-ads">
		{/* 横栏广告  */}
		<div class="wst-ads" >
			<div class="wst-slide" id="wst-slide">
				<ul class="wst-slide-items">
					{wst:ads code="ads-index" cache='86400'}
						<a href="{$vo.adURL}" {if ($vo['isOpen'])}target='_blank'{/if} {if ($vo['adURL']!='')}onclick="WST.recordClick({$vo['adId']})"{/if}><li style="background: url(__RESOURCE_PATH__/{$vo.adFile}) no-repeat  scroll center top;background-size:cover;" ></li></a>
					{/wst:ads}
				</ul>
				<div class="wst-slide-numbox">
					<div class="wst-slide-controls">
					  	{wst:ads code="ads-index" cache='86400' key='k'}
						  	{if condition="$k+1 eq 1"}
						  		 <span class="curr"> </span>
						  	{else/}
						  		 <span class=""> </span>
						  	{/if}
						{/wst:ads}
					</div>
				</div>
			</div>
		</div>
		{/* 广告*/}
		<div class="index-ads2">
			<div class="left">
				<div class="list"><a href=""><i class="iconfont"></i>活动</a></div>
				<div class="list"><a href=""><i class="iconfont"></i>活动</a></div>
				<div class="list"><a href=""><i class="iconfont"></i>活动</a></div>
				<div class="list"><a href=""><i class="iconfont"></i>活动</a></div>
				<div class="list"><a href=""><i class="iconfont"></i>活动</a></div>
				<div class="list"><a href=""><i class="iconfont"></i>活动</a></div>
			</div>
			<div class="right">
				{wst:ads code="index-three-ads" cache="86400" id="thr" key="t" num="3"}
				<a href="{$thr['adURL']}" {if ($thr['adURL']!='')}onclick="WST.recordClick({$thr['adId']})"{/if}>
					<img class="goodsImg {if($t==0)}first{/if}" data-original="__RESOURCE_PATH__/{$thr['adFile']}" src="__RESOURCE_PATH__/{:WSTConf('CONF.goodsLogo')}">
				</a>
				{/wst:ads}
			</div>
			<div class="wst-clear"></div>
		</div>
	</div>
	
	<div class="index-recommend">
		<div class="title">精品促销<div class="more"><a href="javascript:void(0);" class="iconfont button-prev button-prev-best"></a><a href="javascript:void(0);" class="iconfont button-next button-next-best"></a></div></div>
		<div class="swiper-container swiper-container-best">
		    <div class="swiper-wrapper">
		    {wst:goods type='best' cache="86400" num='10' id="be" key="bekey"}
			    <div class="swiper-slide">
			    	<div class="goods colour{$bekey}">
			    		<a href='{:Url("home/goods/detail","goodsId=".$be["goodsId"])}' target='_blank'><img class='goodsImg goodsImg-best' data-original="__RESOURCE_PATH__/{:WSTImg($be['goodsImg'])}"  title="{$be['goodsName']|WSTStripTags}" src="__RESOURCE_PATH__/{:WSTConf('CONF.goodsLogo')}"/></a>
			    		<a href='{:Url("home/goods/detail","goodsId=".$be["goodsId"])}' target='_blank'><p class="name">{$be['goodsName']}</p></a>
			    		<p class="price">{$be['shopPrice']}元</p>
			    	</div>
			    </div>
			{/wst:goods}
		    </div>
		</div>
	</div>
</div>

<div class="wst-main index-container">
	<div class="wst-container">
	{volist name="$floors" id="cat" key="l" length="10"}
		<div class="index-classify">
			<div class="title">{:WSTMSubstr($cat['catName'],0,4)}<ul><li class="active" type="{$cat['catId']}">热门</li>{volist name="cat['children']" id="cat2" length="10"}<li type="{$cat2['catId']}">{$cat2['catName']}</li>{/volist}</ul></div>
			<div class="content">
				<div class="left">
				{wst:ads code="ads-$l-2" cache='86400' id="fl" key='fk' num="2"}
				<a href="{$fl['adURL']}" {if ($fl['adURL']!='')}onclick="WST.recordClick({$fl['adId']})"{/if}>
				<img class="goodsImg img{$fk}" data-original="__RESOURCE_PATH__/{$fl['adFile']}" src="__RESOURCE_PATH__/{:WSTConf('CONF.goodsLogo')}">
				</a>
				{/wst:ads}
				</div>
				<div class="right right-goods{$cat['catId']}">
					{wst:goods type="hot" cat="$cat['catId']" key="htKey" id="ht" num="8"}
					{if($htKey==7)}
					<div class="goods2">
						<a href="{:Url("home/goods/detail","goodsId=".$ht["goodsId"])}"><img class="goodsImg" data-original="__RESOURCE_PATH__/{:WSTImg($ht['goodsImg'])}" src="__RESOURCE_PATH__/{:WSTConf('CONF.goodsLogo')}"></a>
						<a href="{:Url("home/goods/detail","goodsId=".$ht["goodsId"])}"><p class="name">{$ht['goodsName']}</p></a>
						<p class="price">{$ht['shopPrice']}元</p>
					</div>
					{else}
					<div class="goods">
						<a href="{:Url("home/goods/detail","goodsId=".$ht["goodsId"])}"><img class="goodsImg" data-original="__RESOURCE_PATH__/{:WSTImg($ht['goodsImg'])}" title="{$ht['goodsName']|WSTStripTags}" src="__RESOURCE_PATH__/{:WSTConf('CONF.goodsLogo')}"></a>
						<a href="{:Url("home/goods/detail","goodsId=".$ht["goodsId"])}"><p class="name">{$ht['goodsName']}</p></a><p class="price">{$ht['shopPrice']}元</p>
						{if($ht["isNew"])}<div class="new">新品</div>{/if}
						<div class="addcart"><p onclick="javascript:WST.addCart({$ht["goodsId"]});">加入购物车</p></div>
					</div>
					{/if}
					{/wst:goods}
					<div class="more">
						<a href="{:Url('home/goods/lists','catId='.$cat['catId'])}">
						<i class="iconfont"></i>
						<p>浏览更多<span>热门</span></p>
						</a>
					</div>
				</div>
				{volist name="cat['children']" id="cat2" length="10"}
				<div class="right right-goods{$cat2['catId']} hide">
					{wst:goods type="recom" cat="$cat2['catId']" key="recKey" id="rec" num="8"}
					{if($recKey==7)}
					<div class="goods2">
						<a href="{:Url("home/goods/detail","goodsId=".$rec["goodsId"])}"><img class="goodsImg" data-original="__RESOURCE_PATH__/{:WSTImg($rec['goodsImg'])}" src="__RESOURCE_PATH__/{:WSTConf('CONF.goodsLogo')}"></a>
						<a href="{:Url("home/goods/detail","goodsId=".$rec["goodsId"])}"><p class="name">{$rec['goodsName']}</p></a>
						<p class="price">{$rec['shopPrice']}元</p>
					</div>
					{else}
					<div class="goods">
						<a href="{:Url("home/goods/detail","goodsId=".$rec["goodsId"])}"><img class="goodsImg" data-original="__RESOURCE_PATH__/{:WSTImg($rec['goodsImg'])}" src="__RESOURCE_PATH__/{:WSTConf('CONF.goodsLogo')}"></a>
						<a href="{:Url("home/goods/detail","goodsId=".$rec["goodsId"])}"><p class="name">{$rec['goodsName']}</p></a><p class="price">{$rec['shopPrice']}元</p>
						{if($rec["isNew"])}<div class="new">新品</div>{/if}
						<div class="addcart"><p onclick="javascript:WST.addCart({$rec["goodsId"]});">加入购物车</p></div>
					</div>
					{/if}
					{/wst:goods}
					<div class="more">
						<a href="{:Url('home/goods/lists','catId='.$cat2['catId'])}">
						<i class="iconfont"></i>
						<p>浏览更多<span>{$cat2['catName']}</span></p>
						</a>
					</div>
				</div>
				{/volist}
				<div class="wst-clear"></div>
			</div>
		</div>
	 {/volist}
	 	<div class="index-recommend index-recom">
			<div class="title">热卖推荐<div class="more"><a href="javascript:void(0);" class="iconfont button-prev button-prev-recom"></a><a href="javascript:void(0);" class="iconfont button-next button-next-recom"></a></div></div>
			<div class="swiper-container swiper-container-recom">
			    <div class="swiper-wrapper">
			    {wst:goods type='recom' cache="86400" num='20' id="re" key="rekey"}
				    <div class="swiper-slide">
				    	<div class="goods">
				    		<a href='{:Url("home/goods/detail","goodsId=".$re["goodsId"])}' target='_blank'><img class='goodsImg goodsImg-recom' data-original="__RESOURCE_PATH__/{:WSTImg($re['goodsImg'])}"  title="{$re['goodsName']|WSTStripTags}" src="__RESOURCE_PATH__/{:WSTConf('CONF.goodsLogo')}"/></a>
				    		<a href='{:Url("home/goods/detail","goodsId=".$re["goodsId"])}' target='_blank'><p class="goodsname">{$re['goodsName']}</p></a>
				    		<p class="price">{$re['shopPrice']}元</p>
				    		<p class="deal">{$re['saleNum']}人购买</p>
				    	</div>
				    </div>
				{/wst:goods}
			    </div>
			</div>
		</div>
		<div class="index-evaluate">
			<div class="title">热评产品</div>
			<div class="content">
				{wst:score cat="0" cache="86400" num='4' id="sc" key="sckey"}
				<div class="goods {if($sckey==0)}first{/if}">
					<a href="{:Url("home/goods/detail","goodsId=".$sc["goodsId"])}"><img class="goodsImg" data-original="__RESOURCE_PATH__/{$sc['goodsImg']}" title="{$sc['goodsName']|WSTStripTags}" src="__RESOURCE_PATH__/{:WSTConf('CONF.goodsLogo')}"></a>
					<div class="bottom">
						<a href="{:Url("home/goods/detail","goodsId=".$sc["goodsId"])}"><p class="evaluate">{$sc['content']}</p></a>
						<p class="name">来自于 {if(!empty($sc['userName']))}{$sc['userName']}{else}{$sc['loginName']}{/if} 的评价</p>
						<p class="info"><span class="goodsname">{$sc['goodsName']}</span><span class="sep">|</span><span class="price">{$sc['shopPrice']}元</span></p>
					</div>
				</div>
				{/wst:score}
				<div class="wst-clear"></div>
			</div>
		</div>
		<div class="index-article">
			<div class="title">内容</div>
			<div class="content">
				<div class="article first article1">
					<p class="title2">店铺公告</p>
					<div class="swiper-container swiper-article1"><div class="swiper-wrapper">
						{wst:article cat="new" id="ar" cat="11" num='3' cache='86400'}
						<div class="swiper-slide">
							<div class="list">
							<a href="{:url('home/news/view',['id'=>$ar['articleId']])}"><p class="name">{$ar['articleTitle']}</p></a>
							<a href="{:url('home/news/view',['id'=>$ar['articleId']])}"><img class='goodsImg coverimg goodsImg-article2' data-original="__RESOURCE_PATH__/{:WSTImg($ar['coverImg'])}" src="__RESOURCE_PATH__/{:WSTConf('CONF.goodsLogo')}"></a>
							</div>
						</div>
						{/wst:article}
						<div class="swiper-slide">
							<div class="list">
								<a href="{:url('home/news/nlist',['catId'=>11])}" class="more">前往店铺公告</a>
								<img src="__STYLE__/img/more-1.jpg" class="img">
							</div>
						</div>
					</div><div class="swiper-pagination"></div></div>
					<a href="javascript:void(0);" class="iconfont button-prev button-prev-article1"></a>
					<a href="javascript:void(0);" class="iconfont button-next button-next-article1"></a>
				</div>
				<div class="article article2">
					<p class="title2">促销资讯</p>
					<div class="swiper-container swiper-article2"><div class="swiper-wrapper">
						{wst:article cat="new" id="ar" cat="12" num='3' cache='86400'}
						<div class="swiper-slide">
							<div class="list">
							<a href="{:url('home/news/view',['id'=>$ar['articleId']])}"><p class="name">{$ar['articleTitle']}</p></a>
							<a href="{:url('home/news/view',['id'=>$ar['articleId']])}"><img class='goodsImg coverimg goodsImg-article2' data-original="__RESOURCE_PATH__/{:WSTImg($ar['coverImg'])}" src="__RESOURCE_PATH__/{:WSTConf('CONF.goodsLogo')}"></a>
							</div>
						</div>
						{/wst:article}
						<div class="swiper-slide">
							<div class="list">
								<a href="{:url('home/news/nlist',['catId'=>12])}" class="more">前往促销资讯</a>
								<img src="__STYLE__/img/more-2.jpg" class="img">
							</div>
						</div>
					</div><div class="swiper-pagination"></div></div>
					<a href="javascript:void(0);" class="iconfont button-prev button-prev-article2"></a>
					<a href="javascript:void(0);" class="iconfont button-next button-next-article2"></a>
				</div>
				<div class="article article3">
					<p class="title2">商务合作</p>
					<div class="swiper-container swiper-article3"><div class="swiper-wrapper">
						{wst:article cat="new" id="ar" cat="10" num='3' cache='86400'}
						<div class="swiper-slide">
							<div class="list">
							<a href="{:url('home/helpcenter/view',['id'=>$ar['articleId']])}"><p class="name">{$ar['articleTitle']}</p></a>
							<a href="{:url('home/helpcenter/view',['id'=>$ar['articleId']])}"><img class='goodsImg coverimg goodsImg-article2' data-original="__RESOURCE_PATH__/{:WSTImg($ar['coverImg'])}" src="__RESOURCE_PATH__/{:WSTConf('CONF.goodsLogo')}"></a>
							</div>
						</div>
						{/wst:article}
						<div class="swiper-slide">
							<div class="list">
								<a href="{:url('home/helpcenter/view',['id'=>14])}" class="more">前往商务合作</a>
								<img src="__STYLE__/img/more-3.jpg" class="img">
							</div>
						</div>
					</div><div class="swiper-pagination"></div></div>
					<a href="javascript:void(0);" class="iconfont button-prev button-prev-article3"></a>
					<a href="javascript:void(0);" class="iconfont button-next button-next-article3"></a>
				</div>
				<div class="article article4">
					<p class="title2">购物指南</p>
					<div class="swiper-container swiper-article4"><div class="swiper-wrapper">
						{wst:article cat="new" id="ar" cat="5" num='3' cache='86400'}
						<div class="swiper-slide">
							<div class="list">
							<a href="{:url('home/helpcenter/view',['id'=>$ar['articleId']])}"><p class="name">{$ar['articleTitle']}</p></a>
							<a href="{:url('home/helpcenter/view',['id'=>$ar['articleId']])}"><img class='goodsImg coverimg goodsImg-article2' data-original="__RESOURCE_PATH__/{:WSTImg($ar['coverImg'])}" src="__RESOURCE_PATH__/{:WSTConf('CONF.goodsLogo')}"></a>
							</div>
						</div>
						{/wst:article}
						<div class="swiper-slide">
							<div class="list">
								<a href="{:url('home/helpcenter/view',['id'=>1])}" class="more">前往购物指南</a>
								<img src="__STYLE__/img/more-4.jpg" class="img">
							</div>
						</div>
					</div><div class="swiper-pagination"></div></div>
					<a href="javascript:void(0);" class="iconfont button-prev button-prev-article4"></a>
					<a href="javascript:void(0);" class="iconfont button-next button-next-article4"></a>
				</div>
			</div>
		</div>
	</div>
</div>

{/block}
{block name="js"}
<script type='text/javascript' src='__ROOT__/static/plugins/lazyload/jquery.lazyload.min.js?v={$v}'></script>
<script type='text/javascript' src='__STYLE__/js/swiper.jquery.min.js?v={$v}'></script>
<script type='text/javascript' src='__STYLE__/js/index.js?v={$v}'></script>
{/block}
{/block}