Init Repo

This commit is contained in:
root
2019-09-06 23:53:10 +08:00
commit f0ef89dfbb
7905 changed files with 914138 additions and 0 deletions

View File

@ -0,0 +1,24 @@
$(function(){
$('.h-cat>span').click(function(t){
var li = $(this).parent();
if( li.find('ul').is(":hidden") ){
li.addClass('h-show').removeClass('h-hide');
li.siblings().addClass('h-hide').removeClass('h-show');
}else{
li.addClass('h-hide').removeClass('h-show');
}
});
});
function solve(status){
$.post(WST.U('home/helpcenter/recordSolve'),{'status':status,'id':$('#artId').val()},function(data,dataStatus){
var json = WST.toJson(data);
if(json.status==1){
if(status==1)
$('.h-record').html('感谢您的评价!');
else{
$('.h-record').html('请联系客服!');
}
}
});
}

View File

@ -0,0 +1,66 @@
{extend name="default/base" /}
{block name="title"}{if $data.articleTitle!=''}{$data.articleTitle}{else}客服中心{/if} - {:WSTConf('CONF.mallName')}{__block__}{/block}
{block name="meta"}
<meta name="keywords" content="{$data.articleKey}" />
<meta name="description" content="{$data.articleTitle}" />
{/block}
{block name="css"}
<link href="__STYLE__/css/articles.css?v={$v}" rel="stylesheet">
{/block}
{block name="main"}
<div class="bc-nav">
<p>
<a href="{:url('/')}">首页</a>
<a href="#">> 客服中心</a>
{volist name="$bcNav" id="bc"}
{if ($bc['catId']!=7)}
<a href="{:url('home/helpcenter/view',['id'=>$data['articleId']])}">> {$bc['catName']}</a>
{/if}
{/volist}
{if isset($data['articleTitle'])}
<a href="{:url('home/helpcenter/view',['id'=>$data['articleId']])}">> {$data['articleTitle']}</a>
{/if}
</p>
</div>
<div class="help-box">
<div class="help-left">
<p class="h-title b-99">客服中心</p>
<ul id="parent">
{volist name="$list" id="v" }
<?php $cat=explode('-',$key);?>
<li class="h-cat {if ($cat[1]==$data['catId'])}h-show{else /}h-hide{/if}">
<span>{$cat[0]}<p></p></span>
<ul class="h-list">
{volist name="$v" id="v1" key="k1"}
<a href="{:url('home/Helpcenter/view',['id'=>$v1['articleId']])}"><li class="{if ($v1['articleId']==$data['articleId'])}h-curr{/if}">{:WSTMSubstr($v1['articleTitle'],0,10)}</li></a>
{/volist}
</ul>
</li>
{/volist}
</ul>
</div>
{if($data.articleTitle!='')}
<div class="help-right b">
<div class="h-right-title"><div id="square"></div><h4>{$data.articleTitle}</h4></div>
<div class="c"><input type="hidden" value="{$data.articleId}" id="artId"></div>
<div class="h-content">
{:htmlspecialchars_decode($data.articleContent)}
</div>
<div class="c"></div>
<div class="h-record">
<p>以上内容是否已经解决您的问题呢?</p>
<input class="h-button" onclick="solve(1)" type="button" value="是,已经解决" />
<input class="h-button" onclick="solve(0)" type="button" value="否,咨询客服" />
</div>
</div>
{/if}
<div class="c"></div>
</div>
{/block}
{block name="js"}
<script src="__STYLE__/articles/articles.js"></script>
{/block}
{block name="footer"}{__block__}
{/block}

View File

@ -0,0 +1,73 @@
{extend name="default/base" /}
{block name="title"}
{$title} - {:WSTConf('CONF.mallName')}{__block__}{/block}
{block name="meta"}
<meta name="keywords" content="资讯中心,{:WSTConf('CONF.mallName')}" />
<meta name="description" content="资讯中心,{:WSTConf('CONF.mallName')}" />
{/block}
{block name="css"}
<link href="__STYLE__/css/articles.css?v={$v}" rel="stylesheet">
{/block}
{block name="main"}
<div class="bc-nav">
<p>
<a href="{:url('/')}">首页</a>
<a href="{:url('home/news/view')}">> 资讯中心</a>
{volist name="$bcNav" id="bc"}
<a href="{:url('home/news/nlist',['catId'=>$bc['catId']])}">> {$bc['catName']}</a>
{/volist}
</p>
</div>
<div class="help-box">
<div class="help-left">
<p class="h-title b-lg">资讯中心</p>
<ul id="parent">
{volist name="$list" id="v" }
<li class="h-cat h-show">
<span>{$v['catName']}<p></p></span>
<ul class="h-list">
{volist name="$v['children']" id="v1" key="k1"}
<a href="{:url('home/News/nList',['catId'=>$v1['catId']])}"><li class="{if ($v1['catId']==$catId)}h-curr{/if}">{$v1['catName']}{$v1['newsCount']}</li></a>
{/volist}
</ul>
</li>
{/volist}
</ul>
</div>
<div class="help-right">
<div class="h-content">
{if(!input("param.catId") && !input("param.id"))}
<div class="head"><p><span>N</span>ews&nbsp;资讯中心</p><div class='wst-clear'></div></div>
<ul class="news-list">
{volist name="$index" id="li"}
<li><div id="g-square"></div><a href="{:url('home/news/view',['id'=>$li['articleId']])}">{$li['articleTitle']}</a><span class="list-time"> {:date('Y-m-d H:i:s',strtotime($li['createTime']))}</span></li>
{/volist}
</ul>
{/if}
{if isset($newsList)}
<div class="head"><p><span>N</span>ews&nbsp;{$bc['catName']}</p><div class='wst-clear'></div></div>
<ul class="news-list">
{if 63 == input("param.catId")}
{volist name="$newsList" id="n"}
<li><div id="g-square"></div><a ">{$n['articleTitle']}</a><span class="list-time"> {:date('Y-m-d H:i:s',strtotime($n['createTime']))}</span>5元</li>
{/volist}
{else /}
{volist name="$newsList" id="n"}
<li><div id="g-square"></div><a href="{:url('home/news/view',['id'=>$n['articleId']])}">{$n['articleTitle']}</a><span class="list-time"> {:date('Y-m-d H:i:s',strtotime($n['createTime']))}</span></li>
{/volist}
{/if}
</ul>
{/if}
{if isset($page)}
<div class="h-page">{$page}<div class='wst-clear'></div></div>
{/if}
</div>
</div>
<div class='wst-clear'></div>
</div>
{/block}
{block name="js"}
<script src="__STYLE__/articles/articles.js"></script>
{/block}
{block name="footer"}{__block__}
{/block}

View File

@ -0,0 +1,68 @@
{extend name="default/base" /}
{block name="title"}
{if isset($content)}
{if $content.articleTitle!=''}{$content.articleTitle}{else}资讯中心{/if}
{else}资讯中心{/if} - {:WSTConf('CONF.mallName')}{__block__}{/block}
{block name="meta"}
<meta name="keywords" content="{$content.articleKey}" />
<meta name="description" content="{$content.articleTitle}" />
{/block}
{block name="css"}
<link href="__STYLE__/css/articles.css?v={$v}" rel="stylesheet">
{/block}
{block name="main"}
<div class="bc-nav">
<p>
<a href="{:url('/')}">首页</a>
<a href="{:url('home/news/view')}">> 资讯中心</a>
{volist name="$bcNav" id="bc"}
<a href="{:url('home/news/nlist',['catId'=>$bc['catId']])}">> {$bc['catName']}</a>
{/volist}
{if isset($content['articleTitle'])}
<a href="{:url('home/news/view',['id'=>$content['articleId']])}">> 详情</a>
{/if}
</p>
</div>
<div class="help-box">
<div class="help-left">
<p class="h-title b-lg">资讯中心</p>
<ul id="parent">
{volist name="$list" id="v" }
<li class="h-cat h-show">
<span>{$v['catName']}<p></p></span>
<ul class="h-list">
{volist name="$v['children']" id="v1" key="k1"}
<a href="{:url('home/News/nList',['catId'=>$v1['catId']])}"><li class="{if ($v1['catId']==$catId)}h-curr{/if}">{$v1['catName']}{$v1['newsCount']}</li></a>
{/volist}
</ul>
</li>
{/volist}
</ul>
</div>
<div class="help-right">
<div class="h-content">
{if(!input("param.catId") && !input("param.id"))}
<div class="head"><p><span>N</span>ews&nbsp;资讯中心</p><div class='wst-clear'></div></div>
<ul class="news-list">
{volist name="$index" id="li"}
<li><div id="g-square"></div><a href="{:url('home/news/view',['id'=>$li['articleId']])}">{$li['articleTitle']}</a><span class="list-time"> {:date('Y-m-d H:i:s',strtotime($li['createTime']))}</span></li>
{/volist}
</ul>
{/if}
{if isset($content)}
<h1>{$content.articleTitle}</h1>
<div class="cat-time"><span>{$content.catName} </span>发布于:{:date('Y-m-d',strtotime($content.createTime))}</div>
<div class="n-content">
{:htmlspecialchars_decode($content.articleContent)}
</div>
{/if}
</div>
</div>
<div class='wst-clear'></div>
</div>
{/block}
{block name="js"}
<script src="__STYLE__/articles/articles.js"></script>
{/block}
{block name="footer"}{__block__}
{/block}

View File

@ -0,0 +1,47 @@
<!doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>{block name="title"}{:WSTConf('CONF.mallTitle')}{/block}</title>
{block name="meta"}{/block}
<link href="__STYLE__/css/common.css?v={$v}" rel="stylesheet">
{block name="css"}{/block}
<script type="text/javascript" src="__STATIC__/js/jquery.min.js?v={$v}"></script>
<script type="text/javascript" src="__STATIC__/plugins/layer/layer.js?v={$v}"></script>
<script type='text/javascript' src='__STATIC__/js/common.js?v={$v}'></script>
{block name="depend_common_js"}{/block}
<script type='text/javascript' src='__STYLE__/js/common.js?v={$v}'></script>
{/*未登录的话加载登录框所需要的文件*/}
{if ((int)session('WST_USER.userId')<=0) }
<link href="__STATIC__/plugins/validator/jquery.validator.css?v={$v}" rel="stylesheet">
<link href="__STYLE__/css/login.css?v={$v}" rel="stylesheet">
<script type="text/javascript" src="__STATIC__/plugins/validator/jquery.validator.min.js?v={$v}"></script>
<script type="text/javascript" src="__STATIC__/js/rsa.js"></script>
<script type='text/javascript' src='__STYLE__/js/login.js?v={$v}'></script>
{/if}
<script>
window.conf = {"ROOT":"__ROOT__","IMGURL":"__IMGURL__","APP":"__APP__","STATIC":"__STATIC__","SUFFIX":"{:config('url_html_suffix')}","SMS_VERFY":"{:WSTConf('CONF.smsVerfy')}","SMS_OPEN":"{:WSTConf('CONF.smsOpen')}","GOODS_LOGO":"{:WSTConf('CONF.goodsLogo')}","SHOP_LOGO":"{:WSTConf('CONF.shopLogo')}","MALL_LOGO":"{:WSTConf('CONF.mallLogo')}","USER_LOGO":"{:WSTConf('CONF.userLogo')}","IS_LOGIN":"{if (int)session('WST_USER.userId')>0 }1{else}0{/if}","TIME_TASK":"1","ROUTES":'{:WSTRoute()}',"IS_CRYPT":"{:WSTConf('CONF.isCryptPwd')}"}
$(function() {
WST.initVisitor();
});
</script>
</head>
<body>
{block name="top"}
{include file="default/top" /}
{/block}
{block name="header"}
{if isset($selfShop)}
{include file="default/self_shop_header" /}
{else /}
{include file="default/header" /}
{/if}
{/block}
{block name="main"}主内容{/block}
{block name="footer"}
{include file="default/footer" /}
{/block}
{block name="js"}{/block}
</body>
</html>

View File

@ -0,0 +1,25 @@
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>{block name="title"}{:WSTConf('CONF.mallTitle')}{/block}</title>
<meta name="auther" content="WSTMart,www.wstmart.net" />
<meta name="copyright" content="Copyright©2016-2066 Powered By WSTMart" />
{block name="meta"}{/block}
<link href="__STYLE__/css/common.css?v={$v}" rel="stylesheet">
<link href="__STATIC__/plugins/validator/jquery.validator.css?v={$v}" rel="stylesheet">
{block name="css"}{/block}
<script type="text/javascript" src="__STATIC__/js/jquery.min.js?v={$v}"></script>
<script type="text/javascript" src="__STATIC__/plugins/layer/layer.js?v={$v}"></script>
<script type="text/javascript" src="__STATIC__/plugins/lazyload/jquery.lazyload.min.js?v={$v}"></script>
<script type='text/javascript' src='__STATIC__/js/common.js?v={$v}'></script>
{block name="depend_common_js"}{/block}
<script type='text/javascript' src='__STYLE__/js/common.js?v={$v}'></script>
<script>
window.conf = {"ROOT":"__ROOT__","IMGURL":"__IMGURL__","APP":"__APP__","STATIC":"__STATIC__","SUFFIX":"{:config('url_html_suffix')}","SMS_VERFY":"{:WSTConf('CONF.smsVerfy')}","SMS_OPEN":"{:WSTConf('CONF.smsOpen')}","GOODS_LOGO":"{:WSTConf('CONF.goodsLogo')}","SHOP_LOGO":"{:WSTConf('CONF.shopLogo')}","MALL_LOGO":"{:WSTConf('CONF.mallLogo')}","USER_LOGO":"{:WSTConf('CONF.userLogo')}","IS_LOGIN":"{if (int)session('WST_USER.userId')>0 }1{else}0{/if}","TIME_TASK":"1","ROUTES":'{:WSTRoute()}',"IS_CRYPT":"{:WSTConf('CONF.isCryptPwd')}"}
</script>
</head>
<body>
{block name="main"}主内容{/block}
{block name="js"}
{/block}
</body>

View File

@ -0,0 +1,36 @@
<input type="hidden" id="token" value='{:WSTConf("CONF.pwdModulusKey")}'/>
<form method="post" autocomplete="off">
<table class="wst-table">
<tr class="wst-login-tr">
<td width='90' align='right'>账号:</td>
<td><input id="loginName" name="loginName" class="ipt wst-login-input" tabindex="1" value="" autocomplete="off" type="text" data-rule="用户名: required;" data-msg-required="请填写用户名" data-tip="请输入用户名" placeholder="邮箱/用户名/手机号"/></td>
</tr>
<tr class="wst-login-tr">
<td align='right'>密码:</td>
<td><input id="loginPwd" name="loginPwd" class="ipt wst-login-input" tabindex="2" autocomplete="off" type="password" data-rule="密码: required;" data-msg-required="请填写密码" data-tip="请输入密码" placeholder="密码"/> </td>
</tr>
<tr class="wst-login-tr">
<td align='right'>验证码:</td>
<td>
<div class="wst-login-code">
<input id="verifyCode" style="ime-mode:disabled" name="verifyCode" class="ipt wst-login-codein" tabindex="6" autocomplete="off" maxlength="6" type="text" data-rule="验证码: required;" data-msg-required="请输入验证码" data-tip="请输入验证码" data-target="#verify"placeholder="验证码"/>
<img id='verifyImg' class="wst-login-codeim" src="{:url('home/users/getVerify')}" onclick='javascript:WST.getVerify("#verifyImg")' style="width:116px;border-top-right-radius:6px;border-bottom-right-radius:6px;"><span id="verify"></span>
</div>
</td>
</tr>
<tr class="wst-login-tr">
<td colspan="2" style="padding-left:43px;">
<input id="rememberPwd" name="rememberPwd" class="ipt wst-login-ch" checked="checked" type="checkbox"/>
<label>记住密码</label>
<label><a style="color:#666;line-height:32px;margin-left:10px;" target='_blank' href="{:Url('home/users/regist')}">免费注册</a>&nbsp;| </label>
<label><a style="color:#666;line-height:32px;" target='_blank' href="{:url('home/users/forgetpass')}">忘记密码? </a></label>
</td>
</tr>
<tr>
<td colspan="2" style="padding-left:200px;">
<div style="width: 100px;height:32px;line-height:32px;"><a class="wst-login-but" href="javascript:void(0);" onclick='javascript:login(3)'>登录</a></div>
</td>
</tr>
</table>
{:hook('homeDocumentLogin')}
</form>

View File

@ -0,0 +1,80 @@
{extend name="default/base" /}
{block name="title"}品牌街 - {:WSTConf('CONF.mallName')}{__block__}{/block}
{block name="meta"}
<meta name="description" content="{:WSTConf('CONF.seoMallDesc')},品牌街">
<meta name="Keywords" content="{:WSTConf('CONF.seoMallKeywords')}">
{/block}
{block name="css"}
<link href="__STATIC__/plugins/lazyload/skin/laypage.css?v={$v}" rel="stylesheet">
<link href="__STYLE__/css/brandslist.css?v={$v}" rel="stylesheet">
{/block}
{block name="main"}
<script>
//筛选分类
function screenCat(id){
location.href=WST.U('home/brands/index','id='+id);
}
</script>
<input type="hidden" id="catId" value="" autocomplete="off">
<div class="wst-container">
<div class="wst-route"><a href="{:url('home/index/index')}" ><img style="float:left;margin-right:10px" src="__STYLE__/img/icon_dianpujie_09.png"/>首页</a> > <a href="{:url('home/brands/index')}">品牌街</a></div>
<div class="wst-brand-cat">
<div class="wst-brand-catt">品牌行业</div>
{volist name="goodscats" id="ca" key="k"}
<span class="{if($selectedId==$ca['catId'])}js-selected{/if}" onclick="javascript:screenCat({$ca['catId']});">{$ca['catName']}</span>
{/volist}
<div class="wst-clear"></div>
</div>
<ul class="wst-brands-list">
{volist name="list.Rows" id="vo"}
<li class="wst-brands">
<div class="wst-brand-img"><a target='_blank' href="{:Url('home/goods/lists',['cat'=>$vo['catId'],'brand'=>$vo['brandId']])}"><img class="goodsImg" data-original="__IMGURL__/{$vo['brandImg']}" title="{$vo['brandName']}"/></a></div>
<div class="wst-brand-name">{:WSTMSubstr($vo['brandName'],0,15)}</div>
<div class='info'>
<span><img src="__STYLE__/img/img_jrpp.png"/></span>
<p>欢迎进入{$vo['brandName']}</p>
</div>
</li>
{/volist}
<div class="wst-clear"></div>
</ul>
<div class="brandsPaging">
<div id="brandsPaging"></div>
</div>
</div>
{include file="default/right_cart"/}
{/block}
{block name="js"}
<script type='text/javascript' src='__STYLE__/js/brandslist.js?v={$v}'></script>
<script>
$(function(){
if({$list['TotalPage']}>1){
laypage({
cont: 'brandsPaging',
pages: {$list['TotalPage']}, //总页数
curr: {$list['CurrentPage']},
skip: true, //是否开启跳页
skin: '#fd6148',
groups: 3, //连续显示分页数
prev: '<<',
next: '>>',
jump: function(e, first){ //触发分页后的回调
if(!first){ //一定要加此判断,否则初始时会无限刷新
var nuewurl = WST.splitURL("page");
var ulist = nuewurl.split("?");
if(ulist.length>1){
location.href = nuewurl+'&page='+e.curr;
}else{
location.href = '?page='+e.curr;
}
}
}
});
}
});
</script>
{/block}
{block name="footer"}{__block__}
{/block}

View File

@ -0,0 +1,111 @@
{extend name="default/base" /}
{block name="title"}我的购物车 - {:WSTConf('CONF.mallName')}{__block__}{/block}
{block name="css"}
<link href="__STYLE__/css/carts.css?v={$v}" rel="stylesheet">
{/block}
{block name="main"}
<div class="wst-container">
<div id="stepflex" class="stepflex">
<dl class="first doing">
<dt class="s-num">1</dt>
<dd class="s-text">我的购物车</dd>
<dd></dd>
</dl>
<dl class="normal">
<dt class="s-num1">2</dt>
<dd class="s-text1">填写核对订单信息</dd>
</dl>
<dl class="last">
<dt class="s-num1">3</dt>
<dd class="s-text1">成功提交订单</dd>
</dl>
</div>
<div class='wst-clear'></div>
<div class='main-head'>我的购物车</div>
<div class='cart-box'>
<div class='cart-head'>
<div class='chk'><input type='checkbox' onclick='checkChks(this,".j-chk")'>全选</div>
<div class='goods'>商品</div>
<div class='price'>单价</div>
<div class='stock'>库存</div>
<div class='num'>数量</div>
<div class='t-price'>总价</div>
<div class='action'>操作</div>
</div>
{if !empty($carts["carts"])}
{volist name='$carts["carts"]' id='vo'}
<div class='cart-item'>
<div class='shop'>
<div class='shop-title'>
<input type='checkbox' class='j-chk' onclick='checkChks(this,".j-s{$vo['shopId']}")'>{$vo['shopName']}
{if $vo['shopQQ'] !=''}
<a href="tencent://message/?uin={$vo['shopQQ']}&Site=QQ交谈&Menu=yes">
<img border="0" src="http://wpa.qq.com/pa?p=1:{$vo['shopQQ']}:7" alt="QQ交谈" width="71" height="24" />
</a>
{/if}
{if $vo['shopWangWang'] !=''}
<a target="_blank" href="http://www.taobao.com/webww/ww.php?ver=3&touid={$vo['shopWangWang']}&siteid=cntaobao&status=1&charset=utf-8">
<img border="0" src="http://amos.alicdn.com/realonline.aw?v=2&uid={$vo['shopWangWang']}&site=cntaobao&s=1&charset=utf-8" alt="和我联系" />
</a>
{/if}
</div>
{:hook('homeDocumentCartShopPromotion',['shop'=>$vo])}
<div class='wst-clear'></div>
</div>
<div class='goods-list'>
{volist name='vo["list"]' id='vo2'}
{:hook('homeDocumentCartGoodsPromotion',['goods'=>$vo2])}
<div class='item j-chk {if $vo2["isCheck"]==1}selected{/if} j-s{$vo['shopId']} j-g{$vo2["cartId"]}'>
<div class='chk'><input id='gchk_{$vo2["cartId"]}' type='checkbox' {if $vo2["isCheck"]==1}checked{/if} mval="{$vo2['shopPrice']}" value="{$vo2['cartId']}" sval="{$vo2['goodsStock']}" allowbuy="{$vo2['allowBuy']}" class='j-chk j-s{$vo['shopId']} j-gchk' onclick='checkChks(this,".j-g{$vo2["cartId"]}")'></div>
<div class='goods'>
<div class='img'>
<a href='{:Url("home/goods/detail","id=".$vo2["goodsId"])}' target='_blank'>
<img src='__IMGURL__/{$vo2["goodsImg"]}' width='80' height='80' title='{$vo2["goodsName"]}'/>
</a>
</div>
<div class='name'>{$vo2["goodsName"]}</div>
<div class='spec'>
{volist name='vo2["specNames"]' id='specs'}
<div>{$specs['catName']}{$specs['itemName']}</div>
{/volist}
</div>
</div>
<div class='price'>¥{$vo2['shopPrice']}</div>
<div class='stock'>{$vo2['goodsStock']}</div>
<div class='num'>
<a href='#none' class='buy-btn' id='buy-reduce_{$vo2['cartId']}' onclick='javascript:WST.changeIptNum(-1,"#buyNum","#buy-reduce,#buy-add",{$vo2['cartId']},"statCartMoney")'>-</a>
<input type='text' id='buyNum_{$vo2['cartId']}' class='buy-num' value="{$vo2['cartNum']}" data-max="{$vo2['goodsStock']}" data-min='1' onkeyup='WST.changeIptNum(0,"#buyNum","#buy-reduce,#buy-add",{$vo2['cartId']},"statCartMoney")' autocomplete="off" onkeypress="return WST.isNumberKey(event);" maxlength="6"/>
<a href='#none' class='buy-btn' id='buy-add_{$vo2['cartId']}' onclick='javascript:WST.changeIptNum(1,"#buyNum","#buy-reduce,#buy-add",{$vo2['cartId']},"statCartMoney")'>+</a>
<div id='err_{$vo2['cartId']}' class='wst-clear'></div>
</div>
<div class='t-price'>¥<span id="tprice_{$vo2['cartId']}">{$vo2['shopPrice']*$vo2['cartNum']}</span></div>
<div class='action'><a href='javascript:WST.delCart({$vo2["cartId"]})'>删除</a></div>
<div class='wst-clear'></div>
</div>
{/volist}
</div>
</div>
{/volist}
<div class='cart-footer selected2'>
<div class='cart-summary'>
<div class='summary'>应付总金额(不含运费):¥<span id='totalMoney'>{$carts["goodsTotalMoney"]}</span></div>
<div class='wst-clear'></div>
</div>
</div>
<div class='cart-btn'>
<a href='__ROOT__/index.php' class='wst-contnue wst-cart-asha'>继续购物</a>
<a href='#none' onclick='toSettlement()' class='wst-next wst-cart-reda'>结算</a>
<div class='wst-clear'></div>
</div>
{else}
<div class='empty-cart'>
您还没有添加商品哦,快去<a href='{:Url("home/index/index")}'>逛逛</a>吧~
</div>
{/if}
</div>
</div>
{/block}
{block name="js"}
<script type='text/javascript' src='__STYLE__/js/carts.js?v={$v}'></script>
<script>$(function(){statCartMoney()})</script>
{/block}

View File

@ -0,0 +1,46 @@
.bc-nav{width:100%;height:35px;border-bottom:1px solid lightgreen}
.help-box{width:1200px;margin:0 auto;min-height:600px}
.help-left{width:210px;margin:15px;margin-left:0;float:left;background:#fff}
.help-right{width:970px;overflow-x:hidden;min-height:400px;background:white;float:left;margin-top:15px}
.h-content{padding:10px;width:950px;min-height:370px;text-indent:7px;font-family:"microsoft yahei"}
.h-content .head{padding-bottom:26px}
.h-content .head p{float:left;min-width:230px;font-size:16px;height:36px;line-height:36px;border-bottom:2px solid #8b8b8b}
.h-content .head p span{font-size:28px}
.h-title{height:36px;line-height:36px;text-align:center;font-size:16px;color:white;font-weight:bold}
.h-hide ul{display:none}
.h-hide p{margin:14px 5px 0 0;float:right;display:inline-block;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid#ccc}
#parent>li>span{display:block;padding-left:10px;background:#eaeaea;border-bottom:1px solid #fff}#parent>li>span:hover{cursor:pointer;background:#dadada}
#parent>li{line-height:33px;display:block}
.h-show ul{display:block}
.h-show p{margin:14px 5px 0 0;float:right;display:inline-block;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid#ccc}
.h-list{border:1px solid #dedede}
.h-list li{width:177px;line-height:20px;margin:5px 0 5px 10px;padding:2px 0;padding-left:20px;cursor:pointer}
.h-list .h-curr{margin-left:10px}
.h-curr{background:rgba(0,0,0,0) linear-gradient(to right,#eaeaea,#fff) repeat scroll 0 0;border-color:#dedede;border-image:none;border-width:1px;color:green;font-weight:bold}
.h-list a:hover li{color:green;font-weight:bold}
.bc-nav{line-height:35px}
.bc-nav>p{width:1200px;margin:0 auto}
.bc-nav>p>a{color:gray}
.b{border:1px solid #e0dddd}
.h-right-title{width:100%;height:25px;margin-left:5px;margin-top:15px}
.h-right-title>h4{float:left;font-size:19px}#square{margin:5px;width:6px;height:6px;background:#df2003;float:left}
.b-99{background:#7dd589}
.h-record{padding:5px;width:100%;height:100px;margin-top:20px;border-top:1px solid #e0dddd}
.h-record>p{padding:5px}
.h-button{width:100px;height:25px;color:#6f6666;margin-left:5px}
.h-content h1{text-align:center}
.h-content .cat-time{text-align:center;padding:10px 0}
.c{clear:both}
.b-lg{background:#7dd589}
.news-list a,.list-time{font-size:13px;letter-spacing:2px;color:#333}
.news-list li{padding:8px 5px;border-bottom:1px dashed #ccc}
.news-list a:hover{font-size:13px;letter-spacing:2px;color:#40bb6a}
.list-time{display:block;float:right}
#g-square{margin:8px 0;width:3px;height:3px;background:#333;float:left}
.n-content{width:100%;min-height:300px;overflow:hidden}
.h-page{position:relative;width:100%;height:100px;background:url(../img/img_yingyin.png) 0 68px no-repeat}
.h-page .pagination .active{background:#3fba6a;color:white}
.h-page .pagination .disabled span,.h-page .pagination .active span{left:30px;line-height:28px;padding-left:4px}
.h-page .pagination{position:relative;top:32px;left:30%;width:100%;height:30px}
.h-page .pagination li{margin:0 auto;width:28px;height:28px;border:1px solid #bfbfbf;float:left;margin-left:10px}
.h-page .pagination li a{line-height:28px;padding-left:4px}

View File

@ -0,0 +1,44 @@
@CHARSET "UTF-8";.wst-brand-cat{margin:10px 0 20px 0;padding:10px 20px;border:1px solid #dddbdb}
.wst-brand-cat{margin:10px 0 0px 0;padding:10px 20px;border:1px solid #dddbdb}
.wst-brand-catt{height:23px;color:#333;border-bottom:1px dashed #b5b5b5}
.wst-brand-cat span{float:left;margin:8px 60px 0 0;padding:8px 5px}
.wst-brand-cat span:hover{cursor:pointer;color:#fff;background:#fc6047;border-radius:3px}
.js-selected{cursor:pointer;color:#fff;background:#fc6047;border-radius:3px}
.wst-brands{float:left;margin:10px 20px}
.wst-brand-img{width:200px;height:200px;text-align:center;vertical-align:middle;display:block;position:relative}
.wst-brand-img a{width:200px;height:200px;display:table-cell;vertical-align:middle}
.wst-brand-img a img{max-width:200px;max-height:200px}
.wst-brand-name{position:relative;text-align:center;height:30px;line-height:30px;color:#353535;font-family:fantasy}
.brandsPaging{padding:20px 0 50px 480px}
.wst-brands-list li{-webkit-perspective:400px;perspective:400px}
.info{-webkit-transform:rotate3d(1,0,0,90deg);transform:rotate3d(1,0,0,90deg);width:100%;height:100%;padding:20px;position:absolute;top:0;left:0;border-radius:4px;pointer-events:none;background-color:#000;opacity:.6}
.in-top .info{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-animation:in-top 300ms ease 0ms 1 forwards;animation:in-top 300ms ease 0ms 1 forwards}
.in-right .info{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-animation:in-right 300ms ease 0ms 1 forwards;animation:in-right 300ms ease 0ms 1 forwards}
.in-bottom .info{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:in-bottom 300ms ease 0ms 1 forwards;animation:in-bottom 300ms ease 0ms 1 forwards}
.in-left .info{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-animation:in-left 300ms ease 0ms 1 forwards;animation:in-left 300ms ease 0ms 1 forwards}
.out-top .info{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-animation:out-top 300ms ease 0ms 1 forwards;animation:out-top 300ms ease 0ms 1 forwards}
.out-right .info{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation:out-right 300ms ease 0ms 1 forwards;animation:out-right 300ms ease 0ms 1 forwards}
.out-bottom .info{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:out-bottom 300ms ease 0ms 1 forwards;animation:out-bottom 300ms ease 0ms 1 forwards}
.out-left .info{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-animation:out-left 300ms ease 0ms 1 forwards;animation:out-left 300ms ease 0ms 1 forwards}
@-webkit-keyframes in-top{from{-webkit-transform:rotate3d(-1,0,0,90deg);transform:rotate3d(-1,0,0,90deg)}to{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
}@keyframes in-top{from{-webkit-transform:rotate3d(-1,0,0,90deg);transform:rotate3d(-1,0,0,90deg)}to{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
}@-webkit-keyframes in-right{from{-webkit-transform:rotate3d(0,-1,0,90deg);transform:rotate3d(0,-1,0,90deg)}to{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
}@keyframes in-right{from{-webkit-transform:rotate3d(0,-1,0,90deg);transform:rotate3d(0,-1,0,90deg)}to{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
}@-webkit-keyframes in-bottom{from{-webkit-transform:rotate3d(1,0,0,90deg);transform:rotate3d(1,0,0,90deg)}to{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
}@keyframes in-bottom{from{-webkit-transform:rotate3d(1,0,0,90deg);transform:rotate3d(1,0,0,90deg)}to{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
}@-webkit-keyframes in-left{from{-webkit-transform:rotate3d(0,1,0,90deg);transform:rotate3d(0,1,0,90deg)}to{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
}@keyframes in-left{from{-webkit-transform:rotate3d(0,1,0,90deg);transform:rotate3d(0,1,0,90deg)}to{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
}@-webkit-keyframes out-top{from{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}to{-webkit-transform:rotate3d(-1,0,0,104deg);transform:rotate3d(-1,0,0,104deg)}
}@keyframes out-top{from{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}to{-webkit-transform:rotate3d(-1,0,0,104deg);transform:rotate3d(-1,0,0,104deg)}
}@-webkit-keyframes out-right{from{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}to{-webkit-transform:rotate3d(0,-1,0,104deg);transform:rotate3d(0,-1,0,104deg)}
}@keyframes out-right{from{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}to{-webkit-transform:rotate3d(0,-1,0,104deg);transform:rotate3d(0,-1,0,104deg)}
}@-webkit-keyframes out-bottom{from{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}to{-webkit-transform:rotate3d(1,0,0,104deg);transform:rotate3d(1,0,0,104deg)}
}@keyframes out-bottom{from{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}to{-webkit-transform:rotate3d(1,0,0,104deg);transform:rotate3d(1,0,0,104deg)}
}@-webkit-keyframes out-left{from{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}to{-webkit-transform:rotate3d(0,1,0,104deg);transform:rotate3d(0,1,0,104deg)}
}@keyframes out-left{from{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}to{-webkit-transform:rotate3d(0,1,0,104deg);transform:rotate3d(0,1,0,104deg)}
}
.wst-brands-list:after{content:"";display:table;clear:both}
.wst-brands-list li{position:relative;float:left;width:200px;height:200px;margin:10px 20px 30px 20px;padding:0;list-style:none}
.wst-brands-list span{float:left;width:100%;color:#fff;margin:35px 0 10px 70px}
.wst-brands-list p{float:left;width:100%;color:#fff;font-size:20px;text-align:center}
.info,.info:after,.info:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

View File

@ -0,0 +1,210 @@
.stepflex{float:right;border-top:5px solid #ccc;text-align:center;width:480px;margin:60px 0px 0px 50px;}
.stepflex dl{border-top:5px solid #ccc;float:left;position:relative;top:-5px;width:160px;}
dl.doing{border-top-color:#04bd3d;}
.doing .s-num{background-position:-23px 0;}
.s-num,.s-num1{color:#fff;font-weight: 700;height:23px;line-height:23px;margin:-15px auto 0;position:relative;width:23px;border-radius:25px;}
.s-num{background:#04bd3d;}
.s-num1{background:#ccc;}
.s-text1{line-height:30px;}
.s-text{line-height:30px;color:#04bd3d;}
/**购物车**/
.main-head{font-size:17px;font-weight:bold;height:35px;line-height:35px;}
.cart-box{width:100%;border-top:2px solid #FC7A64;}
.cart-head{background: #f3f3f3;display: block;height: 25px;line-height: 25px;margin: 0 0 5px;padding: 5px 0;}
.cart-head .chk{float:left;width:100px;padding-left:10px;}
.cart-head .goods{float:left;width:550px;}
.cart-head .price{float:left;width:105px;}
.cart-head .stock{float:left;width:105px;}
.cart-head .num{float:left;width:120px;}
.cart-head .t-price{float:left;width:105px;}
.cart-head .action{float:left;width:95px;}
.cart-box .shop{padding-left:10px;line-height:25px;border-bottom:2px solid #d0e2ff;padding-bottom:5px;}
.cart-box .shop .shop-title{width:40%;float:left;}
.cart-box .goods-list{width:100%;}
.cart-box .item{display:block;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #ECECEC;}
.cart-box .item .chk{float:left;width:20px;padding-left:10px;}
.cart-box .item .goods{float:left;width:630px;}
.cart-box .item .goods .img{float:left;width:80px;height:80px;margin-left:10px;}
.cart-box .item .goods .name{float:left;width:340px;height:80px;padding-left:5px;}
.cart-box .item .goods .spec{float:left;width:180px;padding-left:5px;}
.cart-box .item .price{float:left;width:105px;}
.cart-box .item .stock{float:left;width:105px;}
.cart-box .item .num{float:left;width:120px;}
.buy-btn{color:#666;background:#eeeeee;cursor: pointer;float:left;;display:block;height:20px;line-height:20px;padding:0px 5px;border:1px solid #ddd;}
input[type="text"].buy-num{height:16px;text-align:center;width:40px;float:left;border-left:0px;border-right:0px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.item .t-price{float:left;width:105px;}
.item .action{float:left;width:95px;}
.selected{background:#fbfcff;}
.selected2{background:#f2f7ff;}
.cart-footer{margin-bottom:15px;}
.cart-footer .summarys1{float:left;width:360px;}
.cart-footer .summarys2{float:left;width:360px;}
.cart-footer .summarys3{float:right;width:1180px;border-top:1px dotted #ddd;padding-top:10px;}
.cart-summary{border-bottom:1px solid #eeeeee;display:block;height:50px;line-height:50px;}
.summary{float:right;height:50px;line-height:50px;padding-right:10px;}
#totalMoney{color:#C00;font-size:16px;margin-left:5px;}
.cart-btn{margin:20px 0px;padding-right:20px;}
.wst-contnue{float:left;margin-left:20px;width:105px;height:33px;line-height:33px;}
.wst-next{float:right;margin-right:20px;width:118px;height:33px;line-height:33px;}
.wst-order-success{width:135px;height:35px;line-height:35px;display: block;}
.empty-cart{height:80px;line-height:80px;font-size:20px;text-align:center;}
.empty-cart a{color:blue;font-size:20px;}
/**结算页面**/
.box-head{font-weight:bold;height:30px;line-height:30px;}
.box-head2{font-weight:bold;height:30px;line-height:30px;padding-left:5px;}
.cart-box2{width:100%;border:1px solid #eeeeee;padding:5px 0px 10px 0px;}
.cart-head2{border-top:2px solid #e7e7e7;background: #f3f3f3;display: block;height: 25px;line-height: 25px;padding: 5px 0;}
.cart-head2 .goods2{float:left;width:745px;padding-left:15px;}
.cart-head2 .price2{float:left;width:105px;}
.cart-head2 .stock2{float:left;width:105px;}
.cart-head2 .num2{float:left;width:120px;}
.cart-head2 .t-price2{float:left;width:195px;text-align:right;}
.cart-box2 .shop2{padding-left:15px;height:35px;line-height:35px;border-bottom:2px solid #d0e2ff;color:#E55356;font-weight:bold;font-size:15px;}
.cart-box2 .item{padding:5px 0px 5px 0px}
.cart-box2 .item .goods2{float:left;width:745px;padding-left:15px;}
.cart-box2 .item .goods2 .img2{float:left;width:80px;height:80px;}
.cart-box2 .item .goods2 .name2{float:left;width:470px;height:80px;margin-left:5px;}
.cart-box2 .item .goods2 .spec2{float:left;width:180px;margin-left:5px;}
.cart-box2 .item .price2{float:left;width:105px;}
.cart-box2 .item .stock2{float:left;width:105px;}
.cart-box2 .item .num2{float:left;width:120px;}
.cart-box2 .item .t-price2{float:left;width:195px;font-weight: bold;color: #E55356;text-align:right;}
.cart-summary2{margin-top:10px;}
.summary2{height:30px;line-height:30px;}
.shop-remark{padding:0px 5px 0px 15px}
.shop-remark .shop-remark-box{width:500px;padding-top:20px;padding-bottom:30px;display: inline-block;position: relative;vertical-align: top;}
.shop-remark .shop-summary{width:650px;padding-top:20px;padding-bottom:30px;padding-left:10px;display: inline-block;border-left:1px solid #fff;}
.shop-remark .shop-summary .row{height:25px;line-height: 25px;}
.shop-remark .shop-summary dt{width:140px;display:inline-block;text-align: right}
.shop-remark .shop-summary dd{width:500px;display:inline-block}
#totalPrice{color:#FE0000;font-size:16px;margin-left:5px;}
#deliverMoney{color:#FE0000;font-size:16px;margin-left:5px;}
#orderScore{margin-right:5px;}
.wst-prev{float:left;margin-left:10px;}
.wst-order{float:right;}
/**用户地址**/
.add-addr{font-weight: normal;color:#005ea7;display: block;float:right;margin-right: 5px;}
.add-addr:hover{color:red;}
.address-box{border-top:2px solid #FC7A64;border-left:1px solid #eeeeee;border-right:1px solid #eeeeee;padding:5px 0px 10px 5px;}
.j-show-box,.j-edit-box,.j-list-box,.wst-list-box{padding:5px 0px 20px 15px;}
.j-list-box li{height:40px;line-height:40px;}
.j-edit-box .rows{width:auto;height:auto;}
.j-edit-box .label{float:left;width:120px;text-align:right;padding:2px 0px 2px 0px;}
.j-edit-box .field{float:left;padding:2px 0px 2px 0px;}
.field label{margin-right:20px;}
#saveAddressBtn{margin-left:120px;}
.j-show-box .address{line-height:36px;}
.j-show-box .address a{color: #1c9eff;}
.j-show-box .address a:hover{text-decoration:underline;}
.j-default{padding:5px;background:#ccc;}
.wst-frame1{float: left;width:180px;margin: 2px 8px 2px 0px;background: #fff;border: 1px solid #ccc;padding:7px;cursor: pointer;text-align:center;overflow: hidden;position: relative;}
.wst-frame2{float: left;min-width:120px;margin: 2px 20px 2px 0px;background: #fff;border: 1px solid #ccc;padding:7px;cursor: pointer;text-align:center;overflow: hidden;position: relative;}
.wst-frame1.j-selected i,.wst-frame2.j-selected i{font-size: 0;line-height: 0;background: url(../img/img_gd_sel.png) no-repeat 0 0;display: block; width: 11px;height: 11px;position: absolute;z-index: 1;right: -1px;bottom: -1px;}
.wst-frame1.j-selected,.wst-frame2.j-selected{border: 2px solid #e4393c;padding:6px;}
/**支付方式**/
.pay-box{border-left:1px solid #eeeeee;border-right:1px solid #eeeeee;border-top:1px solid #eeeeee;padding:5px 0px 10px 5px;}
.pay-boxs{padding:10px 0px 5px 5px;}
.pay-box ul{padding-left:15px;}
.pay-box ul li{width:1185px;}
.pay-box .label{width:200px;float:left;height:30px;line-height:30px;}
.pay-box .txt{height:auto;line-height:30px;width:985px;float:left;color:#999999;}
.pay-sbox{border:1px solid #eeeeee;padding:5px 0px;}
.pay-sbox-head{border-bottom: 2px solid #ddd;line-height:35px;}
.pay-tip1{height:37px;width:760px;text-align: center;margin:10px auto;background: url(../img/pay_liucheng.png) no-repeat 0px -10px;background-size: cover; }
.pay-tip2{height:37px;width:760px;text-align: center;margin:10px auto;background: url(../img/pay_liucheng.png) no-repeat 0px -71px;background-size: cover; }
.pay-tip3{height:37px;width:760px;text-align: center;margin:10px auto;background: url(../img/pay_liucheng.png) no-repeat 0px -132px;background-size: cover; }
.pay-sbox .qrcode-box{min-height: 300px;height: auto;}
.pay-sbox .tips-box{line-height:35px;text-align: left;font-weight: bold;padding:5px 10px;}
.pay-sbox .qrcode-box .pbox{text-align: center;margin-top: 10px;font-weight: bold;}
.pay-sbox .wst-qrcode{width:260px;height:260px;text-align:center;margin:0 auto;}
.pay-sbox .wst-qrcode img{width:260px;height:260px;}
.pay-sbox .bnt-box{line-height:35px;text-align:center;font-weight: bold;padding:5px 10px;line-height:50px;}
.pay-sbox .pay-type{line-height:35px;text-align: left;font-weight: bold;padding:5px 10px;}
.pay-sbox .pay-list{text-align: left;font-weight: bold;padding:5px 10px;}
.pay-sbox .succ-box{text-align: center;padding: 50px;}
.wst-payCode-weixinpays {height:69px;width:167px;text-align: center;margin:10px auto;background: url(../img/weixinpays.png) no-repeat 0px 0px;background-size: cover;float: left;margin-right:10px;cursor:pointer;}
.wst-payCode-weixinpays-curr {height:69px;width:167px;text-align: center;margin:10px auto;background: url(../img/weixinpays.png) no-repeat 0px -75px;background-size: cover;float: left;margin-right:10px;cursor:pointer;}
.wst-payCode-alipays {height:69px;width:167px;text-align: center;margin:10px auto;background: url(../img/alipays.png) no-repeat 0px 0px;background-size: cover;float: left;margin-right:10px;cursor:pointer;}
.wst-payCode-alipays-curr {height:69px;width:167px;text-align: center;margin:10px auto;background: url(../img/alipays.png) no-repeat 0px -75px;background-size: cover;float: left;margin-right:10px;cursor:pointer;}
.wst-payCode-wallets {height:69px;width:167px;text-align: center;margin:10px auto;background: url(../img/wallets.png) no-repeat 0px 0px;background-size: cover;float: left;margin-right:10px;cursor:pointer;}
.wst-payCode-wallets-curr {height:69px;width:167px;text-align: center;margin:10px auto;background: url(../img/wallets.png) no-repeat 0px -75px;background-size: cover;float: left;margin-right:10px;cursor:pointer;}
.wst-payCode-unionpays {height:69px;width:167px;text-align: center;margin:10px auto;background: url(../img/unionpays.png) no-repeat 0px 0px;background-size: cover;float: left;margin-right:10px;cursor:pointer;}
.wst-payCode-unionpays-curr {height:69px;width:167px;text-align: center;margin:10px auto;background: url(../img/unionpays.png) no-repeat 0px -75px;background-size: cover;float: left;margin-right:10px;cursor:pointer;}
.pay-sbox .balance-box{min-height: 300px;height: auto;}
.pay-sbox .balance-box .pbox{text-align: center;padding-top: 40px;font-weight: bold;}
.pay-sbox .balance-box .pbox2{text-align: center;padding-top: 10px;font-weight: bold;}
.pbox-tip{color:#0ae;margin-left:10px;}
.pay-btn{background: #eb5f43 none repeat scroll 0 0;border: 1px solid #d33110;border-radius: 3px;color: #ffffff;cursor: pointer;outline: medium none;}
.pay-sbox .wst-pay-bnt {height:40px;width:132px;text-align: center;margin:10px auto;background: url(../img/btn_pay.png) no-repeat 0px 0px;cursor:pointer;}
.pay-sbox .wst-pay-bnt:hover {height:40px;width:132px;text-align: center;margin:10px auto;background: url(../img/btn_pay.png) no-repeat 0px -57px;cursor:pointer;}
.wst-wallet-box{border:1px solid #ddd;margin:10px;padding:5px;line-height: 35px;height:40px;}
.wst-wallet-box .wst-wallte-item{background:url("../img/icon_qianbaoyue.png") no-repeat;padding-left:30px;height:30px;margin-top:5px;float:left;}
/**送货方式**/
.shipping-box{border-left:1px solid #eeeeee;border-right:1px solid #eeeeee;border-top:1px solid #eeeeee;padding:5px 0px 10px 5px;}
.shipping-box ul{padding-left:15px;}
.shipping-box ul li{height:auto;line-height:30px;}
/**发票**/
.invoice-box{border-left:1px solid #eeeeee;border-right:1px solid #eeeeee;border-top:1px solid #eeeeee;padding:5px 0px 10px 5px;}
.invoice-box ul{padding-left:15px;}
.invoice-box ul li{height:auto;line-height:30px;}
/**订单成功**/
.success-box{border:1px solid #ddd;height:300px;margin-bottom:30px;text-align:center;}
.success-box .imgs{margin: 0 auto;padding-top:72px;width:18%;}
.success-box .imgs span{color:#11cd6e;font-family:"microsoft yahei";font-size: 22px;line-height:65px;margin-left:8x}
.success-box .info{margin: 6px auto;padding-top:16px;width:100%;font-size: 20px;}
.success-box .info a{color:#51cff5;font-size: 20px;}
.success-box .info span{color:#f33d2f;font-size: 20px;}
.success-box .go{margin: 26px auto;width:12%;}
/*按钮*/
.wst-cart-reda{font-size: 14px;color:#ffffff;background: #df2003;text-align:center;border-radius:3px;font-family:"microsoft yahei";box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);}
.wst-cart-reda:hover{color:#ffffff;background:#ea3232;box-shadow: 0 0px 0px rgba(0, 0, 0, 0.3);}
.wst-cart-asha{font-size: 14px;background: #ffffff;text-align:center;border-radius: 3px;border: 1px solid #dad7d7;font-family:"microsoft yahei";box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);}
.wst-cart-asha:hover{background:#f1f1f1;box-shadow: 0 0px 0px rgba(0, 0, 0, 0.3);}
/*自定义单选框样式*/
.wst-radio + label {-webkit-appearance: none;background-color: #fafafa;border: 1px solid gray;padding: 6px;border-radius: 50px;display: inline-block;position: relative;}
.wst-radio + label:after {content: ' ';width: 6px;height: 6px;border-radius: 50px;position: absolute;top: 3px;background: #99a1a7;box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);text-shadow: 0px;left: 3px;font-size: 32px;}
.wst-radio:checked + label{border: 1px solid #fc6047;}
.wst-radio:checked + label:after {content: ' ';width: 6px;height: 6px;border-radius: 50px;position: absolute;top: 3px;background: #fc6047;box-shadow: inset 0px 0px 10px #fc6047;text-shadow: 0px;left: 3px;font-size: 32px;z-index:100;}
.radio-box .wst-radio{position:relative;z-index:-100;left:0px;top:0px;}
.radio-box-hover{background: #fff3f3;}
.operate-box a{color:#1c9eff;}
.operate-box a:hover{color:red;}
.operate-box{float:right;display: none;margin-right: 5px;}
.mt-1{position:relative;top:1px;left:-16px;cursor:pointer;}
/**订单列表**/
.wst-check-orders{color:#1D94D7;cursor:pointer;}
.wst-order-list{width:100%;border-collapse:collapse;border-color:grey;}
.wst-order-list .head{height: 32px;line-height: 32px;text-align: center;background: #f5f5f5;color: #666;font-weight: 400;}
.wst-order-list .goods-img{width:60px; height:60px;text-align:center;vertical-align:middle;display:block;position:relative;float:left;}
.wst-order-list .goods-img a{display:table-cell;vertical-align:middle;width:60px;height:60px;}
.wst-order-list .goods-img a img{max-width:60px;max-height:60px;}
.wst-order-list .goods-name{float:left;margin-left:5px;line-height:25px;width:500px;}
.wst-order-list .goods-extra{float:right;margin-left:5px;}
.wst-order-list .line{border-bottom:1px solid #ddd;margin-bottom:2px;padding-bottom:2px;}
.order-box{margin-bottom:5px;border-bottom:1px solid #ddd;}
.order-box .box-head{font-weight:bold;height:30px;line-height:30px;}
.wst-order-list td,.wst-order-list th {padding: 5px 10px;border: 1px solid #e5e5e5;border-top: 0px;}
.wst-order-list td,.wst-order-list th.wst-left-noborder{border-left:0;}
.wst-order-list td,.wst-order-list th.wst-right-noborder{border-right:0;}
.wst-order-list .otbody{text-align: center;}
/* 发票信息 */
.invoice_box{margin-top: 30px;}
.invoice_item{width:85%;margin:0 auto;overflow: hidden;padding-top: 10px;}
.invoice_left{width:25%;float: left;text-align: right;color: #666;font-size: 14px;padding: 4px 0px;}
.tc{text-align: center}
.invoice_right{width: 70%;float: left;}
.inv_ul{width: 100%;overflow-y: scroll;max-height: 132px;}
.inv_li{position: relative;border:1px solid #eee;padding:5px;margin-bottom: 10px;padding:6px;cursor: pointer;}
.inv_li_curr i{font-size: 0;line-height: 0;background: url(../img/img_gd_sel.png) no-repeat 0 0;display: block; width: 11px;height: 11px;position: absolute;z-index: 1;right: -1px;bottom: -1px;}
.inv_li_curr{border: 2px solid #e4393c!important;padding:6px!important;}
.inv_li:hover .inv_opabox{display: block;}
.inv_opabox{display:none;position: absolute;right: 10%;top: 8px;}
.inv_add,.inv_opabox a{color: #00a0d5;cursor: pointer;}
.inv_add:hover,.inv_opabox a:hover{color: red}
.inv_opabox a{display: inline-block;margin-right: 15px;}
.inv_li1{position: relative;border:1px solid #eee;padding:5px;margin-bottom: 10px;padding:6px;cursor: pointer;float: left;margin-right:5px;}
.inv_codebox{display: none;}
.invoice_input{height:21px!important;padding: 1px;border:none!important;}
.inv_btn{display: inline-block;padding: 5px 10px;color: #fff;background: #e74649;margin-right: 10px;border: 1px solid #e74649;}
.inv_cancel{color: #323333;text-decoration: none;border: 1px solid #ddd;box-shadow: 0 1px 1px rgba(0,1,1,.08);background-color: #f7f7f7;}

View File

@ -0,0 +1,297 @@
@CHARSET "UTF-8";body{color:#333;font:12px/150% "Hiragino Sans GB","Microsoft Yahei",arial,,"Helvetica Neue",Helvetica,STHeiTi,sans-serif}
*{padding:0;margin:0}
ol,ul{list-style:none}
a{color:#333;text-decoration:none}
a:hover{text-decoration:none}
img{border:0}
select{background-color:#fff;border:1px solid #ccc;border-radius:2px;height:24px;margin:2px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.075);box-shadow:0 1px 1px rgba(0,0,0,0.075) inset}
input[type=text],input[type=password]{border:1px solid #ccc;height:23px;line-height:17px;padding:2px}input[type="radio"],input[type="checkbox"]{margin:2px}
input[type=button]{cursor:pointer}
.wst-relative{position: relative;}
.wst-clear{clear:both}
.wst-lfloat{float:left}
.wst-rfloat{float:right}
.wst-hide{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 5px}
.wst-redlink{width:95%;display:block;cursor:pointer}
.wst-redlink:hover{color:red}
.wst-fred{color:#df2003}
.wst-align-center{text-align:center}
.wst-align-left{text-align:left}
.wst-align-right{text-align:right}
.hide{display:none}
.layui-layer-icowst1,.layui-layer-icowst2,.layui-layer-icowst3{background-image:url(../../../../../static/images/wst_icon.png)!important;background-repeat:no-repeat!important;background-size:cover!important}
.layui-layer-icowst2{background-position:-40px 0!important}
.layui-layer-icowst3{background-position:-80px -1px!important}
.layui-layer-icowstloading{background-image:url(../../../../../static/images/loading.gif)!important;background-repeat:no-repeat!important;background-size:206% auto!important;background-position:-16px -16px!important}
.wst-header{margin:0 auto;width:100%;border-bottom:1px solid #eee;background:#fafafa}
.wst-header ul li{float:left}
.wst-w,.wst-main{margin:0 auto;width:100%;padding-bottom:5px;margin-bottom:5px}
.wst-footer{text-align:center;line-height:25px;width:1210px;margin:0 auto}
.index-top-ads{margin:0 auto;height:100px;width:100%;position:relative}
.index-top-ads img{width:100%;height:100px;overflow:hidden}
.close-ads{width:35px;height:12px;background:url(../img/close_ads.gif) no-repeat;position:absolute;top:10px;right:20px;float:right;z-index:199}
.wst-header .wst-nav,.wst-container,.wst-search-container,.wst-nav-menus .nav-w,.wst-lite-container{width:1200px;margin:0 auto}
.wst-header .wst-nav{height:30px}
.headlf{float:left;width:500px;font-family:Arial,"宋体";font-size:12px}
.headrf li{float:left;height:30px;line-height:30px}
.headrf li a{font-family:Arial,"宋体";font-size:12px;color:#777}
.headlf li{height:30px;line-height:30px;padding-left:0;padding-right:0}
.headlf li.spacer{color:#ddd;width:10px;text-align:center}
.headrf li.spacer{color:#ddd;width:10px;text-align:center}
.wst-header .wst-nav .j-dorpdown{position:relative;width:91px;border:1px solid #fafafa;border-top:0;border-bottom:0}
.wst-header .wst-nav .j-dorpdown .nowrap{white-space:nowrap}
.wst-header .wst-nav .j-dorpdown:hover{background-color:#fff;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:0;z-index:10000}
.wst-header .wst-nav .j-dorpdown-layer{position:absolute;z-index:1000;margin-top:-1px;background:#fff;cursor:pointer;left:-1px;border:1px solid #ddd;border-top:0;display:none}
.wst-header .last-menu{float:right;right:0;white-space:nowrap}
.wst-header .wst-nav .drop-info{position:relative;padding:0 8px;border:1px solid #fafafa;border-top:0;border-bottom:0}
.wst-header .wst-nav .drop-infos a{color:#fe6047}
.wst-header .wst-nav .dorpdown-user{position:absolute;z-index:1000;cursor:pointer;left:-1px;display:none}
.wst-tag{width:280px;height:180px;border-bottom:1px solid #dedbdb;border-left:1px solid #dedbdb;border-right:1px solid #dedbdb;position:relative;background-color:#fafafa;box-shadow:0 1px 1px rgba(0,0,0,0.3)}
.wst-tag:after{top:-16px;border-color:transparent transparent #f7f7f6}
.wst-tagt{padding:10px 0}
.wst-tagt .userImg{margin-left:10px;float:left;width:60px;height:60px}
.wst-tagt .userImg img{width:60px;height:60px;border-radius:1000px}
.wst-tagt-n{float:left;width:190px;margin-left:5px}
.wst-tagt-na{float:left;color:#fe6047;font-size:15px;margin-left:12px}
.wst-tagt-n img{float:left;width:18px;margin-top:5px;margin-left:6px}
.wst-tagt-ip{float:left;width:190px;line-height:18px;margin-left:12px;color:#3d3d3e}
.wst-tagb{float:left;padding:10px 0 0 30px}
.wst-tagb a{float:left;width:70px;margin-left:30px}
.wst-tagb a:hover{color:#fd5940}
.wst-tags{width:190px;padding-left:10px;clear:both}
.wst-header .wst-nav .j-dorpdown .order-list{width:86px}
.wst-header .wst-nav .j-dorpdown .product-list{width:91px}
.wst-header .wst-nav .j-dorpdown .des-list{width:91px}
.wst-header .wst-nav .j-dorpdown .foucs-list{width:91px}
.wst-header .wst-nav .j-dorpdown .sweep-list{width:215px}
.pdl5{padding-left:5px!important}
.pdr5{padding-right:5px!important}
.wst-header .wst-nav .j-dorpdown-layer div{text-align:center;line-height:24px}
.wst-header .wst-nav .j-dorpdown-layer div a:hover,.wst-header .wst-nav .drop-down a:hover{color:#df2003}
.wst-header .wst-nav .drop-down{position:relative;padding:0 18px;width:55px;margin:0 auto}
.wst-header .wst-nav .drop-down1{background:url(../img/img_icon.png) -13px -33px no-repeat}
.wst-header .wst-nav .drop-down1:hover{background:url(../img/img_icon.png) -13px -183px no-repeat}
.wst-header .wst-nav .drop-down2{background:url(../img/img_icon.png) -13px -83px no-repeat}
.wst-header .wst-nav .drop-down2:hover{background:url(../img/img_icon.png) -13px -233px no-repeat}
.wst-header .wst-nav .drop-down3{background:url(../img/img_icon.png) -12px -134px no-repeat}
.wst-header .wst-nav .drop-down3:hover{background:url(../img/img_icon.png) -12px -284px no-repeat}
.wst-header .wst-nav .drop-down4{background:url(../img/img_icon.png) -13px -108px no-repeat}
.wst-header .wst-nav .drop-down4:hover{background:url(../img/img_icon.png) -13px -258px no-repeat}
.wst-header .wst-nav .drop-down5{background:url(../img/img_icon.png) -13px -57px no-repeat}
.wst-header .wst-nav .drop-down5:hover{background:url(../img/img_icon.png) -13px -207px no-repeat}
.wst-header .wst-nav .drop-down6{background:url(../img/img_icon.png) -13px -8px no-repeat}
.wst-header .wst-nav .drop-down6:hover{background:url(../img/img_icon.png) -13px -158px no-repeat}
.j-dorpdown-layer .qrcodea .qrcodeal{float:left;margin-top:5px}
.j-dorpdown-layer .qrcodea .qrcodear{float:right;margin-right:3px}
.j-dorpdown-layer .qrcodea .qrcodear p{color:#fa8a42;font-weight:bold;text-align:center;width:88px}
.j-dorpdown-layer .qrcodea .qrcodear a{float:right;width:75px;border:1px solid #ededed;padding:0 5px;margin:0 3px 3px 0;background:#f5f5f5}
.wst-nav .headrf .drop-down .di-right{top:12px;right:0;height:7px;overflow:hidden;font-style:normal;color:#6a6a6a;display:block;position:absolute}
.wst-nav .headrf .drop-down .di-left{top:12px;left:0;height:7px;overflow:hidden;font-style:normal;display:block;position:absolute}
.wst-nav .headrf .drop-down .di-right s{position:relative;top:-14px;text-decoration:none}
.wst-nav .headrf .drop-down:hover .di-right s{top:-7}
.drop-down a{width:auto}
.wst-header .wst-nav .normal{position:relative;padding:0 8px;border:1px solid #fafafa;border-top:0;border-bottom:0}
.wst-lite-container{height:auto}
.wst-logo{margin:5px 5px 5px 0;float:left;height:auto}
.wst-search-box{float:left;position:relative;width:670px}
.wst-search{border:2px solid #e23c3d;height:36px;margin-left:20px;margin-top:50px;position:relative}
.wst-search .j-search-type{width:78px;top:0;line-height:36px;position:absolute;padding:0;border-right:2px solid #e23c3d;border-left:2px solid #e23c3d;cursor:pointer;left:-2px;text-align:center}
.wst-search .j-type-list{width:70px;top:35px;line-height:36px;position:absolute;padding:0 4px;border:2px solid #e23c3d;cursor:pointer;background-color:#fff;left:-2px;z-index:100;border-top:0;display:none;text-align:center}
.wst-search .j-search-type i{color:#6a6a6a;display:block;font-style:normal;height:7px;overflow:hidden;position:absolute;right:6px;top:16px;width:0}
.j-search-type i{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:#999 transparent transparent;border-image:none;border-style:solid dashed dashed;border-width:5px;font-size:0;line-height:0}
.arrow{transition:all .2s ease-in 0s}
.over{top:10px!important;transform:rotate(180deg);transform-origin:50% 30% 0}
.over-cat{display:none}
.wst-search .j-search-type s{position:relative;top:-17px;text-decoration:none}
.wst-search .j-type-list div:hover{color:#e23c3d}
.wst-search .search-ipt{border:0 none;color:#565656;float:left;font-family:Microsoft Yahei;font-size:14px;line-height:18px;overflow:hidden;padding:0;width:560px;height:36px;border:36px;outline:0;padding-left:84px}
.wst-search .search-btn{background-color:#df2003;color:#fff;cursor:pointer;font-size:15px;font-weight:bolder;height:38px;line-height:36px;position:absolute;right:-1px;text-align:center;top:-1px;width:80px}
.wst-search-keys{color:#6c6c6c;height:25px;line-height:28px;overflow:hidden;padding-left:20px}
.wst-search-keys a{color:#6c6c6c}
.wst-cart-box{float:right;width:163px;height:40px;margin-top:50px;background-color:#df2003;position:relative;cursor:pointer}
.wst-cart-box .word{float:left;width:112px;margin-top:10px;margin-left:20px;padding-left:28px;color:#fff;font-size:14px;font-family:"microsoft yahei";background:url(../img/icon_gouwuche.png) no-repeat left center;position:relative}
.wst-cart-box .num{font-size:14pxpx;color:#fff;line-height:24px;text-align:center;position:absolute;display:block;width:27px;height:25px;background:url(../img/icon_number.png) no-repeat;right:15px;top:-18px}
.wst-cart-boxs{width:332px;margin-top:22px;border:1px solid #dedbdb;position:absolute;z-index:1200;background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.3);left:-171px;top:18px}
.wst-cart-boxs:after{top:-16px;border-color:transparent transparent #fff}
.wst-cart-boxs .carts{background:url(../img/top_icon_cartdown.png) 28px 47px no-repeat;width:332px;height:130px;text-indent:4.5em;line-height:130px;font-size:15px;color:#b9b6b6}
.wst-cart-box .goods{float:left;width:96.666666%;border-bottom:1px dashed #bfbfbf;padding:5px}
.wst-cart-box .goods .imgs{float:left;width:72px;height:72px;text-align:center;vertical-align:middle;display:block;position:relative}
.wst-cart-box .goods .imgs a{width:72px;height:72px;display:table-cell;vertical-align:middle}
.wst-cart-box .goods .imgs img{max-width:72px;max-height:72px}
.wst-cart-box .goods .number{float:left;width:50%}
.wst-cart-box .goods .number p{float:left;width:92%;margin-top:10px;padding-left:10px}
.wst-cart-box .goods .price{float:right;text-align:right}
.wst-cart-box .goods .price p{float:right;width:100%;line-height:20px;font-weight:bold;color:#df2003}
.wst-cart-box .goods .price span{float:right;width:100%;line-height:20px}
.wst-cart-box .goods .price span a:hover,.wst-cart-box .goods .number p a:hover{color:#df2003}
.wst-cart-box .comm{float:left;width:100%;font-weight:bold;line-height:32px}
.wst-cart-box .comm span{font-size:15px;color:#df2003}
.wst-cart-box .comm .span2{float:right;margin-right:10px}
.wst-cart-box .btn{color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:400;line-height:30px;margin:10px 0 16px 72px;max-width:200px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;vertical-align:middle;width:100%;border-radius:5px}
@media(min-width:400px){.wst-cart-box .btn{display:inline-block;margin-right:2.5em}
.wst-cart-box .btn:nth-of-type(even){margin-right:0}}@media(min-width:600px){.wst-cart-box .btn:nth-of-type(even){margin-right:2.5em}
.wst-cart-box .btn:nth-of-type(5){margin-right:0}}
.wst-cart-box .btn:hover{text-decoration:none}
.wst-cart-box .btn-3{background:#e3403a;border:1px solid #da251f;box-shadow:0 1px 0 #d6251f,1px 1px 1px #e02a24;font-weight:900;letter-spacing:1px;-webkit-transition:all 150ms linear;transition:all 150ms linear}
.wst-cart-box .btn-3:hover{background:#e02c26;border:1px solid rgba(0,0,0,0.05);box-shadow:1px 1px 2px rgba(255,255,255,0.2);color:#ec817d;text-decoration:none;text-shadow:-1px -1px 0 #c2211c;-webkit-transition:all 250ms linear;transition:all 250ms linear}
.wst-lite-title{float:left;padding-top:90px;padding-left:10px}
.wst-lite-index{padding-top:90px;float:right}
.wst-table td{height:35px}
.wst-footer-frd{color:#e23e3d;font-weight:bolder;font-size:18px}
.wst-footer-pno{color:red;font-weight:bolder;font-size:18px}
.wst-footer{text-align:center;line-height:25px;width:1200px;margin:0 auto}
.wst-footer-fl-box{text-align:center;margin-top:45px}
.wst-footer-cld-box{border-bottom:1px solid #d5d5d5;height:auto;line-height:30px;text-align:left;padding-bottom:20px;margin-bottom:20px}
.wst-footer-fl{font-weight:bolder;padding-top:7px;color:#fc6047;font-size:14px}
.wst-footer-hp-box{background-color:#f7f7f7;text-align:center;margin-top:20px}
.wst-footer-hp-ck1{line-height:30px;text-align:left;border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;min-width:1200px}
.wst-footer-hp-ck3{margin-top:20px;padding-bottom:10px}
.wst-footer-hp-ck3 a{color:#666}
.wst-footer-hp-ck3 .copyright{color:#666}
.wst-footer-pno{color:red;font-weight:bolder;font-size:18px}
.wst-footer-wz-ca{padding-top:20px;float:left;width:180px;height:180px}
.wst-footer-wz-pt{padding-top:5px;line-height:25px}
.wst-footer-wz-pn{font-weight:bolder;margin-left:10px;font:600 16px/20px "microsoft yahei";color:#666}
.wst-footer-wz-clt{float:left;width:160px;height:180px;margin-left:6px}
.wst-footer-wz-kf{font-weight:bolder;margin-left:10px}
.wst-footer-wz-ent{color:green;font-size:16px}
.wst-footer-wz-ca a{color:#999}
.flink-hover{font-size:13px;color:#434343;margin-left:10px;margin-right:10px}
.flink-hover:hover{text-decoration:underline;color:#1e84da}
.wst-footer-info{margin:0 auto;width:1200px;height:100px}
.wst-footer-info>li{width:180px;height:80px;float:left;margin-right:60px}
.wst-footer-info-img{float:left; margin-top:15px; width: 70px; height: 70px; box-sizing: border-box; background-image: url(../img/footer_icon.png); background-repeat: no-repeat; }
.wst-fimg1{background-position: -1px -1px;}
.wst-fimg2{background-position: -241px -1px;}
.wst-fimg3{background-position: -481px -1px;}
.wst-fimg4{background-position: -721px -2px;}
.wst-fimg5{background-position: -961px -1px;}
.wst-footer-info-text{float:left;margin-top:25px;margin-left:10px}
.wst-footer-info-text>h1{margin-bottom:5px;font-size:16px;color:#505050}
.wst-footer-info-text>p{color:#6c6c6c;font-size:}
.wst-nav-menus{border-bottom:2px solid #df2003;height:36px;margin:0 auto;min-width:1200px}#wst-categorys{float:left;height:36px;overflow:visible;position:relative;width:210px;z-index:10;top:2px}
#wst-categorys .dt a{background:url(../img/icon_fenleitubiao.png) no-repeat 16px;background-color:#df2003;color:#fff;text-indent:30px;display:block;font:400 15px/36px "microsoft yahei";height:36px;padding:0 10px;text-decoration:none;width:190px}
#wst-categorys .dd{background:rgba(38,38,38,0.7) none repeat scroll 0 0;min-height:400px}
#wst-categorys .dd-inner .item{color:#ff2706;height:35px;position:relative;z-index:1;transition:padding 100ms ease-in;-moz-transition:padding 100ms ease-in;-webkit-transition:padding 100ms ease-in;-o-transition:padding 100ms ease-in}
#wst-categorys .dd-inner .item a{color:#fff}
#wst-categorys .dd-inner h3{font-size:13px;font-weight:400;height:31px;line-height:31px;padding:0 10px;position:absolute;z-index:2}
#wst-categorys .dd-inner i{font:400 9px/14px consolas;height:14px;position:absolute;right:14px;top:9px;width:4px;z-index:1}
#wst-categorys .dd-inner .hover{height:33px;border-left:1px solid #eee;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f7f7f7 none repeat scroll 0 0;color:#b61d1d}
#wst-categorys .dd-inner .hover a{color:#ff0c00}#wst-categorys .dd-inner .hover i{background:#f7f7f7 none repeat scroll 0 0;height:31px;left:205px;line-height:200px;overflow:hidden;top:0;width:14px}
#wst-categorys .dorpdown-layer{background:#f7f7f7 none repeat scroll 0 0;border:1px solid #eee;display:none;left:209px;overflow:hidden;position:absolute;top:36px;width:779px;min-height:600px}
#wst-categorys .dorpdown-layer .hover{display:block}
#wst-categorys .item-sub{display:block;overflow:hidden}
.cat2_tit{color:#333;font-weight:bold}
.cat2_tit i{font-style:normal;}
#wst-categorys .item-sub::after{clear:both;content:".";display:block;height:0}
#wst-categorys .subitems{background:#f7f7f7 none repeat scroll 0 0;float:left;margin-bottom:-10px;padding:6px 0 10px 20px;width:570px}#wst-categorys .subitems dl{line-height:2em;overflow:hidden;width:100%}
#wst-categorys .subitems dl.fore1 dd{border-top:medium none}#wst-categorys .subitems dt{background:#3B3B3B none repeat scroll 0 0;color:#fff;display:inline-block;line-height:24px;height:24px;margin-right:10px;padding:0 0 0 8px;white-space:nowrap}
#wst-categorys .subitems dt a{color:#fff}#wst-categorys .subitems dt i{font:400 9px/14px consolas;height:24px;margin-left:8px;width:23px;display:inline-block;color:#fff}
#wst-categorys .subitems dd{border-bottom:1px dashed #eee;padding:6px 0;width:570px}
#wst-categorys .subitems dd a{float:left;height:16px;line-height:16px;margin:4px 0;padding:0 8px;white-space:nowrap;color:#666}
#wst-categorys .subitems dd a:hover{color:#ff0c00}
#wst-categorys .item-brands{display:inline;float:right;margin:10px 10px 10px 0;overflow:hidden;width:178px}
#wst-categorys .item-brands .brands-inner{height:270px}#wst-categorys .item-brands .shops-inner{height:180px}#wst-categorys .item-brands a{display:inline;float:left;margin:7px 0 0 6px}
#wst-categorys .item-promotions{display:inline;float:right;margin-right:20px;width:168px}#wst-categorys .item-promotions a{display:block;margin-bottom:1px}
#wst-nav-items{float:left;position:relative;z-index:2}#wst-nav-items .spacer,#wst-nav-items a,#wst-nav-items li,#wst-nav-items ul{float:left}#wst-nav-items ul{width:990px;overflow:hidden;height:36px}
#wst-nav-items .spacer{display:none}
#wst-nav-items a{color:#333;font:400 16px/36px "microsoft yahei";height:36px;padding:0 20px;text-align:center;text-decoration:none}
#wst-nav-items a:hover{color:#ff2708}#wst-nav-items .spacer{background:#ddd none repeat scroll 0 0;height:24px;margin:10px 0 0;overflow:hidden;width:1px}
.wst-right-panel{height:418px;width:210px;}
.cat-icon-1,.cat-icon-2,.cat-icon-3,.cat-icon-4,.cat-icon-5,.cat-icon-6,.cat-icon-7,.cat-icon-8,.cat-icon-9,.cat-icon-10,.cat-icon-11,.cat-icon-12,.over-cat-icon{float:left;background:url(../img/icon_goodsclass_list.png) no-repeat;width:25px;height:25px;margin-top:5px;margin-right:5px; background-size: 457%; }
.cat-icon-1{background-position:-17px -19px}
.cat-icon-1-hover{background-position:-76px -19px}
.cat-icon-2{background-position:-17px -78px}
.cat-icon-2-hover{background-position:-76px -78px}
.cat-icon-3{background-position:-17px -140px}
.cat-icon-3-hover{background-position:-76px -140px}
.cat-icon-4{background-position:-17px -200px}
.cat-icon-4-hover{background-position:-76px -200px}
.cat-icon-5{background-position:-17px -259px}
.cat-icon-5-hover{background-position:-76px -259px}
.cat-icon-6{background-position:-17px -318px}
.cat-icon-6-hover{background-position:-76px -318px}
.cat-icon-7{background-position:-17px -378px}
.cat-icon-7-hover{background-position:-76px -378px}
.cat-icon-8{background-position:-17px -438px}
.cat-icon-8-hover{background-position:-76px -438px}
.cat-icon-9{background-position:-17px -500px}
.cat-icon-9-hover{background-position:-76px -500px}
.cat-icon-10{background-position:-17px -562px}
.cat-icon-10-hover{background-position:-76px -562px}
.cat-icon-11{background-position:-17px -623px}
.cat-icon-11-hover{background-position:-76px -623px}
.cat-icon-12{background-position:-17px -682px}
.cat-icon-12-hover{background-position:-76px -682px}
.over-cat-icon{background-position:-17px -682px}
.over-cat-icon-hover{background-position:-76px -682px}
.wst-route{padding:10px 0}
.wst-route,.wst-route a{color:#6c6c6c;font-size:14px;font-family:fantasy}
.wst-route a:hover{color:#eb5f43;cursor:pointer}
.wst-grey-btn{display:inline-block;border-radius:2px;background:#f7f7f7;text-align:center;text-decoration:none;cursor:pointer;border:1px solid #DDD;padding:3px 13px 3px;color:#666;background-color:#f7f7f7;background-repeat:repeat-x;background-image:-moz-linear-gradient(top,#f7f7f7,#f2f2f2);background-image:-webkit-linear-gradient(top,#f7f7f7,#f2f2f2);background-image:-o-linear-gradient(top,#f7f7f7,#f2f2f2);background-image:linear-gradient(top,#f7f7f7,#f2f2f2);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#f2f2f2',GradientType=0)}
.wst-grey-btn:hover{color:red}#wst-pager{text-align:center;margin-top:20px}
.icon-phone,.icon-email{background:url(../img/iconfont_fotter.png) no-repeat}
.icon-phone{width:40px;height:30px;background-position:2px 5px;float:left}
.icon-email{width:40px;height:30px;background-position:-34px 2px;float:left}
.qr-code{width:100%;height:85px}
.qr-code img{float:left;margin-right:5px}
.call-wst{font-size:15px;color:#080808;float:left;line-height:30px;font-weight:bold}
.email-wst{font-size:25px;color:#000;float:left;line-height:30px;text-indent:16px;font-family:"microsoft yahei"}
.mb-wst{float:left;width:110px;height:90px;margin-top:10px}
.focus-wst{float:left;height:100%;width:158px}
.focus-wst-qr{height:20px;color:#171717;margin-top:2px;font-weight:bold}
.focus-wst-qra{height:20px;margin:6px 0 6px 0}
.focus-wst-qre{height:20px;margin-top:3px;font-size:15px}
.wst-contact{float:left;width:275px;height:165px;margin-left:6px;margin-top:5px}#verifyImg,#verifyImg2,#verifyImg3{cursor:pointer}
.wst-empty{width:650px;height:510px;margin:0 auto}
.empty1{background:url(../img/bgimg_error_ymcc.png) 0 123px no-repeat}
.empty2{background:url(../img/bgimg_error_xtcc.png) 0 123px no-repeat}
.empty3{background:url(../img/bgimg_error_spcc.png) 0 123px no-repeat}
.wst-empty .prompt{padding-top:123px;width:600px;margin:0 auto;text-align:center}
.wst-empty .prompt p,.wst-empty .prompt2 p,.wst-empty .prompt3 p{color:#2fc474;font-size:18px;line-height:26px;font-family:"microsoft yahei"}
.wst-empty .button{padding-top:250px;width:320px;margin:0 auto}
.wst-empty-btn{color:#fff;cursor:pointer;float:left;font-size:16px;font-weight:400;line-height:38px;width:123px;position:relative;text-decoration:none;text-transform:uppercase;vertical-align:middle;text-align:center;font-family:"microsoft yahei";border-radius:3px;margin:0 10px}
.wst-empty-btn1{background:#f9a818;font-weight:100}
.wst-empty-btn1:hover{background:#f6bd57;font-weight:900;letter-spacing:1px}
.wst-empty .prompt2{padding-top:160px;width:475px;margin:0 auto}
.wst-empty .prompt2 span{color:#fa3e3f;font-weight:bold;font-size:20px;line-height:52px;font-family:"microsoft yahei"}
.button2{padding-top:160px;width:520px;margin:0 auto}
.wst-empty .prompt3{padding-top:355px;width:588px;margin:0 auto}
.button3{padding-top:23px;width:520px;margin:0 auto}
.wst-loading-img{vertical-align:middle}
.lbel{border-radius:.25em;color:#fff;display:inline;font-weight:700;line-height:1;padding:.2em .6em .3em;text-align:center;vertical-align:baseline;white-space:nowrap}
a.lbel:hover,a.lbel:focus{color:#fff;cursor:pointer;text-decoration:none}
.lbel:empty{display:none}
.lbel-default{background-color:#777}
.lbel-default[href]:hover,.label-default[href]:focus{background-color:#5e5e5e}
.lbel-primary{background-color:#428bca}
.lbel-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}
.lbel-success{background-color:#5cb85c}
.lbel-success[href]:hover,.label-success[href]:focus{background-color:#449d44}
.lbel-info{background-color:#5bc0de}
.lbel-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}
.lbel-warning{background-color:#f0ad4e}
.lbel-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}
.lbel-danger{background-color:#d9534f}
.lbel-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}
.lbel-gray{background-color:#e6e6e6}
.lbel-gray[href]:hover,.label-danger[href]:focus{background-color:#eee}
.wst-tips-box{height:auto;line-height:25px;-moz-border-radius:5px;-webkit-border-radius:5px;color:red;border:1px dotted #f0a869;background:#ffc;padding:5px 5px 5px 15px;margin-left:10px;margin-bottom:5px;margin-top:10px}
.wst-tips-box .icon{width:20px;height:20px;float:left;background:url('../img/icon_tstb.png') no-repeat;background-size:100%}
.wst-tips-box .tips{float:left;padding-left:5px}
.s-wst-slide-items li{overflow:hidden}
.s-wst-slide-numbox{position:absolute;bottom:10px;width:100%}
.s-wst-slide-items{max-width:100%}
.s-wst-slide-controls{width:200px;text-align:center;margin:0 auto;z-index:10}
.s-wst-slide-controls span{width:13px;height:13px;text-align:center;display:inline-block;border-radius:12px;background-color:#ccc;color:white;cursor:pointer}
.s-wst-slide-controls .curr{background-color:#eadfdf;border-radius:12px;color:white;cursor:pointer}
.s-wst-slide{position:relative}
.line-break{word-break:break-all;word-wrap:break-word}
.btn-submit{width:100px;height:32px;line-height:32px;display:inline-block;position:relative;background:#e45050;color:#fff;text-align:center;font-family:'Ubuntu',sans-serif;font-size:15px;font-weight:bold;text-decoration:none;border-radius:3px;overflow:hidden;-webkit-transition:all .15s ease-in;transition:all .15s ease-in}
.btn-submit:before{content:' ';position:absolute;background:#fff;width:25px;height:50px;top:0;left:-45px;opacity:.3;-webkit-transition:all .25s ease-out;transition:all .25s ease-out;-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}
.btn-submit:hover:before{width:45px;left:205px}
.btn-cancel{width:100px;height:32px;line-height:32px;display:inline-block;position:relative;background:#f0efef;border:solid 1px #f0f0f0;color:#555;text-align:center;font-family:'Ubuntu',sans-serif;font-size:15px;font-weight:bold;text-decoration:none;border-radius:3px;overflow:hidden;-webkit-transition:all .15s ease-in;transition:all .15s ease-in}
.wst-stript{width: 100%;height: 20px;color: #666;}
.wst-stript .stript-left{width: 36%;height: 1px;background: RGB(51,51,51);display: inline-block;margin-bottom: 5px;}
.wst-stript .stript-right{width: 36%;height: 1px;background: RGB(51,51,51);display: inline-block;margin-bottom: 5px;}

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,243 @@
@CHARSET "UTF-8";
.wst-hot-sales{background:#f1f1f1;width:1200px;margin-left: auto; margin-right: auto;margin-top:10px;padding:15px 0px;overflow:hidden;height:112px;}
.wst-hot-sales .wst-sales-logo{width:60px;float:left;text-align: center;position:relative;}
.wst-hot-sales .wst-sales-box{float:left;width:1130px;overflow:hidden;}
.wst-hot-sales .wst-sales-logo .wst-hot-icon{position: absolute;top:0;left:20px;width:19px;height: 70px;padding:2px 10px;background:url(../img/img_bg_goodslist_tjrm.png) 4px 0px no-repeat;text-align: center;writing-mode:tb-rl;}
.wst-hot-sales .wst-sales-box .item{height:120px;width:263px;background:#fff;margin-left:17px;float:left;}
.wst-hot-sales .wst-sales-box .item .img{float:left;width:120px;height: 120px;margin:0 auto;text-align:center;vertical-align:middle;display:block;position:relative;display:table-cell;}
.wst-hot-sales .wst-sales-box .item .img a{display:table-cell;vertical-align:middle;width:120px; height:120px; padding:5px;}
.wst-hot-sales .wst-sales-box .item .img a img{max-width:110px;max-height:110px; }
.wst-hot-sales .wst-sales-box .item .des{float:left;width:130px;height: 120px; padding:5px;line-height:20px;}
.wst-hot-sales .wst-sales-box .item .des .p-sale{font-weight: bold;color:#C00;}
.wst-hot-sales .wst-sales-box .item .des .p-name{height: 40px;line-height: 20px;overflow: hidden;}
.wst-hot-sales .wst-sales-box .item .des .p-price{font-weight: bold;color:#C00;}
.wst-hot-sales .wst-sales-box .item .des .p-buy a {display: inline-block;line-height: 14px;height: 14px;border-radius: 2px;background: #F7F7F7;text-align: center;text-decoration: none;cursor: pointer;border: 1px solid #DDD;padding: 4px 13px 5px;color: #666;background-color: #f7f7f7;background-repeat: repeat-x;background-image: -moz-linear-gradient(top,#f7f7f7,#f2f2f2);background-image: -webkit-linear-gradient(top,#f7f7f7,#f2f2f2);background-image: -o-linear-gradient(top,#f7f7f7,#f2f2f2);background-image: linear-gradient(top,#f7f7f7,#f2f2f2);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f2f2f2', GradientType=0);}
.wst-hot-sales .wst-sales-box .item .des .p-buy a:hover{color:#df2003;}
.wst-filters{width:1200px;margin-left: auto;margin-right: auto;margin-top:10px;color:#999;}
.wst-filters div.item,.wst-address div.item{float:left;margin-right:6px;position:relative;}
.wst-filters .arrow,.wst-address .arrow{float:left;position: relative;top:2px;padding-right:12px;font-style: normal;}
.wst-filters .item .link,.wst-address .item .link{color:#666;float:left;border:0px;margin-right:5px;height:22px;line-height: 22px;}
.wst-filters .item .drop-down,.wst-address .item .drop-down{float:left;margin-right:5px;border: 1px solid #eee;display: inline-block;height: 23px;line-height: 23px;padding: 0 4px 0 8px;vertical-align: top;position: relative;background-color: #fff; }
.wst-filters .item .drop-down .drop-down-arrow,.wst-address .item .drop-down .drop-down-arrow{display: inline-block;width: 20px;height: 20px;vertical-align: top;background: url(../img/search.png) no-repeat 4px 7px;-webkit-transition: background-position .15s ease-in-out;-moz-transition: background-position .15s ease-in-out;transition: background-position .15s ease-in-out;}
.wst-filters .item .drop-down.hover{border-color:#df2003;border-bottom:0;z-index: 100}
.wst-address .item .drop-down.hover{border-color:#ddd;border-bottom:0;z-index: 2}
.wst-filters .item .drop-down.hover .drop-down-arrow,.wst-address .item .drop-down.hover .drop-down-arrow{background-position: 4px -44px;}
.wst-filters .item .dorp-down-layer{border: 1px solid #ddd;border-top:0;display:none;left:0px;top:22px;position:absolute;z-index: 99;background:#fff;min-width: 320px;border: 1px solid #df2003;}
.wst-address .item .dorp-down-layer{padding:10px;border: 1px solid #ddd;border-top:0;display:none;left:0px;top:22px;position:absolute;z-index: 1;background:#fff;min-width: 320px;border: 1px solid #ddd;}
.wst-filters .item .dorp-down-layer div.cat1,.wst-address .item .dorp-down-layer div.cat1{float:left;width:140px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 4px 8px;}
.wst-filters .item .dorp-down-layer div.cat2,.wst-address .item .dorp-down-layer div.cat2{float:left;width:80px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 4px 8px;}
.wst-filters .item .dorp-down-layer div:hover,.wst-filters .item .dorp-down-layer a:hover{color:#df2003;cursor:pointer;}
.wst-address .item .dorp-down-layer div:hover,.wst-address .item .dorp-down-layer a:hover{color:#ff8043;;cursor:pointer;}
.wst-filters .item .v-item,.wst-address .item .v-item{float:left;color:#666;border: 1px solid #ddd;cursor: pointer;display: inline-block;font-size: 12px;height: 22px;line-height: 22px;margin: 0 5px 5px 0;padding: 0 30px 0 4px;position: relative;vertical-align: top;}
.wst-filters .item .v-item:hover,.wst-address .item .v-item:hover{border-color: #e4393c;}
.wst-filters .item .v-item i,.wst-address .item .v-item i{ display: block;position: absolute; width: 25px;height: 22px;right: 0;text-align:center;font-style: normal;top: 0;}
.wst-filters .item .v-item:hover i,.wst-address .item .v-item:hover i{background-color: #e4393c;color: #fff;}
.wst-filters .keyword,.wst-address .keyword{height:22px;line-height:22px;}
.wst-selector{width:1200px;margin-left: auto;margin-right: auto;margin-top:10px;color:#999;}
.wst-selector .head{padding-left:10px;background: #f1f1f1 none repeat scroll 0 0;border-bottom: 1px solid #ddd;height: 34px;line-height: 34px;overflow: hidden;}
.wst-selector .main{}
.wst-selector .item{border-bottom: 1px solid #ddd;line-height: 90px;width:1200px;height:auto;border-bottom: 1px solid #ddd;}
.wst-selector .label{float:left;width:90px;padding-left:10px;}
.wst-selector .content{float:left;width:990px;height: 90px;overflow: hidden;}
.wst-selector .content .s-item{float:left;margin-right:50px;color:#666;cursor:pointer}
.wst-selector .extra{float:left;width:110px;margin-top: 5px;}
.extra_more{float: left;margin-right: 10px;position: relative;width: 39px;height: 23px;line-height: 23px;padding: 0 7px 0 4px;background: #fff;visibility: hidden;color: #333;border: 1px solid #ddd;}
.extra_multi{float: left;height: 23px;line-height: 23px;border: 1px solid #DDD;padding: 0 3px 0 18px;position: relative;background: #fff;color: #333;}
.extra_multi i,.extra_more i{position: absolute;display: block;font-style: normal;width: 13px;height: 20px;background-image: url(../img/search.png);transition:all ease 0.2s;}
.extra_more i{top: 1px;right: 2px;width: 20px;background-position: 4px 7px;}
.extra_more:hover,.extra_more:hover i{color:red;background-position: 4px -10px;}
.extra_multi:hover,.extra_multi:hover i{border-color: red;color:red;background-position: 0px -84px;}
.extra_more_on i{background-position: 4px -27px!important}
.extra_more_on:hover i{background-position: 4px -44px!important}
.extra_multi i{left: 3px;top: 1px;background-position: 0 -63px;}
.multi_on{border: 2px solid #edd28b!important;background: #fffdee;height: 120px;width:1195px!important;}
.multi_btns{width: 100%;text-align: center;margin: 10px 0;}
.multi_btns a{display: inline-block;padding: 0px 7px;border: 1px solid #ddd;color: #666;background-color: #f7f7f7;border-radius: 2px;}
.multi_btns .confirm_btn{background-color: #E74649;color: #fff;margin-right: 10px;visibility:hidden;}
.multi_btns .disable_btn{background-color: #ddd;color: #fff;}
.s-item i{position: absolute;left: 0;top: 2px;background: url(../img/search.png) no-repeat 9999px 9999px;display: inline-block;height: 12px;width: 12px;background-color: #fff;border: 1px solid #ccc;font-size: 0;visibility: hidden;}
.selected i{border-color: #e4393c;background-position: -1px -107px!important;}
.multi_on .s-item i{visibility: visible;}
.s_chk{padding-left: 18px;position:relative}
.brand_itembox{padding: 1px 0!important;height: 70px;margin: 10px 0;}
.brand_item{width: 10%;border: 1px solid #DDD;margin: -1px -1px 0 0!important;height:80px;overflow:hidden;text-align: center;background-color: #fff;}
.brand_item a.s_chk{visibility: hidden!important;}
.brand_itembox .selected{position: relative;z-index: 10;border-color: #e4393c!important;}
.brand_itembox .selected .g_bd_imgbox{border-color: #e4393c;}
.brand_item:hover{position: relative;z-index: 10;border-color: #e4393c;box-shadow: 2px 2px 3px rgba(0,0,0,.12);}
.brand_item:hover .g_bd_imgbox{border-color: #e4393c;color:#e4393c}
.brand_item:hover .g_bd_img{display: none;}
.g_bd_img{width: 100%;height: 100%;}
.g_bd_imgbox{border:1px solid transparent;width:98%;height:80px;line-height: 80px;}
.wst-selector .item-more-box{border-top: 1px solid #ddd;position: relative;text-align: center;top: -1px;transition: border-color 0.15s ease-in-out 0s;}
.wst-selector .item-more-box .item-more{position: relative;top:-1px;border-top:0px;padding:0 40px 0 20px;background: #fff none repeat scroll 0 0;border-color: #fff #ddd #ddd; border-style: solid;border-width: 1px;color: #333;cursor: pointer;display: inline-block;height: 28px;line-height: 28px;position:relative;}
.wst-selector .item-more-box .item-more i{display: inline-block;width: 20px;height: 20px;vertical-align: top;background: url(../img/search.png) no-repeat;position:absolute;top:3px;}
.wst-selector .item-more-box .item-more i.drop-down{background-position: 4px 7px;}
.wst-selector .item-more-box .item-more i.down-hover{background-position: 4px -11px;}
.wst-selector .item-more-box .item-more i.drop-up{background-position: 4px -27px;}
.wst-selector .item-more-box .item-more i.up-hover{background-position: 4px -44px;}
.wst-selector .item-more-box .item-more i.drop-down-icon{background-position: 4px -9px;}
.wst-selector .item-more-box:hover {border-color: #e4393c;}
.wst-selector .item-more-box:hover .item-more {border-color: #fff #e4393c #e4393c;color: #e4393c;}
.wst-container .goods-side{float:left;width:210px;margin-top:10px;margin-right:5px;}
.wst-container .goods-side .title{line-height:35px;background-color: #f7f7f7;text-align: center;}
.wst-container .goods-side .guess-like{min-height:300px;border:1px solid #eee;padding-bottom:10px;}
.wst-container .goods-side .item{padding-top:10px;}
.wst-container .goods-side .item .img{width:200px;margin:0 auto;text-align:center;vertical-align:middle;display:block;position:relative; display:table-cell; padding:4px;}
.wst-container .goods-side .item .img a{display:table-cell;vertical-align:middle;width:200px; height:200px;}
.wst-container .goods-side .item .img a img{max-width:190px;max-height:190px;}
.wst-container .goods-side .item .p-price{padding:5px;font-weight: bold;color:#C00;font-size:14px;}
.wst-container .goods-side .item .v-price{text-decoration: line-through;color:#999;margin-left: 10px;font-weight: normal;font-size:12px}
.wst-container .goods-side .hot-goods{min-height:300px;border:1px solid #eee;margin-top: 15px;padding-bottom:10px;}
.wst-container .goods-main{float:right;width:980px;margin-top:10px;position: relative;}
.goods-main .goods-filters{border-top: 1px solid #ddd;margin-bottom: 5px;position: relative;z-index:4;}
.goods-main .goods-filters .line{padding:5px;height:25px;border-bottom: 1px solid #e5e5e5;}
.goods-main .goods-filters .line2{background:#f7f7f7;}
.goods-filters .line2 a{background: #fff none repeat scroll 0 0;border: 1px solid #e9e7e7;color: #333;float: left;height: 23px;line-height: 23px;padding: 0 20px;}
.goods-filters .line2 a:hover{border:1px solid #DF2003;}
.goods-filters .line .city{float:left;width:auto;}
.goods-filters .line .chk{float:left;height: 23px;line-height: 23px;margin-right:10px;}
.goods-filters .line a.curr {background: #DF2003 none repeat scroll 0 0;border: 1px solid #DF2003;color: #fff;}
.goods-filters .line .store,.goods-filters .line .store2,.goods-filters .line .store3{float:right;width:16px;height:13px;margin:5px 0px 0px 3px;}
.goods-filters .line .store{background:url(../img/store_icon_sx.png) 0px 0px no-repeat;}
.goods-filters .line .store2{background:url(../img/store_icon_sx_sel.png) 0px 0px no-repeat;}
.goods-filters .line .store3{background:url(../img/store_icon_sx_sel_up.png) 0px 0px no-repeat;}
.wst-price-ipts{float:left;position: relative;}
input.wst-price-ipt{width:66px;height: 19px;outline: none;padding-left:18px;border: 1px solid #e9e7e7;}
input.wst-price-ipt:focus{border: 1px solid #ff8043;}
.wst-price-ipt1{position: absolute;left: 14px;top: 4px;}
.wst-price-ipt2{position: absolute;right: 74px;top: 4px;}
.wst-price-but{outline: none;background:#f7f7f7;color: #9f9696;border: 1px solid #dad7d7;cursor:pointer;}
.wst-price-but:not(.disabled):not(:disabled):active, .wst-price-but.active{background: #f1f1f1;background-clip: padding-box;}
.goods-list{width:100%;}
.goods-list .goods{width:233px;margin:5px 4px 5px 6px;border:1px solid #eee;float:left;height:430px;}
.goods-list .goods:hover{border:1px solid #ddd;-webkit-box-shadow:0 0 10px #ddd; -moz-box-shadow:0 0 10px #ddd; box-shadow:0 0 10px #ddd;}
.goods-list .goods .img{width:233px;margin:0 auto;text-align:center;vertical-align:middle;display:block;position:relative; display:table-cell; padding:4px;}
.goods-list .goods .img a{display:table-cell;vertical-align:middle;width:233px; height:233px;}
.goods-list .goods .img a img{max-width:210px;max-height:210px;}
.goods-list .goods .p-price{height:26px;line-height:26px;padding:5px 0px 5px 12px;font-weight: bold;color:#C00;font-size:14px;width:113px;float:left;overflow: hidden;}
.goods-list .goods .p-hsale{padding:5px 12px 5px 0;width:93px;float:right;text-align: right;}
.goods-list .goods .p-hsale span{font-weight: bold;color:#df2003;}
.goods-list .goods .p-hsale .p-add-cart{line-height: 24px;display: block;border: 1px solid #DF2003;width: 75px;height: 24px;text-align: center;color: #DF2003;float: right;}
.goods-list .goods .p-hsale .p-add-cart:hover{background: #DF2003;color: white;}
.goods-list .goods .p-name{height: 40px;line-height: 20px;overflow: hidden;width:210px;margin-left:12px;}
.goods-list .goods .p-shop{padding:5px 5px 5px 12px;position: relative;}
.goods-list .goods .p-shop .contrast{position: absolute;padding-left: 17px;top:5px;right:10px;z-index: 1;}
.goods-list .goods .p-shop .contrast:hover{color:#e4393c;}
.goods-list .goods .p-shop .contrast i{position: absolute;top: 3px;left: 0;width: 14px;height: 14px;background: url(../img/contrast.png) 0 0 no-repeat;background-size: 100%;}
.goods-list .goods .p-mprice{color:#999;padding:5px 0px 5px 12px;width:113px;float:left;}
.goods-list .goods .p-mprice span{text-decoration: line-through;}
.goods-list .goods .p-appraise{padding:5px 5px 5px 0px;width:100px;float:right;text-align: right;}
.goods-list .goods .p-appraise span{font-weight: bold;color:#1499E5;}
.goods-list .goods .tags{padding-left:10px;}
.goods-list .goods .tags .tag{background:#DF2003;color:#ffffff;padding:0px 4px 1px 4px;margin-right:5px;border-radius:8%}
.img_list{padding-left: 5px;}
.img_list li{float:left;width: 25px;height: 25px;margin-right: 2px;box-sizing:border-box;}
.img_list li.curr{border: 1px solid red;}
.img_list li img{max-width: 100%;max-height: 100%;}
.wst-recommend,.wst-relook{margin-bottom: 20px;height:410px;border:1px solid #ddd;}
.wst-recommend .title,.wst-relook .title, .wst-gview .title{line-height:35px;background-color: #f7f7f7;padding:0 10px;border-top:2px solid #ddd;}
.tgoods-list{width:100%;}
.tgoods-list .goods{width:230px;margin:5px 0px 5px 6px;border:1px solid #ddd;float:left;}
.tgoods-list .goods:hover{border:1px solid #ddd;-webkit-box-shadow:0 0 10px #ddd; -moz-box-shadow:0 0 10px #ddd; box-shadow:0 0 10px #ddd; }
.tgoods-list .goods .img{width:230px;margin:0 auto;text-align:center;vertical-align:middle;display:block;position:relative; display:table-cell; padding:4px;}
.tgoods-list .goods .img a{display:table-cell;vertical-align:middle;width:230px; height:230px;}
.tgoods-list .goods .img a img{max-width:223px;max-height:223px;}
.tgoods-list .goods .p-price{padding:5px 0px 5px 5px;font-weight: bold;color:#df2003;width:120px;float:left;font-size:14px;}
.tgoods-list .goods .p-hsale{padding:5px 5px 5px 0;width:100px;float:right;text-align: right;}
.tgoods-list .goods .p-hsale span{font-weight: bold;color:#df2003;}
.tgoods-list .goods .p-hsale .p-add-cart{line-height: 15px;display: block;border: 1px solid #ff6a53;width: 75px;height: 15px;text-align: center;color: #ff6a53;float: right;}
.tgoods-list .goods .p-hsale .p-add-cart:hover{background: #ff6a53;color: white;}
.tgoods-list .goods .p-name{height: 40px;line-height: 20px;overflow: hidden;padding:0 5px;}
.tgoods-list .goods .p-shop{padding:5px;}
.tgoods-list .goods .p-mprice{color:#999;padding:5px 0px 5px 5px;width:120px;float:left;}
.tgoods-list .goods .p-mprice span{text-decoration: line-through;margin-left: 10px;font-weight: normal;}
.tgoods-list .goods .p-appraise{padding:5px 5px 5px 0;width:100px;float:right;text-align: right;}
.tgoods-list .goods .p-appraise span{font-weight: bold;color:#1499E5;}
.wst-gview{margin-top:10px;]margin-bottom: 20px;height:270px;border:1px solid #ddd;}
.wst-gview .view-goods .item{float:left;position:relative;width:162px; margin: 5px 0px 5px 6px;border:1px solid #eeeeee;float:left;}
.wst-gview .view-goods .item:hover{border:1px solid #ddd;-webkit-box-shadow:0 0 10px #ddd; -moz-box-shadow:0 0 10px #ddd; box-shadow:0 0 10px #ddd; }
.wst-gview .view-goods .item .img{width:156px;margin:0 auto;text-align:center;vertical-align:middle;display:block;position:relative; display:table-cell; padding:4px;}
.wst-gview .view-goods .item .img a{display:table-cell;vertical-align:middle;width:156px; height:156px;}
.wst-gview .view-goods .item .img a img{max-width:156px;max-height:156px;}
.wst-gview .view-goods .item .p-price{padding:5px;font-weight: bold;color:#df2003;}
.wst-gview .view-goods .item .v-price{text-decoration: line-through;color:#999;margin-left: 6px;font-weight: normal;}
/*自定义复选框-列*/
.checkbox-box-s{float:left;width:15px;height:20px;margin-top: 3px;}
.wst-checkbox-s + label {-webkit-appearance: none;background-color: #ffffff;border: 1px solid #d5d5d5;padding: 6px;display: inline-block;position: relative;}
.wst-checkbox-s + label:after {content: '\2714';color: #ccc;font-size: 13px;position: absolute;top: -5px;left: 1px;}
.wst-checkbox-s:checked + label{border: 1px solid #ff8043;/* 修改选框选中颜色*/}
.wst-checkbox-s:checked + label:after {content: '\2714';color: #ff8043;font-size: 13px;position: absolute;top: -5px;left: 1px;}
.checkbox-box-s .wst-checkbox-s{position:relative;z-index:-654;left:-6px;top:-1px;}
.checkbox-box-s label{position: relative;top:-24px;left:-4px;}
.wst-no-goods{height: 50px;line-height:50px;color:red;text-align:center;font-weight:bold;}
.wst-no-goods span{color:#999;}
/*发货地*/
.tab-header{border-bottom:2px solid #df2003;width: 100%;height:20px;background: #fff;}
.tab li{display:block;margin:0px;float:left;background-color:#fff;height:20px;}
.tab-item1 a{background: #fff;color:gray;border:1px solid #ddd;float:left;min-width:80px;width:auto;text-align: center;}
.j-tab-selected1 a{background: #fff;border:2px solid #df2003;border-bottom: #fff solid 2px;}
.area{float: left;overflow: hidden;padding: 4px 8px;text-overflow: ellipsis;white-space: nowrap;width: 80px;}
.area-box li{float:left;width:80px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 4px 8px;}
/*商品对比*/
.wst-contrast{width: 100%;padding-top: 20px;padding-bottom: 29px;}
.wst-contrast .goods{background: #fff;}
.wst-contrast .goods .table,.wst-contrast .table2{width: 100%;border-collapse: collapse;table-layout: fixed;border-top: 1px solid #e4e4e4;border-left: 1px solid #e4e4e4;margin-top: -1px;}
.wst-contrast .goods .table td,.wst-contrast .goods .table th{padding: 20px 0 16px;border-right: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;line-height: 24px;font-family: SimSun;background: #fff;}
.wst-contrast .goods .table th{width: 125px;text-align: right;font-weight: 400;background: #f7f7f7;color: #999;}
.wst-contrast .choice{margin-left: 10px;margin-bottom: 10px;text-align: left;}
.wst-contrast .choice input{margin-right: 5px;vertical-align: middle;}
.wst-contrast .choice label {display: inline-block;height: 16px;line-height: 16px;vertical-align: middle;color: #666;}
.wst-contrast .goods-item{width: 200px;margin: 0 auto;}
.wst-contrast .goods-item:hover .operation .del{opacity: 1;}
.wst-contrast .goods-item .img{width: 100%;height: 160px;text-align: center;}
.wst-contrast .goods-item .img img{width: 160px;border: 0;vertical-align: middle;}
.wst-contrast .goods-item .name{height: 32px;overflow: hidden;margin-top: 10px;line-height: 16px;color: #333;}
.wst-contrast .goods-item .price{height: 28px;line-height: 28px;margin-top: 10px;font-family: "Microsoft YaHei";font-size: 14px;color: #e4393c;}
.wst-contrast .goods-item .price span{font-size: 20px;font-weight: 400;}
.wst-contrast .goods-item .operation{position: relative;width: 100%;height: 30px;margin-top: 13px;}
.wst-contrast .goods-item .operation .see{display: block;margin-bottom: 10px;width: 80px;height: 30px;line-height: 30px;text-align: center;background: #e4393c;color: #fff;}
.wst-contrast .goods-item .operation .see:hover{background: #e75153;}
.wst-contrast .goods-item .operation .del{position: absolute;right: 0;top: 5px;font: 12px/20px SimSun;opacity: 0;}
.wst-contrast .goods-item .operation .del:hover{color: #e4393c;}
.wst-contrast .goods-fixed{position: fixed;top: 0;z-index: 100;left: 50%;width: 1200px;margin-left: -600px;}
.wst-contrast .goods-fixed .img{float:left;width: 100px;height: 100px;}
.wst-contrast .goods-fixed .img img{width: 90px;margin-top: 5px;}
.wst-contrast .goods-fixed .name{display: none;}
.wst-contrast .goods-fixed .price,.wst-contrast .goods-fixed .operation{float:left;width: 100px;}
.wst-contrast .goods-fixed .operation .del{right:-16px;}
.wst-contrast .goods-fixed2{display: none;}
.wst-contrast .goods-fixed2 th{height: 126px;}
.wst-contrast .table2 td,.wst-contrast .table2 th{padding: 20px 0 16px;border-right: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;line-height: 24px;font-family: SimSun;background: #fff;}
.wst-contrast .table2 th {width: 125px;text-align: right;font-weight: 400;background: #f7f7f7;color: #999;}
.wst-contrast .table2 .left-title{margin-right: 36px;}
.wst-contrast .table2 .right-title{padding-left: 35px;width: 200px;overflow: hidden;word-wrap: break-word;}
.wst-contrast .table2 .list-box{width: 200px;padding-left: 35px;}
.wst-contrast .table2 .list-box li{float: left;height: 29px;line-height: 29px;padding: 0 13px;border: 1px solid #d7d7d7;margin-right: 6px;margin-bottom: 6px;cursor: pointer;}
.wst-contrast .table2 .list-box li.img{padding:0;height: 40px;}
.wst-contrast .table2 .list-box li img{width: 40px;height: 40px;}
.wst-contrast .table2 .list-box li:hover{color: #e4393c;}
.wst-contrast .table2 .list-box li.active{color: #e4393c;border-color: #e4393c;}
.wst-contrast .table2 .identical_0.active td{background: #f4f9fd;}
.wst-contrast .table2 .identical_1.active{display: none;}
/*商品对比*/
.wst-cont-frame{position: fixed;bottom: -200px;right: 50%;margin-right: -602px;z-index: 100;width: 986px;height: 139px;background: #fff;-moz-box-shadow: 0 0 15px rgba(221,221,221,0.8);-webkit-box-shadow: 0 0 15px rgba(221,221,221,0.8);box-shadow: 0 0 15px rgba(221,221,221,0.8);-webkit-transition: all .2s linear;transition: all .2s linear;}
.wst-cont-frame.show{bottom: 0;}
.wst-cont-frame .head{height: 32px;border: 1px solid #ddd;border-bottom: 2px solid #e23c3d;position: relative;}
.wst-cont-frame .head span{float: left;width: 80px;height: 36px;line-height: 30px;text-align: center;font: 14px/30px 'microsoft yahei';position: relative;left: -1px;margin-top: -4px;background: #fff;border: 2px solid #e23c3d;border-bottom: 0;color: #e23c3d}
.wst-cont-frame .head .close{text-align: right;position: absolute;right: 0;top: 0;padding-right: 22px;height: 30px;line-height: 30px;color: #005aa0;}
.wst-cont-frame .list{border: 2px solid #e23c3d;border-top: none;position: relative;}
.wst-cont-frame .goods{padding: 6px;color: #ccc;height: 90px;overflow: hidden;}
.wst-cont-frame .term{float: left;overflow: hidden;margin-right: 10px;padding: 17px 10px 12px 0;border-right: 1px dotted #e23c3d;}
.wst-cont-frame .term:hover .info .price a{opacity: 1;}
.wst-cont-frame .term .img{float: left;margin-right: 5px;width: 48px;height: 48px;text-align: center;border: 1px solid #fff;overflow: hidden;}
.wst-cont-frame .term .info,.wst-cont-frame .list .term-empty .info{float: left;width: 140px;}
.wst-cont-frame .term .info .name{height:36px;line-height: 18px;overflow: hidden;display: block;color: #333;}
.wst-cont-frame .term .info .price span{color: #e4393c;font-size: 14px;font-family: Verdana;font-weight: bold;}
.wst-cont-frame .term .info .price a{padding-left: 10px;color: #005aa0;opacity: 0;}
.wst-cont-frame .term-empty{float: left;overflow: hidden;margin-right: 10px;padding: 17px 10px 12px 0;border-right: 1px dotted #e23c3d;}
.wst-cont-frame .term-empty .img{float: left;margin-right: 5px;width: 48px;height: 48px;text-align: center;color: #ccc;border: 1px solid #fff;font: 36px/48px arial;overflow: hidden;background: #f6f6f6;}
.wst-cont-frame .term-contrast{position: absolute;right: 22px;top: 22px;width: 85px;text-align: center;}
.wst-cont-frame .term-contrast .contrast{display: block;margin: 0 auto;margin-bottom: 10px;font: bold 14px/30px verdana;width: 60px;height: 30px;line-height: 30px;text-align: center;background: #e4393c;color: #fff;}
.wst-cont-frame .term-contrast .contrast:hover{background: #e75153;}
.wst-cont-frame .term-contrast .empty{color: #005aa0;}

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,84 @@
@CHARSET "UTF-8";
/*登录*/
body{margin: 0;
padding: 0;}
.wst-login_l{width: 99.9%; height:525px; background: url(../img/img_user.png) no-repeat top center;}
.wst-login_l_shop{width: 99.9%; height:475px; background: url(../img/img_shop.png) no-repeat top center;}
.wst-login_r{margin-top:3%; margin-right: 4%; padding:30px 100px 20px 46px; float:right; border:1px solid #dad7d7; background: white;box-shadow: 0 0 30px 5px rgba(0,0,0,.4);}
.wst-login-u{margin: 0 auto; width:120px; height:36px; display: block; font-size: 25px; }
input.wst-login-input-1{margin: 1px;float: left; padding:2px; padding-left:5px; font-size: 15px; outline: none; width:269px; height:36px;border:0;}
input.wst-login-input{padding:0px; padding-left:5px; font-size: 15px; outline: none; width:300px; height:36px; border:1px solid #eee;}
input.wst-regist-input{margin: 1px;float: left; padding:2px; padding-left:5px; font-size: 15px; outline: none; width:269px; height:36px;border:1px solid #eee;}
.wst-login-input:focus,.wst-login-input-1:focus,.wst-regist-input:focus,.wst-login-codein-1:focus,.wst-login-codein:focus,.wst-regist-codein:focus,.wst-regist-codemo:focus{ border:1px solid #eb654a; }
.wst-table{margin-top:20px; color: #333;font: 12px/150% "Hiragino Sans GB","Microsoft Yahei",arial,,"Helvetica Neue",Helvetica,STHeiTi,sans-serif;}
.wst-login-tr{height:30px;}
.wst-login-code-1,.wst-regist-code{height:36px; } input.wst-login-codein-1,input.wst-regist-codein{padding:0px; padding-left:5px; width:150px; height:36px; position:absolute;left: 38px; font-size: 15px; outline: none; border:0; }
.wst-login-codeim-1{margin-left:148px; }
.wst-login-ch{border:1px solid #eb654a; }
.wst-login-but{display: block; position: relative; background:#E45050; color: #ffffff; text-align: center; font-family: 'Ubuntu', sans-serif; font-size: 15px; font-weight: bold; text-decoration: none; border-radius: 3px; overflow: hidden; -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in; }
.wst-login-but:hover {background: #ea3232; }
.wst-login-but:before {content: ' '; position: absolute; background: #ffffff; width: 25px; height: 50px; top: 0; left: -45px; opacity: 0.3; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
.wst-login-but:hover:before {width: 45px; left: 205px; }
.wst-login-three{height: 30px; display: block; margin-top: 15px; } /*注册*/ .wst-regist{padding:100px 20px 60px 20px; }
.wst-regist-b{background:url(../img/img_regist.png) no-repeat; background-size: cover; margin-top:3px; border-top: 2px solid #eee;border-bottom: 2px solid #eee;}
.wst-regist-c{width: 760px; margin: 0 auto; padding:20px; border-radius:5px; }
.wst-regist-head{font-size:28px; font-family:"楷体"; color:#E45050; text-align:center; } input.wst-regist-input{width:400px; margin-left:20px; }
.wst-regist-td{text-align:right; width: 150px; font-size: 15px; color:#626262; }
.wst-regist-code-1{margin-left:20px; } input.wst-regist-codein{width:150px;}
.wst-regist-codeim{margin-left:288px; } input.wst-regist-codemo{padding:0px; margin-left: 20px; padding-left:5px; font-size: 15px; outline: none; width:260px; height:36px; border:1px solid #eee; }
.wst-regist-obtain{width:134px; background:#f0efef; border-radius: 3px; border: 1px solid #eee; padding:10px 0px; cursor:pointer; color: #110f0f; border:1px solid #eee;}
.wst-regist-but{outline: none; background:#e45050; color: #ffffff; border: 1px solid #ea3232; border-radius:3px; cursor:pointer; }
.wst-regist-but:hover{background: #ea3232; }
.wst-regist-but:not(.disabled):not(:disabled):active, .wst-regist-but.active{background: #ea3232; background-clip: padding-box; } /*找回密码*/ .stepflex{float:right; border-top: 5px solid #ccc; text-align: center; width: 640px; margin: 60px 0px 0px 50px; }
.stepflex dl{border-top: 5px solid #ccc; float: left; position: relative; top: -5px; width: 160px; } dl.doing{border-top-color: #04bd3d; }
.doing .s-num{background-position: -23px 0; }
.s-num,.s-num1{color: #fff; font-weight: 700; height: 23px; line-height: 23px; margin: -15px auto 0; position: relative; width: 23px; border-radius:25px; }
.s-num{background: #04bd3d; }
.s-num1{background: #ccc; }
.s-text{line-height:30px; }
.forget-pwd{width: 750px; margin:50px auto 50px; padding:25px 0px 48px 0px; border:1px solid #bac4c3; border-radius:6px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } input.wst-forget-input{padding: 0px; margin-left:20px; padding-left:5px; font-size: 15px; outline: none; width:300px; height:36px; border-radius:3px; border:1px solid #bac4c3; }
.wst-forget-code,.wst-forget-code2{float:left; width:300px; height:36px; border-radius:3px; margin-left:20px; border:1px solid #bac4c3; } input.wst-forget-codein,input.wst-forget-codein2{padding: 0px; padding-left:5px; width:180px; height:36px; position:absolute; font-size: 15px; outline: none; border:0; border-radius:6px; }
.wst-forget-input:focus,.wst-forget-codein:focus,.wst-forget-codein2:focus{border-radius:3px; border:1px solid #eb654a; }
.wst-forget-codeim,.wst-forget-codeim2{width:116px; border-top-right-radius:6px; border-bottom-right-radius:6px; margin-left:183px; }
.wst-forget-code2{width:230px; } input.wst-forget-codein2{width:120px; }
.wst-forget-codeim2{width:112px; margin-left:118px; }
.email-verify{display:none; }
.wst-forget-td{text-align:right; width: 260px; font-size: 15px; color:#626262; }
.wst-forget-te{margin-left:20px; font-size: 15px; }
.wst-forget-select{margin-left:20px; font-size: 15px; outline: none; width:230px; height:36px; border-radius:3px; border:1px solid #bac4c3; }
.wst-forget-obtain{width:134px; height: 36px; background:#f0efef; border-radius: 3px; border: 1px solid #d3c8c7; padding:10px 0px; cursor:pointer; color: #110f0f; }
.wst-forget-c{text-align:center; }
.wst-forget-ct{font-size: 16px; color:#2d2727; }
.wst-icon-banner{width: 1200px;margin:0 auto;}
.wst-icon{width: 120px;height: 30px; display: inline-block;float: right;}
.wst-icon li{float:left;}
.wst-icon .wst-remind{color:red;font-size: 12px;padding-left: 10px;height: 30px;line-height: 30px;}
.wst-img-icon{width: 23px;height: 23px; background: url(../img/icon_login02.png) no-repeat;background-size: contain;margin-top: 3px;}
.wst-login-banner{width: 99.9%;height: 160px; }
.wst-login-banner .img-banner{height:130px; margin: 10px 10px 10px 120px; float: left;}
.wst-login-banner .img-banner img{height: 100%;}
.wst-login-banner .wst-stript{width: 2px;height: 110px;margin-top: 25px;margin-left: 20px; background: #eee;float: left;}
.wst-login-banner .wst-login-action{width:630px;height: 130px; float: right; margin: 10px 10px 10px 10px;}
.wst-login-action .wst-left{width: 200px;height: 130px; float: left;text-align: center;line-height: 130px;font-family:;font-weight: bold;font-size: 25px;}
.wst-login-action .wst-right-action{width: 200px;height: 130px;float: right;}
.wst-login-action .action-box{padding-top: 50px; line-height: 27px;}
.action-box .wst-location{width: 100px;height: 25px;float: right;line-height: 25px;font-size: 12px;margin-right: 40px;}
.wst-login-middle{height: 527px; background: rgba(255,76,76,0.78);}
.wst-login-middle-shop{height: 477px; background: rgb(86,169,253);}
.wst-color{background: white;}
.wst-login-banner-regist{width: 99.9%;height: 100px; }
.wst-login-banner-regist .img-banner{height:90px; margin: 10px 10px 10px 100px; float: left;}
.wst-login-banner-regist .img-banner img{height: 100%;}
.wst-login-banner-regist .wst-login-action{width:400px;height: 80px; float: right; margin: 10px 10px 10px 10px;}
.wst-item{position: relative;margin-bottom: 20px;}
.wst-item-box{border: 1px solid #eee;height: 38px;width: 310px;}
.wst-item-box .login-img{ position: relative;z-index: 3;top: 0;left: 0; width: 28px;height: 28px;margin-top: 5px; margin-left: 4px;margin-right: 2px; border-right: 1px solid #eee;background: url(../img/icon_name.png) 1px no-repeat;background-size: 85%;float: left;}
.password-img{position: relative;z-index: 3;top: 0;left: 0; width: 28px;height: 28px;margin-top: 5px;margin-left: 4px; margin-right: 2px; border-right: 1px solid #eee;float: left;background: url(../img/icon_passard.png) 1px no-repeat;background-size: 85%;}
.yanzheng-img{position: relative;z-index: 3;top: 0;left: 0; width: 28px;height: 28px;margin-top: 5px; margin-left: 4px;margin-right: 2px; border-right: 1px solid #eee;float: left;background: url(../img/icon_yanzhengma.png) 1px no-repeat;background-size: 85%;}
.bottom-stript{width: 100%;height: 20px;border:1px solid red;}
.regist-border{border:1px solid #eee;}
.wst-login-code,.wst-regist-code{height:36px; border:1px solid #eee; }
.wst-login-codeim{margin-left:188px; }
input.wst-login-codein{padding:0px; padding-left:5px; width:180px; height:36px; position:absolute; font-size: 15px; outline: none;border:0; }

View File

@ -0,0 +1,49 @@
/**支付方式**/
.pay-box{border-left:1px solid #eeeeee;border-right:1px solid #eeeeee;border-top:1px solid #eeeeee;padding:5px 0px 10px 5px;}
.pay-boxs{padding:10px 0px 5px 5px;}
.pay-box ul{padding-left:15px;}
.pay-box ul li{width:1185px;}
.pay-box .label{width:200px;float:left;height:30px;line-height:30px;}
.pay-box .txt{height:auto;line-height:30px;width:985px;float:left;color:#999999;}
.pay-sbox{padding:5px 0px;}
.pay-sbox-head{border-bottom: 2px solid #ddd;line-height:35px;}
.pay-tip1{height:37px;width:760px;text-align: center;margin:10px auto;background: url(../img/pay_liucheng.png) no-repeat 0px -10px;background-size: cover; }
.pay-tip2{height:37px;width:760px;text-align: center;margin:10px auto;background: url(../img/pay_liucheng.png) no-repeat 0px -71px;background-size: cover; }
.pay-tip3{height:37px;width:760px;text-align: center;margin:10px auto;background: url(../img/pay_liucheng.png) no-repeat 0px -132px;background-size: cover; }
.pay-sbox .qrcode-box{min-height: 300px;height: auto;}
.pay-sbox .tips-box{line-height:35px;text-align: left;font-weight: bold;padding:5px 10px;}
.pay-sbox .qrcode-box .pbox{text-align: center;margin-top: 10px;font-weight: bold;}
.pay-sbox .wst-qrcode{width:260px;height:260px;text-align:center;margin:0 auto;}
.pay-sbox .wst-qrcode img{width:260px;height:260px;}
.pay-sbox .bnt-box{line-height:35px;text-align:center;font-weight: bold;padding:5px 10px;line-height:50px;}
.pay-sbox .pay-type{text-align: left;font-weight: bold;padding:5px 10px;}
.pay-sbox .pay-list{text-align: left;font-weight: bold;padding:5px 20px;}
.pay-sbox .succ-box{text-align: center;padding: 50px;}
.wst-payCode-weixinpays {height:69px;width:167px;text-align: center;margin:10px auto;background: url(../img/weixinpays.png) no-repeat 0px 0px;background-size: cover;float: left;margin-right:10px;cursor:pointer;}
.wst-payCode-weixinpays-curr {height:69px;width:167px;text-align: center;margin:10px auto;background: url(../img/weixinpays.png) no-repeat 0px -75px;background-size: cover;float: left;margin-right:10px;cursor:pointer;}
.wst-payCode-alipays {height:69px;width:167px;text-align: center;margin:10px auto;background: url(../img/alipays.png) no-repeat 0px 0px;background-size: cover;float: left;margin-right:10px;cursor:pointer;}
.wst-payCode-alipays-curr {height:69px;width:167px;text-align: center;margin:10px auto;background: url(../img/alipays.png) no-repeat 0px -75px;background-size: cover;float: left;margin-right:10px;cursor:pointer;}
.pay-sbox .wst-pay-bnt {height:40px;width:132px;text-align: center;margin:10px auto;background: url(../img/btn_pay.png) no-repeat 0px 0px;cursor:pointer;}
.pay-sbox .wst-pay-bnt:hover {height:40px;width:132px;text-align: center;margin:10px auto;background: url(../img/btn_pay.png) no-repeat 0px -57px;cursor:pointer;}
.charge-money{font-size:18px;}
.charge-alone{line-height:50px; }
.charge-doub{padding-top: 8px;}
.charge-othermoney{width:80px;}
.j-charge-money{display: none;}
.j-show-box,.j-edit-box,.j-list-box,.wst-list-box{padding:5px 0px 20px 15px;}
.j-list-box li{height:40px;line-height:40px;}
.j-edit-box .rows{width:auto;height:auto;}
.j-edit-box .label{float:left;width:120px;text-align:right;padding:2px 0px 2px 0px;}
.j-edit-box .field{float:left;padding:2px 0px 2px 0px;}
.field label{margin-right:20px;}
#saveAddressBtn{margin-left:120px;}
.j-show-box .address{line-height:36px;}
.j-show-box .address a{color: #1c9eff;}
.j-show-box .address a:hover{text-decoration:underline;}
.j-default{padding:5px;background:#ccc;}
.wst-frame1{float: left;width:180px;margin: 2px 8px 2px 0px;background: #fff;border: 1px solid #ccc;padding:7px;cursor: pointer;text-align:center;overflow: hidden;position: relative;}
.wst-frame2{min-height:50px;float: left;min-width:120px;margin: 2px 20px 2px 0px;background: #fff;border: 1px solid #ccc;padding:7px;cursor: pointer;text-align:center;overflow: hidden;position: relative;}
.wst-frame1.j-selected i,.wst-frame2.j-selected i{font-size: 0;line-height: 0;background: url(../img/img_gd_sel.png) no-repeat 0 0;display: block; width: 11px;height: 11px;position: absolute;z-index: 1;right: -1px;bottom: -1px;}
.wst-frame1.j-selected,.wst-frame2.j-selected{border: 2px solid #e4393c;padding:6px;}
.wst-form input.charge-othermoney{padding: 8px;}

View File

@ -0,0 +1,78 @@
@CHARSET "UTF-8";.j-global-toolbar div a{margin:0;padding:0;font:12px/150% Arial,Verdana,"宋体";color:#666}
.toolbar-wrap{position:fixed;top:0;right:0;z-index:9990;width:35px;height:100%}
.toolbar-wrap a{text-decoration:none}
.toolbar{position:absolute;right:0;top:0;width:29px;height:100%;border-right:6px solid #333}
.toolbar-panels{position:absolute;left:35px;top:0;width:270px;height:100%;z-index:2;background:#eceaea none repeat scroll 0 0}
.toolbar-panel{width:270px;height:100%;position:absolute;background:#eceaea none repeat scroll 0 0}
.tbar-panel-header{position:relative;width:270px;height:40px;line-height:40px;background:#eceaea none repeat scroll 0 0;font-family:"microsoft yahei";font-weight:normal;margin:0;padding:0}
.tbar-panel-header .title{display:inline-block;height:40px;color:#5e5050;font:16px/40px "微软雅黑"}
.tbar-panel-cart .tbar-panel-header i{width:20px;height:18px;background-position:0 0;margin-top:11px}
.tbar-panel-header i{margin-right:4px;margin-left:10px;vertical-align:top}
.tbar-panel-header i,.tbar-panel-header .close-panel{display:inline-block;font-style:normal;background-image:url("../img/right_cart.png");background-repeat:no-repeat}
.tbar-panel-header .title em{display:inline-block;vertical-align:top}
.tbar-panel-header .close-panel{width:12px;height:12px;background-position:0 -250px;position:absolute;right:8px;top:16px;cursor:pointer;transition:transform .2s ease-out 0s}
.tbar-panel-main{position:relative;margin:0;padding:0;font:12px/150% Arial,Verdana,"宋体";color:#666}
.tbar-tipbox{display:block}
.tbar-panel-content{width:270px;overflow-y:auto;overflow-x:hidden;position:relative}
.tbar-tipbox .tip-inner{padding:6px 5px;border:1px solid #edd28b;background:#fffdee none repeat scroll 0 0;text-align:center}
.tbar-tipbox .tip-text{display:inline-block;line-height:20px;vertical-align:middle;color:#333}
.tbar-tipbox .tip-btn{display:inline-block;height:20px;line-height:20px;padding:0 5px;margin-left:5px;color:#FFF;vertical-align:middle;background:#c81623 none repeat scroll 0 0}
.tbar-panel-cart .tbar-panel-footer{height:50px;background-color:#eceaea;margin:0;padding:0}
.tbar-checkout{height:40px;padding:5px 110px 5px 5px;position:relative}
.tbar-checkout .jtc-number strong{font-family:verdana;color:#c81623}
.tbar-checkout .jtc-number{line-height:20px;font:12px/150% Arial,Verdana,"宋体";color:#666}
.tbar-checkout .jtc-sum{line-height:20px;font:12px/150% Arial,Verdana,"宋体";color:#666}
.tbar-checkout .jtc-sum strong{font-family:verdana;color:#c81623}
.tbar-checkout .jtc-btn{position:absolute;right:5px;top:7px;width:110px;height:35px;font:16px/35px "微软雅黑";text-align:center;background:#c81623 none repeat scroll 0 0;color:#FFF}
.tbar-cart-list{width:100%;margin:0;padding:0;font:12px/150% Arial,Verdana,"宋体";color:#666}
.tbar-cart-item{padding:0 5px;margin-bottom:10px;background:#FFF none repeat scroll 0 0}
.jtc-item-promo{padding:12px 0 12px 0;border-bottom:1px dashed #e1e1e1}
.jtc-item-promo .promo-tag{position:relative;float:left;width:40px;height:20px;margin-top:-1px;margin-left:-57px;margin-right:17px;text-align:center;font:12px/20px "宋体";color:#FFF;background-color:#f58813}
.jtc-item-promo .promo-text{height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:12px/18px verdana}
.jtc-item-goods{padding:10px 0;position:relative;overflow:hidden}
.jtc-item-goods .p-img{float:left;width:60px;height:60px;border:1px solid #DDD;padding:0;margin-right:5px}
.jtc-item-goods .p-img img{width:60px;height:60px}
.jtc-item-goods .p-name{height:32px;line-height:16px;margin-bottom:4px;overflow:hidden}
.jtc-item-goods .p-name a{color:#333}
.jtc-item-goods .p-price{height:25px;overflow:hidden;font:12px/16px verdana;color:#666;width:170px}
.jtc-item-goods .p-price strong{color:#c81623;font-weight:normal;float:left}
.jtc-item-goods .p-del{position:absolute;right:10px;top:46px;width:35px;height:16px;line-height:16px;color:#005aa0;text-align:right;display:none}
.tbar-panel-history div{padding:0}
.jt-history-wrap{width:235px;margin:0 auto}
.tbar-panel-history ul{overflow:hidden;margin-right:-15px;margin-top:0;list-style:outside none none;padding:0}
.tbar-panel-history .tbar-panel-header i{width:20px;height:17px;margin-top:11px;background-position:0 -100px}
.tbar-panel-follow .tbar-panel-header i{width:20px;height:17px;margin-top:11px;background-position:0 -50px}
.tbar-panel-history .jth-item{float:left;position:relative;width:100px;height:120px;margin-right:15px;background:#FFF none repeat scroll 0 0;margin-bottom:15px;padding:5px}
.tbar-panel-history .jth-item .img-wrap{display:block;width:100px;height:100px;text-align:center;margin-bottom:5px}
.tbar-panel-history .jth-item .add-cart-button{height:20px;line-height:20px;overflow:hidden;text-align:center;text-decoration:none;display:none;position:absolute;width:100px;bottom:25px;left:5px;z-index:3;color:#FFF;background:rgba(28,25,28,0.8) none repeat scroll 0 0}
.tbar-panel-history .jth-item .price{color:#c81623}
.tbar-panel-history .history-bottom-more{display:block;text-align:center;height:40px;line-height:40px;font-family:"宋体";color:#666}
.toolbar-header{position:absolute;top:0;right:-6px}
.toolbar-tabs{position:absolute;top:50%;left:0;width:35px;margin-top:-61px}
.toolbar-tab{position:relative;width:35px;height:35px;margin-bottom:1px;cursor:pointer;background-color:#333;border-radius:3px 0 0 3px;font:12px/150% Arial,Verdana,"宋体";color:#666;display:inline-block;background-image:url("../img/right_cart.png");background-repeat:no-repeat}
.tbar-tab-cart{background-position:-50px 0}
.tbar-tab-follow{background-position:-50px -50px}
.tbar-tab-history{background-position:-50px -100px}
.tbar-tab-message{background-position:-50px -144px}
.tab-ico{width:34px;height:35px;margin-left:1px;position:relative;z-index:2;background-color:#7a6e6e}
.tab-text{width:62px;height:35px;line-height:35px;color:#FFF;text-align:center;font-family:"微软雅黑";position:absolute;z-index:1;left:35px;top:0;background-color:#333;border-radius:3px 0 0 3px;transition:left .3s ease-in-out .1s;font-style:normal;margin:0;padding:0;cursor:pointer}
.tab-sub{position:absolute;z-index:3;right:2px;top:-5px;height:11px;padding:1px 2px;border:1px solid #b61d1d;overflow:hidden;color:#FFF;font:11px/11px verdana;text-align:center;min-width:11px;border-radius:10px;background-color:#cc6060;background-image:linear-gradient(to bottom,#cc6060 0,#b61d1d 100%)}
.toolbar-footer{position:absolute;bottom:-1px;width:100%;margin:0;padding:0;font:12px/150% Arial,Verdana,"宋体";color:#666}
.tbar-tab-top{background-position:-50px -250px}
.tbar-tab-feedback{background-position:-50px -300px}
.footer-tab-text{width:50px;height:35px;line-height:35px;color:#FFF;text-align:center;font-family:"微软雅黑";position:absolute;z-index:1;left:35px;top:0;background-color:#7a6e6e;border-radius:3px 0 0 3px;transition:left .3s ease-in-out .1s;font-style:normal;margin:0;padding:0;cursor:pointer}
.tbar-tab-hover{left:-60px;background-color:#c81623}
.tbar-tab-footer-hover{left:-48px;background-color:#c81623}
.tbar-tab-selected{background-color:#c81623}
.tbar-tab-selected .tab-sub{color:#c81623;background-color:#FFF;background-image:linear-gradient(to bottom,#FFF 0,#FFF 100%);box-shadow:1px 1px 3px rgba(0,0,0,0.3);text-shadow:1px 0 1px rgba(0,0,0,0.3)}
.tbar-tab-click-selected{background-color:#c81623}
.tbar-tab-click-selected .tab-sub{color:#c81623;background-color:#FFF;background-image:linear-gradient(to bottom,#FFF 0,#FFF 100%);box-shadow:1px 1px 3px rgba(0,0,0,0.3);text-shadow:1px 0 1px rgba(0,0,0,0.3)}
.survey-tab-ico{display:none}
.survey-tab-text{left:0;width:35px;height:30px;padding:2px 0 3px;line-height:15px;background:#c81623 none repeat scroll 0 0;color:#FFF;text-align:center;font-family:"微软雅黑";position:absolute;z-index:1;top:0;border-radius:3px 0 0 3px;transition:left .3s ease-in-out .1s;font-style:normal;margin:0;cursor:pointer}
.toolbar-open{right:270px}
.j-close:hover{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg)}
.tbar-panel-history .jth-item .add-cart-button:hover{background:#c81623 none repeat scroll 0 0}
.tbar-cart-item .buy-btn{background:#eee none repeat scroll 0 0;border:1px solid #ddd;color:#666;cursor:pointer;display:block;float:left;height:20px;line-height:20px;padding:0 5px}
input.right-cart-buy-num[type="text"]{border-color:#ddd -moz-use-text-color;border-style:solid none;border-width:1px 0;float:left;height:16px;text-align:center;width:40px}
.goods-remove{background:rgba(0,0,0,0) url("../img/right_cart.png") no-repeat 0 -290px;cursor:pointer;height:20px;overflow:hidden;padding:5px;position:absolute;right:-8px;top:4px;width:20px}
.right-carts-empty{margin-left:40px;margin-top:20px}

View File

@ -0,0 +1,32 @@
@CHARSET "UTF-8"; a{cursor:pointer; }
.wst-sec-info{padding:20px 0px 20px 30px; background: #fed1b0; }
.wst-sec-infor{float: left; margin-left:20px; }
.wst-sec-na{font-size:20px; color:#f06f69; line-height:20px; }
.wst-sec-grade img{width: 20px; margin-top:1px; margin-left:20px; }
.wst-sec-grade span{margin-left:8px; line-height:20px; font-family:"microsoft yahei"; }
.wst-sec-infoi{float: left; width: 100%; color:#3c3228; font-family:"microsoft yahei"; }
.wst-sec-infoin{color:#0cd8d5; }
.wst-sec-s{padding:30px 20px; font-family:"microsoft yahei"; }
.wst-sec-lists{float: left; width: 100%; min-height: 60px; line-height:60px; }
.wst-sec-green{color:#11cc71; }
.wst-sec-ash{color:#f1730f; }
.wst-sec-green img,.wst-sec-ash img{float: left; margin-top:24px; margin-right:3px; }
.wst-sec-w{color:#363636; font-size:17px; }
.wst-sec-strip{width: 300px; height: 20px; background: #d7cece; }
.wst-sec-strip2{width: 100px; height: 20px; background: #53e053; } /**/ .wst-sec-head2{margin-top:20px; padding: 28px; height: 30px; }
.wst-sec-min{width: 30%; text-align: center; height:26px; line-height:26px; background: #e0e0e0; color:#282828; font-size:15px; font-family:"microsoft yahei"; }
.wst-sec-mi{width: 13px; }
.wst-sec-min1{width: 0; height: 0; border-top: 13px solid transparent; border-left: 13px solid #e0e0e0; border-bottom: 13px solid transparent; }
.wst-sec-min2{width: 0; height: 0; border-top: 13px solid #e0e0e0; border-left: 13px solid transparent; }
.wst-sec-min3{width: 0; height: 0; border-bottom: 13px solid #e0e0e0; border-left: 13px solid transparent; }
.wst-sec-gr{color:#ffffff; background: #45d862; }
.wst-sec-gr1{border-left: 13px solid #45d862; }
.wst-sec-gr2{border-top: 13px solid #45d862; }
.wst-sec-gr3{border-bottom: 13px solid #45d862; } /*密码*/ .wst-form{float: left; margin-top:20px; margin-left:20px; } /*邮箱*/ .wst-sec-img{float: left; margin-top:3px; }
.wst-sec-prompt{margin-top:36px; margin-left:30px; }
.wst-sec-p1{margin-top:20px; font-size:15px; }
.wst-sec-p2{margin-top:20px; }
.wst-sec-su{margin: 0 auto; width: 260px; height: 120px; }
.wst-sec-sut,.wst-sec-sub{float: left; width: 100%; text-align:center; }
.wst-sec-sut{margin-top:60px; }
.wst-sec-sub{color: #11cd6e; font-size:18px; font-family:"microsoft yahei"; margin-top:6px; } /*手机*/ .wst-sec-obtain{width:130px; background:#f0efef; border-radius: 3px; border: 1px solid #d3c8c7; padding:8px 0px; cursor:pointer; color: #110f0f; }

View File

@ -0,0 +1,184 @@
.wst-shop-h{padding:10px 0}
.wst-shop-img{float:left;margin-top:3px;width:90px;height:90px;text-align:center;vertical-align:middle;display:block;position:relative}
.wst-shop-img img{max-width:90px;max-height:90px;border-radius:5px}
.wst-shop-info{float:left;width:45%;margin-left:10px}
.wst-shop-info p{float:left;line-height:50px;width:100%;color:#222;font-size:17px;font-family:"microsoft yahei"}
.wst-shop-info2,.wst-shop-info3{float:left;width:100%}
.wst-shop-info2 img{float:left;width:16px;margin-right:3px}
.wst-shop-info2 span{float:left;color:#dda315;margin-right:10px}
.wst-shop-info3{margin-top:7px}
.wst-shop-code{float:left;margin-top:-3px;width:24px;height:24px;cursor:pointer;background:url(../img/img_sjck.png) no-repeat;background-size:100%}
.wst-shop-codes{width:131px;height:131px;margin-top:24px;border:1px solid #dedbdb;position:absolute;z-index:1000;background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.3);border-radius:5px}
.wst-shop-codes:after{top:-16px;border-color:transparent transparent #fff}
.wst-shop-eva,.wst-shop-evaa{float:left;margin-right:16px}
.wst-shop-evaa{padding-left:20px}
.wst-shop-info3 .j-fav,.wst-shop-info3 .j-fav:hover{background:url(../img/iconfont_guanzhu_sel.png) 1px 2px no-repeat}
.wst-shop-info3 .j-fav2{background:url(../img/iconfont_guanzhu_nor.png) 0 -23px no-repeat;transition:background-position .15s ease-in-out 0s}
.wst-shop-info3 .j-fav2:hover{background:url(../img/iconfont_guanzhu_nor.png) 0 1px no-repeat;text-decoration:none}
.wst-shop-red{color:#e25041}
.wst-shop-tu{text-align:center;width:100%;height:110px}
@media screen and (max-width:1200px){.wst-shop-tu{min-width:1200px}
.s-wst-nav-menus{min-width:1200px}}
.homepage{margin-top:6px;padding:0 8px;height:22px;line-height:22px;color:#fff;border:1px solid #fff;font-size:13px!important}
.homepage:hover{color:#fc6047;background:#fff;border:1px solid #fc6047}
.s-wst-nav-menus{background:#ff6a53;width:100%;margin:0 auto;height:38px}#s-wst-nav-items ul{width:1200px;margin:0 auto}
.s-nav-li a{color:#fff;font:400 15px/36px "microsoft yahei";height:36px;padding:0 15px;text-align:center;text-decoration:none}
.s-nav-li{float:left;padding:0 16px;height:38;line-height:36px}
.s-cat-head>a{color:#fff;font:400 15px/36px "microsoft yahei"}
.s-cat-head-hover{background:#df2003}
.s-cat-head{display:block;height:38px;padding:0 10px;text-decoration:none;width:190px}
.wst-shop-sea{float:right;width:42.999999%;margin-top:20px}
.wst-shop-sea input{float:left;outline:0;font-size:15px;height:28px;width:360px;margin-right:3px;padding-left:8px;border:1px solid #fc6047}
.wst-shop-sea .search{float:left;width:60px;height:34px;line-height:32px;text-align:center;color:#fff;margin-left:6px;background:url(../img/img_bg_search.png) no-repeat}
.wst-shop-word{float:left;margin-top:8px;width:100%;height:18px;overflow:hidden}
.s-cat-head em{margin-top:10px;margin-right:-10px;display:block;width:16px;height:16px;float:left;background:url(../img/icon_class_zydp.png) no-repeat}
.shop-ct1-ct2{width:200px;height:15px;overflow:hidden;padding:5px 0;border-bottom:1px solid #e7e7e7}
.ct1-hover{background:#ff6a53;color:#fff}
.ct1-hover h3 a{color:white}
.ct1-hover .shop-ct1-ct2{border-bottom:0}
.ct1-hover .shop-ct1-ct2 a{color:white}
.shop-cat2{display:none}
.shop-cat1 h3{float:left;margin-left:3px;margin-top:2px}
.shop-cat1-title{width:220px;height:26px;margin-top:15px}
.shop-cat1{position:relative}
.shop-cat1{width:190px;height:66.3px;float:left;padding:0 10px}
.em1,.em2,.em3,.em4,.em5,.em6{float:left;display:block;width:18px;height:18px;background:url(../img/sprite@1x.png) no-repeat}
.em1{background-position:-38px -106px}
.em2{background-position:0 -105px}
.em3{background-position:0 -144px}
.em4{background-position:-75px -106px}
.em5{background-position:-106px -38px}
.em6{background-position:-143px -38px}
.shop-cat2{width:500px;max-height:400px;float:right;overflow:hidden;position:absolute;left:210px;top:0;z-index:998;background:#f0f0f0;border:2px solid #ff6a53}
.shop-cat2 li{float:left;padding:5px 16px;width:84px}
.shop-cat2 li a:hover{color:#df2003}
.s-cat{z-index:998;display:none;position:absolute;width:210px;height:400px;background:#fff}
.history-box{width:1200px;height:360px;margin:0 auto;margin-top:20px}
.history-title{width:100%;background:#ddd;height:30px;margin-bottom:10px}
.history-title p{float:left;line-height:30px;text-indent:10px}
.history-goods-list{width:1200px;height:320px}
.history-goods-list .s-goods{width:233px;margin:0 -1px 5px 5px;border:1px solid #e5e5e5;float:left}
.history-goods-list .s-goods-h:hover{border:1px solid #df2003;-webkit-box-shadow:0 0 10px #df2003;-moz-box-shadow:0 0 10px #df2003;box-shadow:0 0 10px #df2003}
.history-goods-list .s-goods .img{width:233px;margin:0 auto;text-align:center;vertical-align:middle;display:block;position:relative;display:table-cell;padding:4px}
.history-goods-list .s-goods .img a{display:table-cell;vertical-align:middle;width:233px;height:233px}
.history-goods-list .s-goods .img a img{max-width:210px;max-height:210px}
.history-goods-list .s-goods .p-price{padding:5px 0 5px 10px;font-weight:bold;color:#df2003;width:115px;float:left}
.history-goods-list .s-goods .p-hsale{padding:5px 10px 5px 0;width:95px;float:right;text-align:right}
.history-goods-list .s-goods .p-market{padding:5px 0 5px 10px;font-weight:bold;color:gray;width:95px;float:left}
.history-goods-list .s-goods .p-appraise{padding:5px 10px 5px 0;width:95px;float:right;text-align:right}
.history-goods-list .s-goods .p-hsale span{font-weight:bold;color:#df2003}
.history-goods-list .s-goods .p-market span{font-weight:bold;color:gray}
.shop_rec_out{width: 100%; margin: 0 auto; }
.s-buy-new-best-hot{width:100%;height:335px;margin-top:30px}
.s-rec{width: 1200px; margin: 0 auto; overflow: hidden; background-image: url(../img/self_shop_rec_bg.png); background-repeat: no-repeat; padding-left: 45px; background-position: 0 13px; }
.s-rec li{height: 35px; line-height: 35px; float: left; border-bottom: 1px solid #ff6a53; }
.s-rec li a{display: block; font-size:21px; font-weight: bold; color: #333; float:left; text-align:center }
.j-s-rec-selected a{color:#df2003!important;}
.s-rec-glistbox{width: 100%; background:-webkit-linear-gradient(right,#ffe9dc, #ffb3ab 40%, #ffe9dc); background:-o-linear-gradient(right,#ffe9dc, #ffb3ab 40%, #ffe9dc); background:linear-gradient(to left,#ffe9dc, #ffb3ab 40%, #ffe9dc); }
.s-rec-goods-list{width: 1200px; overflow: hidden; margin: 0 auto; height: 250px; padding: 10px 0; box-sizing: border-box; }
.s-rec-goods-list li{background-color: #fff; float: left; margin-left: 10px; width: 290px; height: 100%; box-sizing: border-box; position: relative; }
.s-rec-goods-list li:hover .rec_ginfo{opacity: 1; visibility: visible; }
.rec_ginfo{transition:all ease .4s; visibility: hidden; opacity: 0; width: 100%; height: 100%; box-sizing: border-box; position: absolute; z-index: 55; top: 0; background-color: rgba(0,0,0,0.5); }
.s-rec-goods-list li a{display:block; width:100%; height:100%; box-sizing: border-box; position: relative; }
.s1-rec-goods-list li:hover{border:1px solid #ff6a53;-webkit-box-shadow:0 0 10px #ff6a53;-moz-box-shadow:0 0 10px #ff6a53;box-shadow:0 0 10px #ff6a53}
.s-rec-goods-list img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; }
.s-rec-goods-price{margin-top:5px;text-align: center;}
.s-rec-goods-price>span{font-weight:bold;font-size:21px;color:#df2003}
.s-rec-goods-bottom{width:100%;overflow:hidden;box-sizing: border-box;padding: 0 60px;}
.s-rec-goods-bottom>a{line-height:20px; display:block; border:1px solid #fff; margin-top: 20px; width:80px; height:20px; text-align:center; color:#fff; border-radius:2px; }
.s-rec-goods-bottom>a:hover{background:#ff6a53;color:white;border:1px solid #ff6a53}
.s-rec-goods-desc{width: 100%; height: 41px; line-height: 38px; overflow: hidden; text-align: center; margin-top: 60px; }
.s-rec-goods-desc a{color:#fff;font-size: 20px;}
.s-floor-box{height:685px;width:100%;margin-top:15px}
.s-floor-header{width:1195px;height:36px;background:white}
.c1{border-bottom:1px solid #dc4bd1;border-left:5px solid #dc4bd1}
.c2{border-bottom:1px solid #8a5063;border-left:5px solid #8a5063}
.c3{border-bottom:1px solid #df2003;border-left:5px solid #df2003}
.c4{border-bottom:1px solid lightblue;border-left:5px solid lightblue}
.c5{border-bottom:1px solid #ff8043;border-left:5px solid #ff8043}
.c6{border-bottom:1px solid #24b0ed;border-left:5px solid #24b0ed}
.s-floor-header-f1,.s-floor-header-f2,.s-floor-header-f3,.s-floor-header-f4,.s-floor-header-f5,.s-floor-header-f6{float:left;height:100%;width:20%;margin-top:1px}
.s-floor-header .tab{float:right}
.s-floor-header .tab li{display:block;margin:0;float:left}
.s-floor-header .tab a{font-size:15px;display:block;height:15px;letter-spacing:1px}
.s-floor-header .tab-item1 a{color:gray;border:1px solid #e6e6e6;border-bottom:#dc4bd1;padding:10px}
.s-floor-header .j-tab-selected1 a{background:white;border-left:1px solid #dc4bd1;border-right:1px solid #dc4bd1;border-top:1px solid #dc4bd1;color:#dc4bd1;border-bottom:1px solid white}
.s-floor-header .tab-item2 a{color:gray;border:1px solid #e6e6e6;border-bottom:#8a5063;padding:10px}
.s-floor-header .j-tab-selected2 a{background:white;border-left:1px solid #8a5063;border-right:1px solid #8a5063;border-top:1px solid #8a5063;color:#8a5063;border-bottom:1px solid white}
.s-floor-header .tab-item3 a{color:gray;border:1px solid #e6e6e6;border-bottom:#df2003;padding:10px}
.s-floor-header .j-tab-selected3 a{background:white;border-left:1px solid #df2003;border-right:1px solid #df2003;border-top:1px solid #df2003;color:#df2003;border-bottom:1px solid white}
.s-floor-header .tab-item4 a{color:gray;border:1px solid #e6e6e6;border-bottom:#df2003;padding:10px}
.s-floor-header .j-tab-selected4 a{background:white;border-left:1px solid lightblue;border-right:1px solid lightblue;border-top:1px solid lightblue;color:lightblue;border-bottom:1px solid white}
.s-floor-header .tab-item5 a{color:gray;border:1px solid #e6e6e6;border-bottom:#df2003;padding:10px}
.s-floor-header .j-tab-selected5 a{background:white;border-left:1px solid #df2003;border-right:1px solid #df2003;border-top:1px solid #df2003;color:#df2003;border-bottom:1px solid white}
.s-floor-header .tab-item6 a{color:gray;border:1px solid #e6e6e6;border-bottom:#24b0ed;padding:10px}
.s-floor-header .j-tab-selected6 a{background:white;border-left:1px solid #24b0ed;border-right:1px solid #24b0ed;border-top:1px solid #24b0ed;color:#24b0ed;border-bottom:1px solid white}
.s-floor-right-title a{line-height:36px;font-size:16px;font-weight:bold;letter-spacing:2px}
.s-floor-right-title{height:36px;margin-right:70px;margin-left:5px}
.more{font-weight:bold}
.s-goods-list{width:1200px;border-left:1px solid #e5e5e5;height:634px}
.s-goods-list .s-goods{width:237px;height:316px;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;float:left}
.s-goods-list .s-goods-f1:hover{width:236px;height:316px;border-bottom:1px solid #dc4bd1;border-right:1px solid #dc4bd1;border-left:1px solid #dc4bd1;-webkit-box-shadow:0 0 10px #dc4bd1;-moz-box-shadow:0 0 10px #dc4bd1;box-shadow:0 0 10px #dc4bd1}
.s-goods-list .s-goods-f2:hover{width:236px;height:315px;border-bottom:1px solid #8a5063;border-right:1px solid #8a5063;border-left:1px solid #8a5063;-webkit-box-shadow:0 0 10px #8a5063;-moz-box-shadow:0 0 10px #8a5063;box-shadow:0 0 10px #8a5063}
.s-goods-list .s-goods-f3:hover{width:236px;height:315px;border-bottom:1px solid #df2003;border-right:1px solid #df2003;border-left:1px solid #df2003;-webkit-box-shadow:0 0 10px #df2003;-moz-box-shadow:0 0 10px #df2003;box-shadow:0 0 10px #df2003}
.s-goods-list .s-goods-f4:hover{width:236px;height:315px;border-bottom:1px solid lightblue;border-right:1px solid lightblue;border-left:1px solid lightblue;-webkit-box-shadow:0 0 10px lightblue;-moz-box-shadow:0 0 10px lightblue;box-shadow:0 0 10px lightblue}
.s-goods-list .s-goods-f5:hover{width:236px;height:315px;border-bottom:1px solid #ff8043;border-right:1px solid #ff8043;border-left:1px solid #ff8043;-webkit-box-shadow:0 0 10px #ff8043;-moz-box-shadow:0 0 10px #ff8043;box-shadow:0 0 10px #ff8043}
.s-goods-list .s-goods .img{width:232px;margin:0 auto;text-align:center;vertical-align:middle;display:block;position:relative;display:table-cell;padding:4px}
.s-goods-list .s-goods .img a{display:table-cell;vertical-align:middle;width:232px;height:232px}
.s-goods-list .s-goods .img a img{max-width:210px;max-height:210px}
.img{position:relative}
.img span{width:236px;height:30px;line-height:30px;color:#fff;opacity:.6;background:#d0260c;display:block;position:absolute;left:0;bottom:0;display:none}
.img span:hover{cursor:pointer;background:#e5280b}
.s-goods-list .s-goods .p-price{padding:5px 0 5px 10px;font-weight:bold;color:#df2003;width:115px;float:left}
.s-goods-list .s-goods .p-hsale{padding:5px 10px 5px 0;width:90px;float:right;text-align:right}
.s-goods-list .s-goods .p-market{padding:5px 0 5px 10px;font-weight:bold;color:gray;width:95px;float:left}
.s-goods-list .s-goods .p-appraise{padding:5px 10px 5px 0;width:95px;float:right;text-align:right}
.s-goods-list .s-goods .p-hsale span{font-weight:bold;color:#df2003}
.s-goods-list .s-goods .p-market span{font-weight:bold;color:gray}
.p-name{margin-left:10px;width:210px}
.more{height:35px}
.more a{line-height:35px;text-align:center;background:#fff;margin-left:10px}
.s-banner{width:100%;height:500px;margin:0 auto}
#s-wst-slide .s-wst-slide-items li{height:500px;overflow:hidden}
.wst-shop-info2 img.wangwang{padding-top:1px;width:65px;height:22px}
.wst-shop-share{float:right;position:relative;top:-6px}
.notice{display:flex;align-items:center}
.notice_img{vertical-align:text-top;width:15px;height:15px}
.f15{font-size:15px}
.pdl10{padding-left:10px}
.self_container_out{width: 100%; box-sizing:border-box;padding-top: 10px; }
.sf_headerbox{width: 1200px; margin-bottom: 10px; margin: 0 auto; }
.sfhl{float: left; height: 100%; background-image: url(./../img/self_shop_f1_bg.png); padding-left: 31px; background-repeat: no-repeat; padding-top: 18px; background-size: contain; background-position: 0px 4px; position: relative; }
/* 楼层标题背景图 */
.f1_tit_bg{background-image: url(./../img/self_shop_f1_bg.png)}
.f2_tit_bg{background-image: url(./../img/self_shop_f2_bg.png)}
.f3_tit_bg{background-image: url(./../img/self_shop_f3_bg.png)}
.f4_tit_bg{background-image: url(./../img/self_shop_f4_bg.png)}
.f5_tit_bg{background-image: url(./../img/self_shop_f5_bg.png)}
.f6_tit_bg{background-image: url(./../img/self_shop_f6_bg.png)}
.sfh_tit{font-size: 18px; color: #df2003; text-align: left; position: relative; top: -6px; left: 1px; }
.sfhr{float: right; height: 100%; line-height: 1.5; margin-top: 22px; }
.c18_333{font-size: 14px; color: #333; }
.separatory{padding: 0 10px; }
.sf_adsbox{width: 1200px; height: 320px; box-sizing:border-box; margin: 0 auto; margin-top: 10px; }
.sf_adsbox img{width: 100%;height: 100%;}
.sf_glistbox{width: 100%;}
/* 楼层商品背景色 */
.f1_g_bg{background-color: #fff;}
.f2_g_bg{background:-webkit-linear-gradient(right, rgba(222,243,213,0.3) 8%, #def3d5 40%, rgba(222,243,213,0.3) 87%); background:-o-linear-gradient(right, rgba(222,243,213,0.3) 8%, #def3d5 40%, rgba(222,243,213,0.3) 87%); background:linear-gradient(right, rgba(222,243,213,0.3) 8%, #def3d5 40%, rgba(222,243,213,0.3) 87%); }
.f3_g_bg{background-color: #fff;}
.f4_g_bg{background:-webkit-linear-gradient(right, #f8feff 8%, #eefdff 40%, #f8feff 87%); background:-o-linear-gradient(right, #f8feff 8%, #eefdff 40%, #f8feff 87%); background:linear-gradient(right, #f8feff 8%, #eefdff 40%, #f8feff 87%); }
.f5_g_bg{background-color: #fff;}
.f6_g_bg{background:-webkit-linear-gradient(right, #f0f4ff 8%, #dae3ff 40%, #f8feff 87%); background:-o-linear-gradient(right, #f0f4ff 8%, #dae3ff 40%, #f8feff 87%); background:linear-gradient(to left, #f0f4ff 8%, #dae3ff 40%, #f8feff 87%); }
.sf_glist{width: 1200px;box-sizing:border-box; margin: 0 auto; padding: 0 19px; }
.sf_glist li:nth-child(n+6){margin-top:0; }
.sf_glist li:nth-child(5n){background-color: #fff; margin-right:0; }
.sf_glist li:hover a{background-color: #eee;}
.sf_glist li:hover{background-color: #eee;}
.sf_glist li{margin-top: 15px; margin-bottom: 15px; background-color: #fff; float: left; width: 200px; height: 300px; margin-right: 15px; padding: 0 10px; border-radius: 8px; transition:all ease .4s; }
.sf_glist li a{transition:all ease .4s; display: block; width: 100%; height: 100%; background-color: #fff; box-sizing: border-box; padding-top: 20px; }
.sf_img img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; }
.sf_img{position: relative; width: 100%; height: 200px; }
.sf_gname{margin: 10px auto; font-size: 14px; color: #333; width: 100%; overflow: hidden; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; min-height: 35px; }
.sf_price{font-size: 14px; color: #df2003; }

View File

@ -0,0 +1,454 @@
@CHARSET "UTF-8";
body {margin: 0px auto;background: #F5F5F5}
select{box-shadow: 2px 2px 2px #f0f0f0 inset;font-family: inherit;font-size: 100%;padding: 2px;vertical-align: middle;}
.wst-wrap {margin: 0px auto}
.wst-header {}
.wst-main {margin: auto;width: 1200px;min-height: 600px;height: auto;padding-top: 15px;}
.wst-menu {background: #FFFFFF;width: 198px;float: left;margin-right: 15px;filter: progid : DXImageTransform.Microsoft.Shadow ( color = #909090,direction = 120, strength = 4 );-moz-box-shadow: 2px 2px 10px #909090;-webkit-box-shadow: 2px 2px 10px #909090;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}
.wst-content {background: #FFFFFF;min-height: 948px;height: auto;width: 990px;float: right;filter: progid : DXImageTransform.Microsoft.Shadow ( color = #909090,direction = 120, strength = 4 );-moz-box-shadow: 2px 2px 10px #909090;-webkit-box-shadow: 2px 2px 10px #909090;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}
.wst-footer {border-top: 1px solid #ddd;margin-top: 5px;}
.wst-menu-title {position: relative;width: 143px;display: block;padding: 10px 5px 10px 50px;font-weight: bolder;border-top: 1px solid #ccc;color: #000000;font-size: 16px;font-family:"microsoft yahei";background:#e9e9e9;cursor:pointer;}
.wst-menu-title img{padding: 0px 0px 3px 6px;}
.wst-menu {width: 198px;margin: 0px;padding: 0px;min-height: 948px;}
.wst-menu li {list-style-type: none;padding: 0px 0px 0px 50px;height: 35px;line-height: 35px;color: #6a6868;cursor: pointer}
.wst-menu li:hover,li.wst-menua{font-weight: bolder;color: #e23e3d;border-left: 2px solid #e23e3d;}
.wst-menu .selected {background-color: #e23e3d;font-weight: bolder;color: #ffffff;}
.wst-menu .liselect {background-color: #e23e3d;font-weight: bolder;color: #ffffff;}
.wst-list {width: 100%;border-collapse: collapse;}
.wst-list thead tr{line-height: 2;}
.wst-list thead tr th {height: 35px;border-bottom: 1px solid #ccc;text-align: left;padding-left:5px;background: #eeeeee;}
.wst-list tbody tr td {line-height: 35px;text-align: left;padding-left:5px;word-wrap: break-word;word-break:break-all;}
.wst-colour{background: #e6e6e6;}
.wst-form {border-collapse: collapse;width:99%;}
.wst-form tr {height: 30px;line-height: 30px;}
.wst-form tr th {color: #707070;text-align: right}
.wst-form tr td {text-align: left}
.wst-form input,textarea {background-color: white;border: 1px solid #ccc;border-radius: 3px;box-shadow: 2px 2px 2px #f0f0f0 inset;font-family: inherit;font-size: 100%;margin: 3px;padding: 2px;vertical-align: middle;outline: none;border:1px solid #bac4c3;}
.wst-form input:focus{border-radius:3px;border:1px solid #eb654a;}
.wst-form select{box-shadow: 2px 2px 2px #f0f0f0 inset;font-family: inherit;font-size: 100%;padding: 2px;vertical-align: middle;}
.wst-tab-box {width: 100%;height: auto;margin: 0px auto;}
.wst-tab-nav {margin: 0;padding: 0;height: 31px;border-bottom:1px solid #f7375c;}
.wst-tab-nav li {cursor: pointer;float: left;margin: 0 0px;list-style: none;border: 1px solid #ddd;border-bottom: none;border-left: none;line-height: 30px;text-align: center;background: #eeeeee;color: #000000;padding-left: 10px;padding-right: 10px;}
.wst-tab-nav .on {background: none repeat scroll 0 0 #e45050;border-bottom: 0 none;color: #ffffff;font-weight:bold;}
.wst-tab-content {padding: 5px;width: 99%;height: auto;border: 1px solid #ddd;background: #FFF;}
.wst-gallery-imgs {height: auto}
.wst-gallery-img {width: 140px;height: 100px;float: left;overflow: hidden;position:relative;margin: 10px 5px 5px 0px;cursor: pointer;}
.wst-gallery-del {background: url('../../../View/default/images/close_botton.png') no-repeat;display: block;height: 20px;position: absolute;width:20px;right: 0px;cursor: pointer;}
.wst-gallery-goods-del {background: url('../../../View/default/images/close_botton.png') no-repeat;display: block;height: 20px;position: absolute;width:20px;right: 0px;display:none;cursor: pointer;}
.wst-shop-nav {border-bottom:6px solid #e45050;text-align: center;}
.wst-nav-box {width: 1200px;margin: 0 auto;line-height: 33px;color: #ffffff;}
.wst-nav-box li{width: 156px;text-align: center;color: #e45050;font-size: 18px;font-family:"microsoft yahei";margin-bottom:-1px;}
.wst-nav-box li:hover,.wst-nav-box .wst-nav-boxa{color: #ffffff;background:url(../img/seller_img_bgnav.png) 0px 0px no-repeat;}
.wst-nav-box .liselect {list-style-type:none;}
.wst-appsaler {margin-top: 30px;text-align: center;margin-bottom: 30px;line-height: 30px;}
.wst-menu-title span {position: absolute;left: 20px;top: 8px;display: inline-block;width: 20px;height: 20px;background-image: url(../../../View/default/images/icon_leftmenu.png);background-repeat: no-repeat;}
.wst-tree-open{background-repeat: no-repeat;display: inline-block;width: 20px;vertical-align:middle;cursor:pointer}
.wst-tree-close{display: inline-block;width: 20px;vertical-align:middle;cursor:pointer}
.wst-tree-second{display: inline-block;width: 20px;margin-left:10px;vertical-align:middle;cursor:pointer}
.wst-fre-hov:hover{background: #fae9ec;}
.wst-state_yes{display:block;width:13px;}
.wst-state_no{display:block;width:13px;}
.wst-page-items{text-align: left;color: #ccc;}
.wst-page-items a{display: inline-block;color: #000000;display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;border: 1px solid #D5D5D5;margin: 0 2px;border-radius: 4px;vertical-align: middle;}
.wst-page-items a:hover{text-decoration: none;color: #e23e3d;font-weight:bolder;border: 1px solid #D5D5D5;}
.wst-page-items span.current{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;color: #e23e3d;font-weight:bolder;border: 1px solid #D5D5D5;border-radius: 4px;vertical-align: middle;}
.wst-page-items span.disabled{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;color: #bfbfbf;background: #f2f2f2;border: 1px solid #bfbfbf;border-radius: 4px;vertical-align: middle;}
.wst-shophome-img{height:120px;height:120px;text-align:center;}
.wst-shophome-area{min-height:400px;border-top:1px solid #cccccc;}
.wst-shophome-nav{width:780px;float:left;min-height:400px;}
.wst-shophome-nav .header{height:36px;background-color:#f5f5f5;line-height:36px;padding-left:10px;font-weight:bolder;}
.wst-shophome-nav .main{height:66px;background-color:#feffd4;line-height:30px;padding-left:10px;margin:10px;}
.wst-shophome-nav .current{padding-left:20px;padding-bottom:10px;color:#000000;}
.wst-goods-price-table{width:100%;border:0px;border-collapse: collapse;}
.wst-goods-price-table tr th{border:0px;text-align:left;background:#eee;padding-left:5px}
.wst-goods-fieldset{border:2px double #ddd;padding:5px;display:none;}
.wst-goods-fieldset legend{margin-left:10px;}
.wst-complain-detail{width:100%;border-collapse: collapse;}
.wst-complain-detail tr{height: 25px;line-height: 25px;}
.wst-complain-detail tr th{color: #707070;text-align: right;font-size:12px;}
.wst-complain-detail tr td {text-align: left;color: #707070;}
.wst-complain-detail .head{font-weight:bold;border-bottom:1px dotted #ddd;}
.wst-complain-left{width:250px;height:100%;border:1px solid #ddd;text-align:left;background:#ffffff;float:left;}
.wst-complain-order-head{width:240px;height:25px;line-height:25px;border-bottom:1px solid #ddd;font-weight:bold;padding:5px;background:#f5f5f5;}
.wst-complain-order-goods{width:240px;height:180px;line-height:30px;padding:5px;border-bottom:1px solid #ddd;overflow-y:auto}
.wst-complain-main{float:right;width:718px;overflow:hidden;border:1px solid #ddd;margin-right:16px;}
.wst-complain-order-info{padding:5px;display: block;height:100%;}
.wst-complain-order-info dt {float: left;width: 70px;color: #999;padding: 1px 0;display: block;height:20px;}
.wst-complain-order-info dd{overflow: hidden;color: #666;padding: 1px 0;width:170px;display: block;height:20px;}
.wst-complain-box{border-bottom:1px solid #ddd;width:718px;padding:5px;}
.wst-complain-footer{clear:both;width:100%;text-align:center;padding:5px 0;}
/*头部*/
.wst-lite-bac{background:#ffffff;}
.wst-lite-tit{float:left;width: 100px;margin:16px 0px 0px 10px;}
.wst-lite-tit span{float:left;color: #e45050;font-size: 19px;margin-left:10px;font-family:"microsoft yahei";}
a.wst-lite-in{float:left;margin-top:6px;padding:3px 8px;color: #e45050;border:1px solid #e45050;}
a.wst-lite-in:hover{color: #ffffff;border:1px solid #ffffff;background:#e45050;}
.wst-lite-sea{float:right;background:#ffffff;margin-top:20px;}
.wst-lite-sea .search{border:2px solid #e23c3d;height: 35px;position: relative;}
.wst-lite-sea .search .j-search-type{width:78px;top:0;line-height:36px;position: absolute;padding:0;border-right:2px solid #e23c3d;border-left:2px solid #e23c3d;cursor: pointer;left:-2px;text-align:center;}
.wst-lite-sea .search .j-type-list{width:70px;top:35px;line-height:36px;position: absolute;padding:0 4px;border:2px solid #e23c3d;cursor: pointer;background-color: #fff;left:-2px;z-index: 100;border-top:0;display: none;text-align: center;}
.wst-lite-sea .search .j-search-type i {top: 15px;right: 6px;height: 7px;width: 0px;overflow: hidden;font-style: normal;color: #6A6A6A;display: block;position: absolute;}
.wst-lite-sea .search .j-search-type s{ position: relative;top: -17px;text-decoration: none;}.wst-lite-sea .search .j-type-list div:hover{color: #e23c3d}
.wst-lite-sea .search .search-ipt{border: 2px solid #e23c3d;color: #565656;float: left;font-family: Microsoft Yahei;font-size: 14px;line-height: 30px;overflow: hidden;padding: 0;width: 330px;height:30px;border:36px;outline:none;padding-left: 84px;box-shadow: none;}
.wst-lite-sea .search .search-btn{cursor: pointer;font-size: 15px;font-weight: bolder;height: 35px;line-height: 36px;position: absolute;right: 0;text-align: center;top: 0;width: 52px;background:url(../img/btn_search_red.png) 22px 6px no-repeat;}
/*首页*/
.wst-shop-name{margin-top:28px;margin-left:138px;}
.wst-shop-name a{color: #fe6047;font-size: 18px;font-family: "microsoft yahei";}
.wst-shop-info{padding:0px 0px 0px 10px;}
.wst-shop-img{float:left;margin-top:-32px;width:120px;height:120px;text-align:center;vertical-align:middle;display:block;position:relative;}
.wst-shop-img a{width:120px;height:120px;display:table-cell;vertical-align:middle;}
.wst-shop-img img{max-width:120px;max-height:120px;}
.wst-shop-na{float:left;margin-left:6px;width:20%;}
.wst-shop-na a{color: #fe6047;font-size: 18px;font-family: "microsoft yahei";}
.wst-shop-na2{float:left;margin-top:3px;}
.wst-shop-na2 img{float:left;width:15px;margin:4px 3px 0px 0px;cursor: pointer;}
.wst-shop-na2 span{float:left;line-height: 26px;margin-right:6px;}
.wst-shop-na3{float:left;width:100%;color: #010101;line-height:26px;}
.wst-shop-eva{float:left;width:15%;margin:0px;border-left:1px dashed #bfbfbf;}
.wst-shop-eva p{font-size: 15px;color: #010101;text-align:center;font-family: "microsoft yahei";margin:16px 0px 8px 0px;}
.wst-shop-evai{float:left;margin:8px 0px 16px 25px;}
.wst-shop-con{float:left;width:21%;margin:0px;border-left:1px dashed #bfbfbf;}
.wst-shop-con p{font-size: 15px;font-family: "microsoft yahei";line-height: 30px;margin-left:18px;}
.wst-list .wst-fre-th{padding-left: 23px;}
.wst-list .wst-fre-td{padding-left: 25px;}
/*标题*/
.wst-shop-head{float: left;width: 100%;border-bottom: 1px solid #e45050;}
.wst-shop-head span{float: left;line-height:28px;padding:0px 28px;color:#ffffff;background:#e45050;font-weight: bold;}
.wst-shop-head a{float: right;line-height:28px;padding:0px 28px;color:#ffffff;background:#df2003;}
.wst-shop-tbar{height: 45px;margin:15px 0 0 0px;clear:both;padding:5px 10px;}
.wst-shop-content{padding:12px;clear:both;}
/*button按钮*/
/*红*/
.wst-shop-but{outline: none;background:#E45050;color: #ffffff;border: 1px solid #d8193e;border-radius:3px;cursor:pointer;}
.wst-shop-but:hover{background: #ea3232 none repeat scroll 0 0;cursor:pointer;}
/*button按钮*/
.s-btn{height: 30px;line-height: 30px;margin-right: 10px;margin-top: 16px;padding: 7px 20px;color: #ffffff;background: #E45050;border-radius: 3px;cursor:pointer;}
.s-btn:hover{cursor:pointer;}
.s-btn2{height: 30px;line-height: 30px;margin-right: 10px;margin-top: 16px;padding: 7px 20px;background: #ebebeb;border:1px solid #dad7d7;border-radius: 3px;cursor:pointer;}
.s-btn:hover{cursor:pointer;}
.wst-shop-split{border-bottom:1px dotted #ccc;margin-top:10px;margin-bottom:10px;}
.wst-shop-jrdt{height:120px;}
.wst-shop-jrdt .wst-title{background:url("../img/img_majz_titlebg.png");background-size:100%;width:980px;height:40px;line-height: 40px;padding-left: 10px;font-weight: bold;}
.wst-shop-jrdt .item{width:170px;height: 58px; overflow:hidden;border:1px solid #ccc;margin-left: 20px;float:left;}
.wst-shop-jrdt .item .icon1{background:url("../img/icon-mjzxsy.png") no-repeat -45px -31px;height:58px;width:47px;float:left;}
.wst-shop-jrdt .item .icon2{background:url("../img/icon-mjzxsy.png") no-repeat -170px -31px;height:58px;width:47px;float:left;}
.wst-shop-jrdt .item .icon3{background:url("../img/icon-mjzxsy.png") no-repeat -296px -31px;height:58px;width:47px;float:left;}
.wst-shop-jrdt .item .icon4{background:url("../img/icon-mjzxsy.png") no-repeat -422px -31px;height:58px;width:47px;float:left;}
.wst-shop-jrdt .item .icon5{background:url("../img/icon-mjzxsy.png") no-repeat -550px -31px;height:58px;width:47px;float:left;}
.wst-shop-jrdt .item .title{float:left;text-align: center;height:58px;width:120px;padding-top:5px}
.wst-shop-jrdt .item .num{color:red}
.wst-shop-spxx{height:300px;margin-top: 25px;}
.wst-shop-spxx .wst-title{background:url("../img/img_majz_titlebg.png") no-repeat 0px -68px;background-size:100%;width:980px;height:40px;line-height: 40px;padding-left: 10px;font-weight: bold;}
.wst-shop-spxx .item{width:170px;height: 100px; overflow:hidden;border:1px solid #ccc;margin-left: 20px;float:left;margin-bottom: 10px;}
.wst-shop-spxx .item .rbox{height:60px;position:relative;}
.wst-shop-spxx .item .icon1{background:url("../img/icon-mjzxsy.png") no-repeat -38px -128px;position:absolute; left:55px;height:60px;width:60px;}
.wst-shop-spxx .item .icon2{background:url("../img/icon-mjzxsy.png") no-repeat -155px -128px;position:absolute; left:55px;height:60px;width:60px;}
.wst-shop-spxx .item .icon3{background:url("../img/icon-mjzxsy.png") no-repeat -274px -128px;position:absolute; left:55px;height:60px;width:60px;}
.wst-shop-spxx .item .icon4{background:url("../img/icon-mjzxsy.png") no-repeat -391px -128px;position:absolute; left:55px;height:60px;width:60px;}
.wst-shop-spxx .item .icon5{background:url("../img/icon-mjzxsy.png") no-repeat -507px -128px;position:absolute; left:55px;height:60px;width:60px;}
.wst-shop-spxx .item .icon6{background:url("../img/icon-mjzxsy.png") no-repeat -38px -232px;position:absolute; left:55px;height:60px;width:60px;}
.wst-shop-spxx .item .title{text-align: center;height:58px;padding-top:5px}
.wst-shop-spxx .item .num{color:red}
.wst-shop-ddxx{height:280px;}
.wst-shop-ddxx .wst-title{background:url("../img/img_majz_titlebg.png") no-repeat 0px -135px;background-size:100%;width:980px;height:40px;line-height: 40px;padding-left: 10px;font-weight: bold;}
.wst-shop-ddxx .item{width:170px;height: 100px; overflow:hidden;border:1px solid #ccc;margin-left: 20px;float:left;margin-bottom: 10px;}
.wst-shop-ddxx .item .rbox{height:60px;position:relative;}
.wst-shop-ddxx .item .icon1{background:url("../img/icon-mjzxsy.png") no-repeat -38px -320px;position:absolute; left:55px;height:60px;width:60px;}
.wst-shop-ddxx .item .icon2{background:url("../img/icon-mjzxsy.png") no-repeat -154px -320px;position:absolute; left:55px;height:60px;width:60px;}
.wst-shop-ddxx .item .icon3{background:url("../img/icon-mjzxsy.png") no-repeat -273px -320px;position:absolute; left:55px;height:60px;width:60px;}
.wst-shop-ddxx .item .icon4{background:url("../img/icon-mjzxsy.png") no-repeat -391px -320px;position:absolute; left:55px;height:60px;width:60px;}
.wst-shop-ddxx .item .icon5{background:url("../img/icon-mjzxsy.png") no-repeat -509px -320px;position:absolute; left:55px;height:60px;width:60px;}
.wst-shop-ddxx .item .icon6{background:url("../img/icon-mjzxsy.png") no-repeat -38px -415px;position:absolute; left:55px;height:60px;width:60px;}
.wst-shop-ddxx .item .title{text-align: center;height:58px;padding-top:5px}
.wst-shop-ddxx .item .num{color:red}
/********************************************** 新增商品页面 ****************************************************/
/*自定义单选框样式*/
.wst-radio + label {-webkit-appearance: none;background-color: #fafafa;border: 1px solid gray;padding: 6px;border-radius: 50px;display: inline-block;position: relative;}
.wst-radio + label:after {content: ' ';width: 6px;height: 6px;border-radius: 50px;position: absolute;top: 3px;background: #99a1a7;box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);text-shadow: 0px;left: 3px;font-size: 32px;}
.wst-radio:checked + label{border: 1px solid #ff9a02;/* 修改选框选中颜色*/}
.wst-radio:checked + label:after {content: ' ';width: 6px;height: 6px;border-radius: 50px;position: absolute;top: 3px;background: #ff9a02;/* 修改选框选中颜色*/box-shadow: inset 0px 0px 10px #ff9a02;/* 修改选框选中颜色*/text-shadow: 0px;left: 3px;font-size: 32px;}
.radio-box .wst-radio{position:relative;z-index:-654;left:16px;top:0px;}
.radio-box label{margin-left:-8px;margin-right:2px;}
.mt-1{position:relative;top:1px;left:0px;cursor:pointer;}
/*自定义复选框样式-行*/
.wst-checkbox + label {-webkit-appearance: none;background-color: #fafafa;border: 1px solid gray;padding: 6px;display: inline-block;position: relative;}
.wst-checkbox + label:after {content: ' ';width: 6px;height: 6px;position: absolute;top: 3px;background: #99a1a7;box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);text-shadow: 0px;left: 3px;font-size: 32px;}
.wst-checkbox:checked + label{border: 1px solid #ff9a02;/* 修改选框选中颜色*/}
.wst-checkbox:checked + label:after {content: ' ';width: 6px;height: 6px;position: absolute;top: 3px;background: #ff9a02;/* 修改选框选中颜色*/box-shadow: inset 0px 0px 10px #ff9a02;/* 修改选框选中颜色*/text-shadow: 0px;left: 3px;font-size: 32px;}
.checkbox-box .wst-checkbox{position:relative;z-index:-654;left:16px;top:-1px;}
.checkbox-box label{margin-left:-8px;margin-right:2px;}
.w-r{width:15px;height:15px;cursor:pointer;margin-left:8px;}
.wrong{background:url(../img/seller_icon_error.png) no-repeat;}
.right{background:url(../img/seller_icon_right.png) no-repeat;}
.g-handle{color:#1cbbef;display: inline-block;margin:0 3px;}
.g-handle:hover{color:#085cde;}
.spec-item{float:left;}
.spec-item .item-del{background:url(../img/icon_no.png);width:13px;height:13px;display:inline-block;position: relative;top:-10px;left:-10px;cursor:pointer;}
.spec-ipt{width:80px;}
.specs-sale-table{width:100%;border-collapse:collapse;border:1px solid #dddddd;margin-bottom:10px;}
.specs-sale-table th{padding-top:5px;text-align:center;background:#eeeeee;text-align:center;border:1px solid #dddddd}
.specs-sale-table td{text-align:center;text-align:center;border:1px solid #dddddd}
.spec-sale-goodsNo{width:150px}
.spec-sale-ipt{width:50px;}
.spec-sale-text{width:80%}
.attr-table{width:100%}
.attr-table th{text-align:right;}
.attr-table td{text-align:left;}
#goodsImgPicker{margin-left:20px;}
.spec-line{border-top:1px dashed #cccccc;margin:5px 0px 7px 0px}
.spec-head{font-weight:bold;height:30px;line-height:30px;background:url(../img/img_seller_ggjt.png) no-repeat 0px 7px;padding-left:25px;}
.spec-body{border:1px solid #cccccc;padding:5px;margin-bottom:10px;}
/************************ 商家商品管理页面 **************************/
.goods-img{width:60px; height:60px;text-align:center;vertical-align:middle;display:block;position:relative;float:left;margin:3px auto;line-height: 0px;}
.goods-img a{width:60px;height:60px;display:table-cell;vertical-align:middle;}
.goods-img a img{max-width:60px;max-height:60px;}
.goodsName{height:50px;line-height:25px;overflow: hidden;float: left;max-width: 150px;margin-left: 5px;}
.s-menu{height:25px;margin-left: 4px;margin-top:10px;}
.s-menu a{display: block;float:left;width:48px;margin-right: 10px;}
.s-menu a span{display: block;float: right;}
.s-sale,.s-sale-up,.s-new,.s-hot,.s-best,.s-rec,.s-heart,.s-del,.s-add{display: inline-block;width:18px;height:18px;background: url(../img/seller_icon_cz.png) no-repeat;}
.s-sale{background-position: -20px -24px;}
.s-sale:hover{background-position: -20px -64px;color:#F7375C;margin-top: 1px;}
.s-sale-up{background-position: -473px -24px;}
.s-sale-up:hover{background-position: -473px -64px;color:#F7375C;margin-top: 1px;}
.s-rec{background-position: -83px -24px;}
.s-rec:hover{background-position: -83px -64px;color:#F7375C;margin-top: 1px;}
.s-new{background-position: -149px -24px;}
.s-new:hover{background-position: -149px -64px;color:#F7375C;margin-top: 1px;}
.s-best{background-position: -213px -25px;}
.s-best:hover{background-position: -213px -65px;color:#F7375C;margin-top: 1px;}
.s-hot{background-position: -280px -25px;}
.s-hot:hover{background-position: -280px -65px;color:#F7375C;margin-top: 1px;}
.s-heart{background-position: -276px -25px;}
.s-heart:hover{background-position: -276px -65px;color:#F7375C;margin-top: 1px;}
.s-del{background-position: -343px -25px;}
.s-del:hover{background-position: -343px -65px;color:#F7375C;margin-top: 1px;}
.s-add{background-position: -408px -25px;}
.s-add:hover{background-position: -408px -65px;color:#F7375C;margin-top: 1px;}
/*评价管理*/
.appra-img{width:150px; height:150px;margin:5px auto;text-align:center;vertical-align:middle;display:block;position:relative; float:left;}
.appra-img a{display:table-cell;vertical-align:middle;width:150px;height:150px;}
.appra-img a img{max-width:150px;max-height:150px;}
.appra-goodsName{float: left;height: 150px;line-height: 25px;margin-left: 5px;max-width: 240px;overflow: hidden;}
/*自定义复选框-列--方*/
.checkbox-box-s{height:20px !important;}
.wst-checkbox-s + label {-webkit-appearance: none;background-color: #ffffff;border: 1px solid #d5d5d5;padding: 6px;display: inline-block;position: relative;}
.wst-checkbox-s + label:after {content: ' ';width: 6px;height: 6px;position: absolute;top: 3px;box-shadow: inset 0px 0px 10px #ccc;text-shadow: 0px;left: 3px;font-size: 32px;}
.wst-checkbox-s:checked + label{border: 1px solid #F7375C;/* 修改选框选中颜色*/}
.wst-checkbox-s:checked + label:after {content: ' ';width: 6px;height: 6px;position: absolute;top: 3px;background: #F7375C;/* 修改选框选中颜色*/box-shadow: inset 0px 0px 10px #F7375C;/* 修改选框选中颜色*/text-shadow: 0px;left: 3px;font-size: 32px;}
.checkbox-box-s .wst-checkbox-s{position:relative;z-index:-654;left:-5px;top:-1px;}
.checkbox-box-s label{position: relative;top:-38px;left: 1px;}
.checkbox-box-s-all label{position: relative;top:-27px;left: 1px;}
/**订单列表**/
.wst-box-top{margin-top:5px;}
.wst-order-list{width:100%;border-collapse:separate;border-spacing: 0;border-color:grey;}
.wst-order-list .head{max-height:32px;line-height: 32px;text-align: center;background: #f5f5f5;color: #666;font-weight: 400;}
.wst-order-list .empty-row{height: 20px;}
.wst-order-list .order-head{background: #f5f5f5;height: 31px;line-height: 31px;color: #aaa;overflow: hidden;}
.wst-order-list .order-head td{padding-left:5px;padding-right:5px;border:1px solid #e5e5e5;border-bottom:0px;}
.wst-order-list .goods-box td:first-child{border-left:1px solid #e5e5e5;}
.wst-order-list .goods-box td{padding:5px;border:1px solid #e5e5e5;border-top:0px;border-left:0px;}
.wst-order-list .time{float:left;margin-right:30px;}
.wst-order-list .orderno{float:left;margin-right:30px;width:300px;text-align:left;}
.wst-order-list .address{float:left;width:580px;text-align:left}
.wst-order-list .goods-img{width:60px;height:60px;float:left;border:1px solid #efefef;}
.wst-order-list .goods-name{float:left;margin-left:5px;line-height:25px;width:475px;}
.wst-order-list .goods-extra{float:right;margin-left:5px;}
.wst-order-list .j-warn .order-head{background:#fcf8e3;height: 31px;line-height: 31px;color:#8a6d3b;overflow: hidden;}
.wst-order-list .j-warn .order-head td{padding-left:5px;padding-right:5px;border:1px solid #faebcc;border-bottom:0px;}
.wst-order-list .j-warn .goods-box td:first-child{border-left:1px solid #faebcc;}
.wst-order-list .j-warn .goods-box td{padding:5px;border:1px solid #faebcc;border-top:0px;border-left:0px;}
.wst-order-list .line{border-bottom:1px solid #ddd;margin-bottom:2px;padding-bottom:2px;}
.j-warn-order-money{color:red;font-size:19px;font-weight:bold}
.order-pc{float:left;margin:7px 5px 0px 0px;width:18px;height: 18px;background:url(../img/order_source_1.png) 0px 0px no-repeat;background-size: 90%;}
.order-mo{float: left;margin: 7px 5px 0px 0px;width: 18px;height: 18px;background: url(../img/order_source_2.png) 0px 0px no-repeat;background-size: 100%;}
.order-wx{float:left;margin:7px 5px 0px 0px;width:18px;height: 18px;background:url(../img/order_source_3.png) 0px 0px no-repeat;background-size: 100%;}
.order-app{float:left;margin:7px 5px 0px 0px;width:18px;height: 18px;background: url(../img/order_source_4.png) 0px 0px no-repeat;background-size: 100%;}
.order-ios{float:left;margin:7px 5px 0px 0px;width:18px;height: 18px;background:url(../img/order_source_5.png) 0px 0px no-repeat;background-size: 100%;}
/**订单详情**/
.order-box{margin-bottom:5px;border-bottom:1px solid #ddd;}
.order-box .box-head{font-weight:bold;height:30px;line-height:30px}
/*流程展示*/
.order-box .log-box{height:132px;}
.order-box .log-box .icon{float:left;width:60px;height:60px;}
.order-box .log-box .icons{float:left;width:60px;height:60px;}
.order-box .log-box .icon11{background:url(../img/user_icon_rzxx.png) -15px -12px no-repeat;}
.order-box .log-box .icon21{background:url(../img/user_icon_rzxx.png) -105px -12px no-repeat;}
.order-box .log-box .icon31{background:url(../img/user_icon_rzxx.png) -194px -12px no-repeat;}
.order-box .log-box .icon41{background:url(../img/user_icon_rzxx.png) -282px -12px no-repeat;}
.order-box .log-box .icon51{background:url(../img/user_icon_rzxx.png) -373px -12px no-repeat;}
.order-box .log-box .icon12{background:url(../img/user_icon_rzxx.png) -15px -62px no-repeat;}
.order-box .log-box .icon22{background:url(../img/user_icon_rzxx.png) -105px -62px no-repeat;}
.order-box .log-box .icon32{background:url(../img/user_icon_rzxx.png) -194px -61px no-repeat;}
.order-box .log-box .icon42{background:url(../img/user_icon_rzxx.png) -282px -63px no-repeat;}
.order-box .log-box .icon52{background:url(../img/user_icon_rzxx.png) -373px -62px no-repeat;}
.order-box .log-box .icon13{background:url(../img/user_icon_rzxx.png) -19px -123px no-repeat;}
.order-box .log-box .icon23{background:url(../img/user_icon_rzxx.png) -105px -122px no-repeat;}
.order-box .log-box .icon33{background:url(../img/user_icon_rzxx.png) -194px -121px no-repeat;}
.order-box .log-box .icon43{background:url(../img/user_icon_rzxx.png) -282px -122px no-repeat;}
.order-box .log-box .icon53{background:url(../img/user_icon_rzxx.png) -373px -121px no-repeat;}
.order-box .log-box .arrow{float:left;color: #979797;font-size: 15px;font-weight: bold;margin-top:18px;}
.order-box .log-box .arrow2{color: #7ebb53;}
.order-box .log-box .state{float:left;width:100%;margin-left:18px;}
.order-box .log-box .state2{float:left;width:100%;position: relative;}
.order-box .log-box .state2 p{float:left;width:180px;height:50px;text-align:left;margin-left:12px;color:#f05858;font-size: 15px;}
.order-box .log-box .state2 .path{position: absolute;z-index: 10;}
.order-box .log-box .state2 .path span{float:left;width:178px;height:50px;text-align:left;margin-left:12px;background: #ffffff;}
.order-box .delivery-box{height:100px;border-bottom:1px solid #ddd;}
.order-box th{font-weight:normal;}
.order-box .goods-head{border-top:2px solid #FC7A64;background: #f3f3f3;display: block;height: 25px;line-height: 25px;margin: 0 0 10px;padding: 5px 0;}
.order-box .goods-head .goods{float:left;width:500px;padding-left:15px}
.order-box .goods-head .number{float:left;width:140px;}
.order-box .goods-head .price{float:left;width:100px;}
.order-box .goods-head .num{float:left;width:100px;}
.order-box .goods-head .t-price{float:left;width:105px;}
.order-box .shop{padding-left:15px;height:25px;line-height:25px;border-bottom:2px solid #FDD8D2;color:#E55356;font-weight:bold;font-size:15px;padding-bottom:5px;}
.order-box .item{padding-top:5px;padding-bottom:5px;border:1px solid #eeeeee;border-top:0px;}
.order-box .item .goods{float:left;width:500px;padding-left:15px;}
.order-box .item .number{float:left;width:140px;}
.order-box .item .goods .img{float:left;width:80px;height:80px;}
.order-box .item .goods .name{float:left;width:390px;height:80px;margin-left:5px;}
.order-box .item .goods .spec{float:left;width:165px;margin-left:5px;}
.order-box .item .price{float:left;width:100px;}
.order-box .item .num{float:left;width:100px;}
.order-box .item .t-price{float:left;width:100px;}
.order-box .goods-footer{padding-right:10px;margin-bottom:10px;}
.order-box .line{border-top:1px solid #dddddd;}
.order-box .goods-summary{margin-top:10px;}
.order-box .summary{height:30px;line-height:30px;}
.order-box .orderScore{margin-right:5px;}
.order-box .log td{height:25px;line-height:25px;padding-left:15px;}
/********** 店铺设置 *********/
.cfg-img-url{background: #f48c3a none repeat scroll 0 0;bottom: 0;height: 18px;left: -1px;top:178px;line-height: 18px;padding: 0 5px;position: absolute;z-index: 170;}
/************* 商家回复 *************/
.reply-content{line-height:15px;width:100%;margin-top:-15px;border-top:1px solid #ccc;padding-top:15px;color:orange;}
.reply-box{width:100%;max-height:140px;position:relative;margin-bottom:5px;margin-top:15px;}
.wst-msg-tips-box{background-color: #f0a869;border-radius: 12px;color: white;cursor: pointer;display: inline-block;height: 24px;left: 30px;line-height: 24px;position: relative;text-align: center;top: 0;width: 24px;}
/* 商家回复 */
.wst-list tbody tr td .spec{height: 45px;line-height: 15px;overflow: hidden;float: left;max-width: 160px;}
.wst-list tbody tr td .stockin{display:none;border:1px solid #bac4c3;width:100px;outline: none;}
.wst-list tbody tr td .stockin:focus{border:1px solid #eb654a;}
.j-messsage-box{padding:10px 5px;color:red;}
.head-ititle{background:url('../img/img_seller_ggjt.png') no-repeat 5px 4px;padding-left:28px;padding-bottom:5px;font-weight:bold;}
/**资金流水**/
.money-add{color:red;font-size:16px;font-weight: bold;}
.money-reduce{color:green;font-size:16px;font-weight: bold;}
.money-head{background:#eeeeee;height:120px;width:100%}
.money-head .shop-logo{float:left;margin-top:10px;margin-left:20px;width:100px;height:100px;}
.money-head .shop-logo img{-moz-border-radius: 100px; -webkit-border-radius: 100px; }
.money-head .shop-info{float:left;padding-top:25px;padding-left:20px;}
.money-head .shop-info .shopName{height:25px;line-height:25px;}
.money-head .shop-info .money-rows{width:700px;}
.money-head .shop-info .shopMoney{height:25px;line-height:25px;width:500px;}
.money-head .shop-info .draw-tips{color:red;margin-left:20px;}
.money-head .shop-info .cashmoney-box{margin-left:20px;}
.money-head .cashbtn{padding: 3px 5px;border: 1px solid #333;}
.money-head .cashbtn:hover{padding: 3px 5px;border: 1px solid #e45050;}
.money-head .usermoney{width:150px ; float:left;}
.money-head .cashbox{width:300px; float:left;}
.money-head .lockbox{width:150px ; float:left;}
.msgContent{padding:10px;}
.readMsg,.newMsg{width:36px;height:27px;background: url(../img/user_icon_info.png) no-repeat;}
.newMsg{background-position: -66px -6px;}
.readMsg{background-position: -11px -6px;}
.msg-content{width: 630px}
/* 商家中心首页 */
.main{background: #f6f6f6;width: auto;min-height: 800px;padding-top: 20px;}
.main_title{padding: 5px 0;}
.c16_555{font-size: 16px;color: #555;}
.tit_label{width: 12px;height: 12px;background: #e33c3c;border-radius: 50%;display: inline-block;}
.main_middle{width:auto;height:auto;}
.main_mid_box{display:flex;width:auto;height: 100%}
.main_mid_box .mid_l{flex:2;}
.mid_l_item{padding:0 10px;flex:1;background: #fff;height: 48%;}
.complain_num{display: inline-block;width: 25px;height: 25px;background: #e33c3c;border-radius: 50%;color:#fff;text-align: center;line-height: 25px;}
.mid_main{width: 100%;height: 90%;}
.order_info{width:100%;height:100%;display: flex;}
.order_info li{flex: 1;display: flex;height: 100%;flex-direction: column;justify-content: space-around;}
.order_info li:nth-child(2){flex:1.5;}
.c32_e33{font-size: 32px;color:#e33c3c;margin-bottom: 20px}
.info_item{padding:10px 0;text-align: center;}
.item_center{display: flex;justify-content:center;align-items:center;height: 148px!important;width: 148px !important;border-radius: 50% 50% 0 50%;border-color: #e33c3c;border-style: solid;border-width: 1px 0px 0px 1px;margin: 0 auto;}
.main_mid_box .mid_c{flex:1;margin:0 20px;background: #fff;}
.index-right-item{background:#fff;min-height: 492px;margin-bottom:20px;width: 100%;overflow: hidden;}
.right-list-tit{width: 97%;border-bottom: 1px solid #eee;display: flex;margin: 0 auto;}
.right-list-tit li{padding:14px 0px;flex:1;float: left;text-align: center;}
.orderInfoList li{padding: 13px 0px !important;}
.right-list-tit li:nth-child(2){flex:2;}
.right-list{border:0px;}
.right-list li{padding:13.7px 0px;}
.c14_ff90{font-size: 14px;color:#ff9000;}
.c14_ff66{font-size: 14px;color:#ff6666;}
.wst-textover{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gTop1,.gTop2,.gTop3{text-align: left;padding-left: 13px;background-image:url(./../img/flag-each-69x26.png);background-size: 80%;background-position: 0 0;background-repeat: no-repeat;color:#fff;}
.gTop2{background-position: 0 -37px;}
.gTop3{background-position: 0 -73px;}
.top-num{text-align: left;padding-left: 13px;}
.item_sale{border-radius: 50% 50% 50% 50%;border-width: 0px 1px 1px 0px;}
.main_mid_box .mid_r{flex:1;}
.mid_r_rtop{background: #fff;height: 29%;width: 96%;margin-bottom:20px;padding-left:10px;}
.rtop_main{padding:10px 0}
.rtop_item{margin-top:5px;}
.mid_r_rbottom{background: #fff;height: 67%;width: 96%;padding-left:10px;}
.sale_info{margin-top:20px;width: 99%;height: 300px;background: #fff;padding-left:10px;}
.shop_tips li{padding: 6px 15px;width: 200px}
.shop_tips li a:hover{color:#e33c3c;}
.order_remaker{color:#ff6c00;padding: 5px;border: 1px solid #ddd;border-top:none;}
.order_from{ margin-left: 10px;color: #fff;border: 1px solid red;padding: 2px 4px;border-radius: 10px;background-color: #FF247A;}
#shoprole th,#shoprole td{border: solid 1px #E6E6E6;}
#shoprole dl{ border-bottom: solid 1px #E6E6E6;}
#shoprole dl .dt1,#shoprole dl .dt2{ font-size: 12px;
line-height: 30px;
color: #333;
vertical-align: top;
letter-spacing: normal;
word-spacing: normal;
text-align: right;
display: inline-block;
width: 120px;
padding: 0 4px;
margin: 0;
}
#shoprole dl .dd1{ font-size: 12px;
font-size: 12px;
line-height: 30px;
vertical-align: top;
letter-spacing: normal;
word-spacing: normal;
display: inline-block;
width: 690px;
padding: 0px 4px;
border-left: solid 1px #E6E6E6;
}
#shoprole dl .dd2{
font-size: 12px;
line-height: 30px;
vertical-align: top;
letter-spacing: normal;
word-spacing: normal;
display: inline-block;
width: 500px;
padding: 0px 4px;
border-left: solid 1px #E6E6E6;
}
#shoprole td label{width:120px;text-align: left;display: inline-block;}
.uinfo>input{ width: 235px;}
.wst-form input, textarea {
background-color: white;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 1px 1px 1px #f0f0f0 inset;
font-family: inherit;
font-size: 100%;
margin: 3px;
padding: 5px;
vertical-align: middle;
}
.uinfo-form tr td {
height: 40px;
}
.wst-list-add{float: right;line-height:16px;height:16px;margin-top:2px;}

View File

@ -0,0 +1,56 @@
.stepflex{float:right;border-top:5px solid #ccc;text-align:center;width:960px;margin:60px 0px 0px 50px;}
.stepflex dl{border-top:5px solid #ccc;float:left;position:relative;top:-5px;width:160px;}
dl.doing{border-top-color:#04bd3d;}
.doing .s-num{background-position:-23px 0;}
.s-num,.s-num1{color:#fff;font-weight: 700;height:23px;line-height:23px;margin:-15px auto 0;position:relative;width:23px;border-radius:25px;}
.s-num{background:#04bd3d;}
.s-num1{background:#ccc;}
.s-text1{line-height:30px;}
.s-text{line-height:30px;color:#04bd3d;}
select{height:29px;}
.webuploader-container{overflow:hidden;}
.apply-banner{width: 100%;height:320px;position: relative;z-index: 1;top:-8px;}
.apply-msg-box{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3F000000', endColorstr='#3F000000');background:rgba(0,0,0,0.25); width: 280px; height: 300px; z-index: 9; margin-top:30px; border-radius: 5px;}
.apply-msg-box h3{color:#fff;font: 600 17px/24px; color: #FFF; padding: 12px 10px 4px 10px; margin: 0 10px 10px;box-shadow: 0 1px 0 rgba(0,0,0,0.1);}
.apply-msg-box .title{color: #FFF;margin-top:10px;line-height:30px;padding-left:15px;padding-right:15px;}
.apply-msg-box ul{color: #FFF;padding-left:15px;padding-right:15px;height:149px;}
.apply-msg-box ul li{margin-top:10px;line-height:23px;list-style-type: disc;margin-left:15px;}
.apply-msg-box .bottom{border-radius:0 0 5px 5px;margin-top:10px;padding-top:10px;padding-bottom:10px;padding-left:7px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000'); background:rgba(0,0,0,0.5); text-align: center;}
.wst-slide{position: relative;height:350px;overflow:hidden;top:-320px;z-index:-1}
.apply-tips{color: #777;background-color: #EEE;width: 100%;height: 60px;}
.apply-tips .title{width: 60px;height: 48px;display: inline-block;padding: 6px 12px 6px 24px;}
.apply-tips .title i{background: url(../img/ic_volume_24x24.png) no-repeat 0px 0;display: block;width: 24px;height: 24px;float: left;margin: 0 18px;}
.apply-tips .content{font: 12px/20px "microsoft yahei";vertical-align: top;display: inline-block;width: 920px;padding: 10px;}
.apply-step{font-size: 0;width: 800px;height: 110px;margin: 30px auto;overflow: hidden;}
.apply-step span { font-size: 12px; vertical-align: middle; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline; *zoom: 1;}
.apply-step span.step { color:#777;line-height: 20px; text-align: center; width: 80px;}
.apply-step span.step i { background: url(../img/btn_80x80.png) no-repeat; display: block; width: 80px; height: 80px; margin-bottom: 10px;}
.apply-step span.step i.a { background-position: -12px 0px;}
.apply-step span.step i.b { background-position: -94px 0px;}
.apply-step span.step i.c { background-position: -176px 0px;}
.apply-step span.step i.d { background-position: -258px 0px;}
.apply-step span.step i.e { background-position: -340px 0px;}
.apply-step span.arrow { background: url(../img/btn_80x80.png) no-repeat -439px -30px; width: 60px; height: 22px; margin: 0 20px;margin-top:-25px;}
.apply-step-head{margin-top:20px;border-bottom:dotted 1px #CCC;font-weight:600;font-size:16px;line-height:30px;padding-left:10px;}
.main-head{font-size:17px;font-weight:bold;height:35px;line-height:35px;text-align:left;}
.apply-box {border-top: 2px solid #FC7A64;border-left: 1px solid #eeeeee;border-right: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;padding: 5px 0px 0px 5px;}
.apply-agreement-box{height:350px;border:1px solid #eeeeee;padding:5px;overflow:auto;margin:0 auto;}
.apply-agreement-box .tip{color:gray}
.agreement-table{width:100%;margin-bottom:10px;}
.agreement-table th{text-align: right;width:250px;}
.agreement-table td{text-align: left}
.agreement-table .head-ititle{background:url('../img/img_seller_ggjt.png') no-repeat 5px 4px;padding-left:28px;padding-bottom:5px;font-weight:bold;}
.agreement-table input[type=text]{margin:2px;}
.agreement-table textarea{margin:2px;}
.agreement_box{text-align:center;margin-top:5px;}
.agreement-bottom{padding:10px 5px;text-align: center}
.examine-tips{text-align: center;width:100%;padding-top:60px;padding-bottom:80px;font-weight: 600;font-size:16px;color:#999;}
label{margin-right:20px;}
.webuploader-pick{padding:3px 10px;}
.goodsCat{width:140px;margin-right:20px;float:left;}
.wst-tab-box {width: 100%;height: auto;margin: 0px auto;background: #ffffff;margin-top:10px;}
.wst-tab-nav {margin: 0;padding: 0;height: 35px;top: 0px;z-index: 30;background: #ffffff;width:100%;border-bottom: 1px solid #eeeeee;border-left: 1px solid #eeeeee}
.wst-tab-nav li {width:23.24%;cursor: pointer;float: left;margin: 0 0px;list-style: none;border: 1px solid #eee;border-bottom: none;border-left: none;line-height: 34px;text-align: center;color: #000000;padding-left: 10px;padding-right: 10px;}
.wst-tab-nav .on {border-top: 1px solid #ff2704;border-bottom: 1px solid #ffffff;color: #ff2704;font-weight:bold;}
.wst-tab-content {padding: 5px;width: 99%;height: auto;border: 1px solid #eee;border-top:none;background: #FFF;}

View File

@ -0,0 +1,105 @@
@CHARSET "UTF-8";
.wst-shop-h{padding:10px 0}
.wst-shop-img{float:left;margin-top:3px;width:90px;height:90px;text-align:center;vertical-align:middle;display:block;position:relative}
.wst-shop-img img{max-width:90px;max-height:90px;border-radius:5px}
.wst-shop-info{float:left;width:45%;margin-left:10px}
.wst-shop-info p{float:left;line-height:50px;width:100%;color:#222;font-size:17px;font-family:"microsoft yahei"}
.wst-shop-info2,.wst-shop-info3{float:left;width:100%}
.wst-shop-info2 img{float:left;width:16px;margin-right:3px}
.wst-shop-info2 span{float:left;color:#dda315;margin-right:10px}
.wst-shop-info3{margin-top:7px}
.wst-shop-code{float:left;margin-top:-3px;width:24px;height:24px;cursor:pointer;background:url(../img/img_sjck.png) no-repeat;background-size:100%}
.wst-shop-codes{width:131px;height:131px;margin-top:24px;border:1px solid #dedbdb;position:absolute;z-index:1000;background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.3);border-radius:5px}
.wst-shop-codes:after{top:-16px;border-color:transparent transparent #fff}
.wst-shop-eva,.wst-shop-evaa{float:left;margin-right:16px}
.wst-shop-evaa{padding-left:20px}
.wst-shop-info3 .j-fav,.wst-shop-info3 .j-fav:hover{background:url(../img/iconfont_guanzhu_sel.png) 1px 2px no-repeat}
.wst-shop-info3 .j-fav2{background:url(../img/iconfont_guanzhu_nor.png) 0 -23px no-repeat;transition:background-position .15s ease-in-out 0s}
.wst-shop-info3 .j-fav2:hover{background:url(../img/iconfont_guanzhu_nor.png) 0 1px no-repeat;text-decoration:none}
.wst-shop-red{color:#e25041}
.wst-shop-sea{float:right;width:42.999999%;margin-top:20px}
.wst-shop-sea input{float:left;outline:0;font-size:15px;height:32px;width:360px;margin-right:3px;padding-left:8px;border:1px solid #fc6047}
.wst-shop-sea .search{float:left;width:60px;height:32px;line-height:32px;text-align:center;color:#fff;margin-left:6px;background:url(../img/img_bg_search.png) no-repeat}
.wst-shop-word{float:left;margin-top:8px;width:100%;height:18px;overflow:hidden}
.wst-shop-tu{text-align:center;width:100%;height:110px}@media screen and (max-width:1200px){.wst-shop-tu{min-width:1200px}
.wst-shop-nav{min-width:1200px}}
.wst-shop-nav{background-color:#fc6047}
.wst-nav-box{width:1200px;margin:0 auto;line-height:36px;color:#fff}
.wst-nav-box li{padding:0 26px;text-align:center;color:#fff;font-size:15px;font-family:"microsoft yahei"}
.wst-nav-box li:hover,.wst-nav-box .wst-nav-boxa{background:#cb2004;background-size:cover}
.wst-nav-box .liselect{list-style-type:none}
.wst-nav-box .homepage{float:right;margin-top:6px;padding:0 8px;height:22px;line-height:22px;color:#fff;border:1px solid #fff}
.wst-nav-box .homepage:hover{color:#fc6047;background:#fff;border:1px solid #fc6047}
.ck-slide{width:1200px;height:400px;margin:3px auto;margin-bottom:9px}
.ck-slide ul.ck-slide-wrapper{height:400px}
.wst-shop-contl{float:left;width:19.222222%;padding-bottom:20px}
.wst-shop-contr{float:right;width:79.555555%}
.wst-shop-cat{margin-top:9px;border:1px solid #ddd}
.wst-shop-best,.wst-shop-lat{margin-top:15px;border:1px solid #ddd}
.wst-shop-cat li{height:26px;line-height:26px;list-style-type:none}
.wst-shop-cat li:hover{color:#ff5605;cursor:pointer}
.wst-shop-cat a li{color:#666}
.wst-shop-conlp{height:35px;line-height:35px;text-align:center;background:#ebebeb;font-size:16px;font-family:"microsoft yahei"}
.wst-shop-catt{padding-left:10px}
.wst-shop-catts{padding-left:20px}
.js-shop-plus{text-indent:20px;background:url(../img/store_icon_zk.png) 2px 4px no-repeat}
.js-shop-redu{text-indent:20px;background:url(../img/store_icon_sq.png) 2px 4px no-repeat}
.wst-shop-bestg{float:left;margin:5px}
.wst-shop-besti{float:left;width:72px;height:72px;text-align:center;vertical-align:middle;display:block;position:relative}
.wst-shop-besti img{max-width:72px;max-height:72px}
.wst-shop-bestgp1{height:36px}
.wst-shop-bestgp2{line-height:20px}
.wst-shop-bestg p{float:left;width:142px;margin-left:3px;overflow:hidden}
.wst-shop-bestg a:hover{color:#ff5605}
.wst-shop-bestpi{color:#ee8f4f}
.wst-shop-bestpr{color:#d86232;font-weight:bold}
.wst-shop-bestpr2{float:right;color:#c4c2c2;text-decoration:line-through}
.wst-shop-conrp{height:35px;line-height:35px;text-indent:1em;background:#ebebeb;font-size:16px;font-family:"microsoft yahei";margin:9px 0 6px 0}
.wst-shop-recb{padding:5px 0;background:#f2efea}
.wst-shop-rgoods,.wst-shop-list .wst-shop-goods{float:left;width:218px;padding:5px;background:#fff;border:1px solid #dadada;margin:0 4px}
.wst-shop-rgoods:hover,.wst-shop-goods:hover{border:1px solid #e5e5e5;-webkit-box-shadow:0 0 10px #ddd;-moz-box-shadow:0 0 10px #ddd;box-shadow:0 0 10px #ddd}
.wst-shop-list .wst-shop-goimg{float:left;width:207px;height:207px;vertical-align:middle;display:block;position:relative}
.wst-shop-goimg a{width:207px;height:207px;padding-left:5px;padding-top:5px;display:table-cell;vertical-align:middle}
.wst-shop-goimg img{max-width:207px;max-height:207px}
.wst-shop-goimg span{width:230.5px;height:30px;line-height:30px;color:#fff;text-align:center;opacity:.8;background:#d0260c;display:block;position:absolute;left:-6px;bottom:-5px;display:none}
.wst-shop-goimg span:hover{background:#e5280b}
.wst-shop-gonam{float:left;width:100%;height:36px;color:#838383;font-size:15px;font-family:"microsoft yahei";margin-top:18px}
.wst-shop-gonam a:hover{color:#f60505}
.wst-shop-rect{float:left;width:100%;margin-top:8px;font-family:"microsoft yahei"}
.wst-shop-rect span{color:#ea523b;font-size:16px;line-height:26px;font-weight:bold}
.wst-shop-rect .wst-shop-recta{float:right;height:26px;color:#ff5605;line-height:26px;padding:0 12px;border-radius:2px;border:1px solid #dadada}
.wst-shop-rect .wst-shop-recta2{float:right;height:26px;color:#c9c3c2;line-height:26px;padding:0 12px;border-radius:2px;border:1px solid #dadada}
.wst-shop-rect .wst-shop-recta:hover{color:#fff;background:#ff5605;border:1px solid #ff5605}
.wst-shop-list{padding:10px 0}
.wst-shop-listh{float:left;width:100%;font-family:"microsoft yahei"}
.wst-shop-listh a{float:left;color:#525252;height:19px;padding:6px 16px;text-align:center;font-size:15px;border:1px solid #e9e7e7}
.wst-shop-listh a:hover{border:1px solid #ff8043}
a.wst-shop-a{color:#fff;background:#ff8043;border:1px solid #ff8043}
.wst-shop-store,.wst-shop-store2,.wst-shop-store3{float:right;width:16px;height:13px;margin:3px 0 0 3px}
.wst-shop-store{background:url(../img/store_icon_sx.png) 0 0 no-repeat}
.wst-shop-store2{background:url(../img/store_icon_sx_sel.png) 0 0 no-repeat}
.wst-shop-store3{background:url(../img/store_icon_sx_sel_up.png) 0 0 no-repeat}
.wst-price-ipts{float:left;position:relative}input.wst-price-ipt{width:66px;height:27px;outline:0;padding-left:18px;border:1px solid #e9e7e7}input.wst-price-ipt:focus{border:1px solid #ff8043}
.wst-price-ipt1{position:absolute;left:13px;top:8px}
.wst-price-ipt2{position:absolute;right:71px;top:8px}
.wst-shop-but{outline:0;background:#ebebeb;color:#9f9696;border:1px solid #dad7d7;cursor:pointer}
.wst-shop-but:not(.disabled):not(:disabled):active,.wst-shop-but.active{background:#f1f1f1;background-clip:padding-box}
.wst-shop-listg{padding-top:10px}
.wst-shop-list .wst-shop-goods{margin-bottom:6px}
.wst-shop-goodp1{margin-top:8px}
.wst-shop-goodp1,.wst-shop-goodp2{float:left;width:100%;line-height:20px;font-family:"microsoft yahei";padding:2px 0 2px 0}
.wst-shop-goodpr{color:#ea523b;font-size:16px;font-weight:bold;overflow:hidden;float:left}
.wst-shop-goodpr2{color:#ed1a8d}
.wst-shop-goodpr3{color:#c4c2c2;width:220px;overflow:hidden}
.wst-shop-goodpr4{color:#249ee7}
.wst-shop-pa{padding:28px 0 35px 300px}
.wst-shop-info2 img.wangwang{padding-top:1px;width:65px;height:22px}
.wst-shop-goimg img.goodsImg{max-width:207px;max-height:207px}
.wst-shop-share{float:right;position:relative;top:-6px;margin-right:6px}
.wst-shop-list img{max-width:1200px}@-webkit-keyframes a1{0%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:1;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}}@-moz-keyframes a1{0%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:1;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}}@-o-keyframes a1{0%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:1;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}}@keyframes a1{0%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:1;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}}
.wst-shop-rgoods:hover img{-webkit-animation:a1 1s .1s ease both;-moz-animation:a1 1s .1s ease both;animation:a1 .5s .1s ease both;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.notice_img{width:15px;height:15px;vertical-align:middle}

View File

@ -0,0 +1,49 @@
@CHARSET "UTF-8";
a{cursor:pointer}
img{border:none}
.wst-shopstr-ads{padding:10px 0}
.wst-shopstr-ads img{width:1200px;height:220px}
.wst-shopstr-cat{margin:10px 0 20px 0;padding:10px 20px;border:1px solid #dddbdb}
.wst-shopstr-catt{height:23px;color:#333;border-bottom:1px dashed #b5b5b5}
.wst-shopstr-cat span{float:left;margin:8px 60px 0 0;padding:8px 5px}
.wst-shopstr-cat span:hover{cursor:pointer;color:#fff;background:#fc6047;border-radius:3px}
.js-selected{cursor:pointer;color:#fff;background:#fc6047;border-radius:3px}
.wst-shopstr-shop{margin-top:20px;padding:10px;border:1px solid #dddbdb}
.wst-shopstr-shop:hover{border:1px solid #fc6047}
.wst-shopstr-shopl{float:left;width:150px;height:150px;text-align:center;vertical-align:middle;display:block;position:relative}
.wst-shopstr-shopi{float:left;width:26%;margin-left:12px}
.wst-shopstr-shopr{float:right;width:60%}
.wst-shopstr-shopl a{width:150px;height:150px;display:table-cell;vertical-align:middle}
.wst-shopstr-shopl a img{max-width:150px;max-height:150px}
.wst-shopstr-name{height:32px;line-height:32px}
.wst-shopstr-name .name{float:left;font-size:18px;color:#2e2e2e;font-weight:700;width:170px;height:30px;display:block;overflow:hidden}
.wst-shopstr-name .name:hover{color:#f53e28}
.wst-shopstr-name .favorite{padding:5px 5px 5px 23px;loat:left;border:1px solid #ededed;margin-left:5px}
.wst-shopstr-name .j-fav,.wst-shopstr-name .j-fav:hover{background:url(../img/iconfont_guanzhu_sel.png) 4px 5px no-repeat}
.wst-shopstr-name .j-fav2{background:url(../img/iconfont_guanzhu_nor.png) 3px -19px no-repeat;transition:background-position .15s ease-in-out 0s}
.wst-shopstr-name .j-fav2:hover{background:url(../img/iconfont_guanzhu_nor.png) 3px 5px no-repeat;text-decoration:none}
.wst-shopstr-pr{float:left;width:100%;margin-top:7px;color:#807f7f}
.wst-shopstr-pr .company{text-decoration:underline;color:#57c4f5}
.wst-shopstr-pr .company:hover{color:#31b0e9}
.wst-shopstr-score{width:118px;height:96px;position:absolute;left:25px;bottom:-95px;color:#545252;text-indent:1em;cursor:pointer;background:url(../img/img_bg_xiala.png) 0 0 no-repeat}
.wst-shopstr-score .title{font-weight:700}
.wst-shopstr-more{float:left;width:100%}
.wst-shopstr-more a{font-size:13px;color:#666}
.wst-shopstr-more a:hover{color:#eb5f43}
.wst-shopstr-more span{width:100px;height:20px;color:#fff;line-height:20px;background:url(../img/img_dztj_bg.png) no-repeat}
.wst-shopstr-good{padding-top:2px;margin-left:26px}
.wst-shopstr-goods{float:left;margin:0 3px}
.wst-shopstr-goodimg{width:100px;height:100px;text-align:center;vertical-align:middle;display:block;position:relative}
.wst-shopstr-goodimg a{width:100px;height:100px;display:table-cell;vertical-align:middle}
.wst-shopstr-goodimg a img{max-width:100px;max-height:100px}
.wst-shopstr-goods span{float:left;width:100px;margin-top:1px;text-align:center;color:#fc6047;font-weight:700}
.shopstrPaging{padding:20px 0 50px 480px}
.als-container{position:relative;width:100%;margin:0 auto}
.als-viewport{position:relative;overflow:hidden;margin:0 auto}
.als-wrapper{position:relative;list-style:none}
.als-item{position:relative;display:block;text-align:center;cursor:pointer;float:left}
.als-next,.als-prev{position:absolute;cursor:pointer;clear:both}
.als-item img{width:135px;height:135px;vertical-align:middle}
.als-next,.als-prev{top:40px}
.als-prev{left:-25px}
.als-next{right:-30px}

View File

@ -0,0 +1,382 @@
@CHARSET "UTF-8";
.wst-wrap{margin:0 auto}
.wst-main{margin:auto;width:1200px;min-height:600px;height:auto;padding-top:15px}
.wst-menu{background:#fff;width:198px;float:left;margin-right:15px;filter:progid:DXImageTransform.Microsoft.Shadow(color = #909090,direction = 120,strength = 4);-moz-box-shadow:2px 2px 10px #909090;-webkit-box-shadow:2px 2px 10px #909090;box-shadow:0 1px 3px rgba(0,0,0,0.3)}
.wst-content{background:#fff;min-height:948px;height:auto;width:990px;float:right;filter:progid:DXImageTransform.Microsoft.Shadow(color = #909090,direction = 120,strength = 4);-moz-box-shadow:2px 2px 10px #909090;-webkit-box-shadow:2px 2px 10px #909090;box-shadow:0 1px 3px rgba(0,0,0,0.3)}
.wst-footer{border-top:1px solid #ddd;margin-top:5px}
.wst-menu-title{position:relative;width:143px;display:block;padding:10px 5px 10px 50px;font-weight:bolder;border-top:1px solid #ccc;color:#000;font-size:16px;font-family:"microsoft yahei";background:#e9e9e9;cursor:pointer}
.wst-menu-title img{padding:0 0 3px 6px}
.wst-menu{width:198px;margin:0;padding:0;min-height:948px}
.wst-menu li{list-style-type:none;padding:0 0 0 50px;height:35px;line-height:35px;color:#6a6868;cursor:pointer}
.wst-menu li:hover,li.wst-menua{font-weight:bolder;color:#e23e3d;border-left:2px solid #e23e3d}
.wst-menu .selected{background-color:#e23e3d;font-weight:bolder;color:#fff}
.wst-menu .liselect{background-color:#e23e3d;font-weight:bolder;color:#fff}
.wst-list{width:100%;border:1px solid #ddd;border-collapse:collapse}
.wst-list thead tr th{height:40px;line-height:40px;border-bottom:1px solid #ccc;text-align:left;padding-left:5px;background:#eee}
.wst-list tbody tr td{word-wrap:break-word;word-break:break-all;height:40px;line-height:40px;text-align:left;padding-left:5px}
.wst-list tbody tr:nth-child(even){background:#fcfae1}
a:active,a:hover{text-decoration:none;color:red}
.wst-form{border-collapse:collapse}
.wst-form tr{height:30px;line-height:30px}
.wst-form tr th{color:#707070;text-align:right}
.wst-form tr td{text-align:left}
.wst-form input,textarea{background-color:white;border:1px solid #ccc;border-radius:2px;box-shadow:1px 1px 1px #f0f0f0 inset;font-family:inherit;font-size:100%;margin:3px;padding:5px;vertical-align:middle}
.wst-form select{box-shadow:2px 2px 2px #f0f0f0 inset;font-family:inherit;font-size:100%;vertical-align:middle;margin:3px}
.wst-form select option{padding:2px}
.wst-shop-nav{background-color:#e45050;border-top:6px solid #e45050;text-align:center}
.wst-nav-box{width:1200px;margin:0 auto;line-height:33px;color:#fff}
.wst-nav-box li{width:145px;text-align:center;color:#fff;font-size:18px;font-family:"microsoft yahei";margin-bottom:-1px}
.wst-nav-box li:hover,.wst-nav-box .wst-nav-boxa{color:#e45050;background:url(../img/user_bg_nav.png) -10px 0 no-repeat}
.wst-nav-box .liselect{list-style-type:none}
.wst-appsaler{margin-top:30px;text-align:center;margin-bottom:30px;line-height:30px}
.wst-menu-title span{position:absolute;left:20px;top:8px;display:inline-block;width:20px;height:20px;background-image:url(../../../View/default/images/icon_leftmenu.png);background-repeat:no-repeat}
select{box-shadow:2px 2px 2px #f0f0f0 inset;font-family:inherit;font-size:100%;padding:2px;vertical-align:middle}input,textarea{background-color:white;border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:100%;margin:3px;padding:5px;vertical-align:middle}
.wst-tab-box{width:100%;height:auto;margin:0 auto}
.wst-tab-nav{margin:0;padding:0;height:31px}
.wst-tab-nav li{cursor:pointer;float:left;margin:0;list-style:none;border:1px solid #ddd;border-bottom:0;border-left:none;line-height:30px;text-align:center;background:#eee;color:#000;padding-left:10px;padding-right:10px}
.wst-tab-nav .on{background:none repeat scroll 0 0 #e23e3d;border-bottom:0 none;color:#fff;font-weight:bold}
.wst-tab-content{padding:5px;width:99%;height:auto;border:1px solid #ddd;background:#FFF}
.wst-appraise-box{margin:0 auto;margin-top:20px;margin-bottom:10px}
.wst-appraise-box .appraise-title{margin-top:10px;font-weight:bold;text-align:left;padding-left:30px;padding-bottom:10px}
.wst-appraise-box .appraise-title .tips{font-weight:normal;color:#999}
.wst-appraise-box .main{border:1px solid #e9e9e9;border-top:2px solid #999}
.wst-appraise-box .head{line-height:35px;background-color:#e9e9e9;font-weight:bold}
.wst-appraise-box .goods-no{float:left;width:50px;text-align:center}
.wst-appraise-box .goods-name{float:left;width:600px}
.wst-appraise-box .goods-name2{float:left;width:530px;line-height:30px}
.wst-appraise-box .goods-status{float:left;width:120px;text-align:center}
.wst-appraise-box .goods-buy-time{float:left;width:220px;text-align:center}
.wst-appraise-box .appraise-box{text-align:center;background-color:#dbeaf9;padding-top:5px}
.wst-appraise-box .goods-txt{line-height:70px}
.wst-appraise-box .goods-img{border:0;margin-top:5px;margin-bottom:5px}
.wst-appraise-box .appraise-box .main-box{width:800px;margin:0 auto}
.wst-appraise-box .appraise-box .item{line-height:40px;margin-top:5px}
.wst-appraise-box .appraise-box .item .title{float:left;width:80px;text-align:right}
.wst-appraise-box .appraise-box .item .content{float:left;width:700px;text-align:left}
.wst-appraise-box .appraise-box .btn-box{padding-right:80px;margin:15px;float:right}
.wst-goods-tb{margin-top:3px;margin-bottom:2px;border:0}
.wst-complain-detail{width:100%;border-collapse:collapse}
.wst-complain-detail tr{height:25px;line-height:25px}
.wst-complain-detail tr th{color:#707070;text-align:right;font-size:12px}
.wst-complain-detail tr td{text-align:left;color:#707070}
.wst-complain-detail .head{font-weight:bold;border-bottom:1px dotted #ddd}
.wst-complain-left{width:250px;height:100%;border:1px solid #ddd;text-align:left;background:#fff;float:left}
.wst-complain-order-head{width:240px;height:25px;line-height:25px;border-bottom:1px solid #ddd;font-weight:bold;padding:5px;background:#f5f5f5}
.wst-complain-order-goods{width:240px;height:200px;line-height:30px;padding:5px;border-bottom:1px solid #ddd;overflow-y:auto}
.wst-complain-main{float:right;width:732px;overflow:hidden;border:1px solid #ddd}
.wst-complain-order-info{padding:5px;display:block;height:100%}
.wst-complain-order-info dt{float:left;width:70px;color:#999;padding:1px 0;display:block;height:20px}
.wst-complain-order-info dd{overflow:hidden;color:#666;padding:1px 0;width:170px;display:block;height:20px}
.wst-complain-box{border-bottom:1px solid #ddd;width:732px;padding:5px}
.wst-complain-footer{clear:both;width:100%;text-align:center;padding:5px 0}
.jcrop-holder #preview-pane{display:block;position:absolute;z-index:2000;top:10px;right:10px;padding:6px;border:1px rgba(0,0,0,.4) solid;background-color:white;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:1px 1px 5px 2px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 5px 2px rgba(0,0,0,0.2);box-shadow:1px 1px 5px 2px rgba(0,0,0,0.2)}
#preview-pane .preview-container{width:150px;height:150px;overflow:hidden;border:1px dashed #777}
#userPhotoCutBox>p{min-width:500px;min-height:500px;background:url('../img/cut_bg.png') repeat 0 0}
#cutArea{border:1px dashed #777;position:relative;top:-2px;left:-2px;float:left}#c-btn{width:35%;margin-left:15%}
.cut-btn{width:80px;height:30px;background:#e02f2f;color:white;font-weight:bold}
.cut-help{width:150px;position:absolute;top:185px;right:10px}
.cut-help p{margin-top:7px;width:150px}
.wst-lite-bac{background:#fff}
.wst-lite-tit{float:left;width:100px;margin:16px 0 0 10px}
.wst-lite-tit span{float:left;color:#e45050;font-size:19px;margin-left:10px;font-family:"microsoft yahei"}a.wst-lite-in{float:left;margin-top:6px;padding:3px 8px;color:#e45050;border:1px solid #e45050}
a.wst-lite-in:hover{color:#fff;border:1px solid #fff;background:#e45050}
.wst-lite-sea{float:right;background:#fff;margin:20px 35px 0 0}
.wst-lite-sea .search{border:2px solid #e23c3d;height:35px;position:relative}
.wst-lite-sea .search .j-search-type{width:78px;top:0;line-height:36px;position:absolute;padding:0;border-right:2px solid #e23c3d;border-left:2px solid #e23c3d;cursor:pointer;left:-2px;text-align:center}
.wst-lite-sea .search .j-type-list{width:70px;top:35px;line-height:36px;position:absolute;padding:0 4px;border:2px solid #e23c3d;cursor:pointer;background-color:#fff;left:-2px;z-index:100;border-top:0;display:none;text-align:center}
.wst-lite-sea .search .j-search-type i{top:15px;right:6px;height:7px;width:0;overflow:hidden;font-style:normal;color:#6a6a6a;display:block;position:absolute}
.wst-lite-sea .search .j-search-type s{position:relative;top:-17px;text-decoration:none}
.wst-lite-sea .search .j-type-list div:hover{color:#e23c3d}
.wst-lite-sea .search .search-ipt{border:0 none;color:#565656;float:left;font-family:Microsoft Yahei;font-size:14px;line-height:30px;overflow:hidden;padding:0;width:330px;height:30px;border:36px;outline:0;padding-left:84px;box-shadow:none}
.wst-lite-sea .search .search-btn{cursor:pointer;font-size:15px;font-weight:bolder;height:35px;line-height:36px;position:absolute;right:0;text-align:center;top:0;width:52px;background:url(../img/btn_search_red.png) 22px 6px no-repeat}
.wst-lite-cart{float:right;width:163px;height:40px;margin-top:20px;background:#e23c3d;position:relative;cursor:pointer}
.wst-lite-cart .word{float:left;width:112px;margin-top:4px;margin-left:20px;padding:5px 6px 7px 28px;color:#fff;font-size:14px;font-family:"microsoft yahei";background:url(../img/icon_gouwuche.png) no-repeat left center;position:relative}
.wst-lite-cart .num{font-size:14px;color:#fff;line-height:24px;text-align:center;position:absolute;display:block;width:27px;height:25px;background:url(../img/icon_number.png) no-repeat;right:19px;top:-12px}
.wst-lite-carts{width:332px;min-height:130px;margin-top:18px;border:1px solid #dedbdb;position:absolute;z-index:1200;background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.3);left:-171px;top:22px}
.wst-lite-carts:after{top:-16px;border-color:transparent transparent #fff}
.wst-lite-carts .carts{background:url(../img/top_icon_cartdown.png) 28px 47px no-repeat;width:332px;height:130px;text-indent:4.5em;line-height:130px;font-size:15px;color:#b9b6b6}
.wst-lite-cart .goods{float:left;width:96.666666%;border-bottom:1px dashed #bfbfbf;padding:5px}
.wst-lite-cart .goods .imgs{float:left;width:72px;height:72px;text-align:center;vertical-align:middle;display:block;position:relative}
.wst-lite-cart .goods .imgs a{width:72px;height:72px;display:table-cell;vertical-align:middle}
.wst-lite-cart .goods .imgs img{max-width:72px;max-height:72px}
.wst-lite-cart .goods .number{float:left;width:50%}
.wst-lite-cart .goods .number p{float:left;width:92%;margin-top:10px;padding-left:10px}
.wst-lite-cart .goods .price{float:right;text-align:right}
.wst-lite-cart .goods .price p{float:right;width:100%;line-height:20px;font-weight:bold;color:#df2003}
.wst-lite-cart .goods.price span{float:right;width:100%;line-height:20px}
.wst-lite-cart .goods .price span a:hover,.wst-lite-cart .goods .number p a:hover{color:#df2003}
.wst-lite-cart .comm{float:left;width:100%;font-weight:bold;line-height:32px}
.wst-lite-cart .comm span{font-size:15px;color:#e45050}
.wst-lite-cart .comm .span2{float:right;margin-right:10px}
.wst-lite-cart .btn{color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:400;line-height:30px;margin:10px 0 16px 72px;max-width:200px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;vertical-align:middle;width:100%;border-radius:5px}
@media(min-width:400px){.wst-lite-cart .btn{display:inline-block;margin-right:2.5em}
.wst-lite-cart .btn:nth-of-type(even){margin-right:0}}@media(min-width:600px){.wst-lite-cart .btn:nth-of-type(even){margin-right:2.5em}
.wst-lite-cart .btn:nth-of-type(5){margin-right:0}}
.wst-lite-cart .btn:hover{text-decoration:none}
.wst-lite-cart .btn-3{background:#e3403a;border:1px solid #da251f;box-shadow:0 1px 0 #d6251f,1px 1px 1px #e02a24;font-weight:900;letter-spacing:1px;-webkit-transition:all 150ms linear;transition:all 150ms linear}
.wst-lite-cart .btn-3:hover{background:#e02c26;border:1px solid rgba(0,0,0,0.05);box-shadow:1px 1px 2px rgba(255,255,255,0.2);color:#ec817d;text-decoration:none;text-shadow:-1px -1px 0 #c2211c;-webkit-transition:all 250ms linear;transition:all 250ms linear}
.wst-nav-l{float:left;width:28px;height:33px}
.wst-nav-r{float:right;width:28px;height:33px}
.wst-bottom{margin:auto;width:1200px;padding-top:20px}
.wst-bottom-m{float:left;height:29px;width:100%;border-bottom:1px solid #f24040}
.wst-bottom-ml{float:left;height:28px;line-height:28px;padding:0 10px;cursor:pointer;background:#ebebeb;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:1px solid #f24040;font-family:"microsoft yahei"}
.wst-bottom-mr{float:right;margin-right:5px;font-family:"microsoft yahei"}
.wst-bottom-ms{background:#f5f5f5;border-top:1px solid #f24040;border-left:1px solid #f24040;border-right:1px solid #f24040;border-bottom:1px solid #f5f5f5}
.wst-bottom-mr img{margin-top:7px;margin-right:5px}
.wst-bottom-mr a{line-height:28px}
.wst-bottom-g{padding:10px 0}
.wst-bottom-gs{float:left;padding:10px;width:17.333333%;margin:0 5px;border-radius:3px;border:1px solid #dadada}
.wst-bottom-i{float:left;width:208px;height:208px;text-align:center;vertical-align:middle;display:block;position:relative}
.wst-bottom-i img{max-width:208px;max-height:208px}
.wst-bottom-n1,.wst-bottom-n2,.wst-bottom-n3,.wst-bottom-n4{float:left;width:100%;font-family:"microsoft yahei"}
.wst-bottom-n1{margin-top:16px;font-size:15px}
.wst-bottom-n2{margin-top:8px}
.wst-bottom-n4{margin-top:5px}
.wst-bottom-n2l{font-size:15px;color:#eb533e;font-weight:bold}
.wst-bottom-n2r,.wst-bottom-n3r{float:right;line-height:20px}
.wst-bottom-n2r span{color:#ec198a}
.wst-bottom-n3l{color:#bab8b8;line-height:20px}
.wst-bottom-n3r span{color:#1398e3}
.wst-bottom-gs:hover{cursor:pointer;border:1px solid #f24040}
.gray{color:#707070;font-weight:bold}
.uinfo-form tr td{width:330px;height:40px}
.uinfo>input{width:235px}
.uinfo-nav{border-bottom:1px solid #e45050}
.uinfo-nav .on{background:none repeat scroll 0 0 #e45050;border-bottom:0 none;color:#fff;font-weight:bold}
select{border:solid 1px #ccc;appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-right:14px;background:url("../img/arrow.png") no-repeat scroll right center transparent}
select::-ms-expand{display:none}
.wst-radio+label{-webkit-appearance:none;background-color:#fafafa;border:1px solid gray;padding:6px;border-radius:50px;display:inline-block;position:relative}
.wst-radio+label:after{content:' ';width:6px;height:6px;border-radius:50px;position:absolute;top:3px;background:#99a1a7;box-shadow:inset 0 0 10px rgba(0,0,0,0.3);text-shadow:0;left:3px;font-size:32px}
.wst-radio:checked+label{border:1px solid #ff9a02}
.wst-radio:checked+label:after{content:' ';width:6px;height:6px;border-radius:50px;position:absolute;top:3px;background:#ff9a02;box-shadow:inset 0 0 10px #ff9a02;text-shadow:0;left:3px;font-size:32px}
.radio-box .wst-radio{position:relative;z-index:-654;left:16px;top:0}
.mt-1{position:relative;top:1px;left:0;cursor:pointer}
.checkbox-box-s{height:20px!important;cursor:pointer}
.wst-checkbox-s+label{-webkit-appearance:none;background-color:#fff;border:1px solid #d5d5d5;padding:6px;display:inline-block;position:relative}
.wst-checkbox-s+label:after{content:' ';width:6px;height:6px;position:absolute;top:3px;box-shadow:inset 0 0 10px #ccc;text-shadow:0;left:3px;font-size:32px}
.wst-checkbox-s:checked+label{border:1px solid #fc7373}
.wst-checkbox-s:checked+label:after{content:' ';width:6px;height:6px;position:absolute;top:3px;background:#fc7373;box-shadow:inset 0 0 10px #fc7373;text-shadow:0;left:3px;font-size:32px}
.checkbox-box-s .wst-checkbox-s{position:relative;z-index:-654;left:-5px;top:-1px;cursor:pointer}
.checkbox-box-s label{position:relative;top:-48px;left:1px}
.u-menu{height:25px;margin-left:4px;margin-top:10px}
.readMsg,.newMsg{width:36px;height:27px;background:url(../img/user_icon_info.png) no-repeat}
.newMsg{background-position:-66px -6px}
.readMsg{background-position:-11px -6px}
.msg-content{width: 630px}
.s-handle{color:#1cbbef!important;display:inline-block;margin:0 3px}
.s-handle:hover{color:#085cde}
.g{color:green}
.addr-btn{width:95px!important}
.wst-addr{width:98%;border:1px solid #ccc;margin:10px}
.wst-addr tbody tr td{height:20px}
.addr-title{text-align:right;width:130px}
.del{display:block;float:right;clear:right;padding-right:5px;font-size:15px;color:#c1c1c1!important}
.del:hover{color:red!important}
.edit>a{display:block;float:right;padding-right:20px;color:#4b4bfb}
.edit>a:hover{color:#0d0dc7}
.default{width:60px;height:25px;background:orange;line-height:25px;text-align:center;color:white;float:left;clear:left;margin-left:35px}
.wst-user-head{float:left;width:100%;border-bottom:1px solid #e45050}
.wst-user-head span{float:left;line-height:28px;padding:0 28px;color:#fff;background:#e45050;font-weight:bold}
.wst-user-head a{float:right;line-height:28px;padding:0 28px;color:#fff;background:#e45050}
.wst-user-tbar{height:35px;padding:2px;clear:both;padding-top:13px;padding-left:10px}
.wst-user-content{padding:2px;clear:both;margin-top:10px}
.wst-user-buta{height:30px;line-height:30px;margin-right:10px;margin-top:16px;padding:0 20px;color:#fff;background:#e45050;border-radius:3px}
.wst-user-buta:hover{color:#fff;background:#ea3232}
.wst-user-buta2{height:29px;padding:0 20px;background:#ebebeb;border-radius:3px;border:1px solid #dad7d7;box-shadow:0 0 1px rgba(0,0,0,0.3)}
.wst-user-buta2:hover{border-radius:3px;background:#f1f1f1;box-shadow:0 0 0 rgba(0,0,0,0.3)}
.wst-sec-but:not(.disabled):not(:disabled):active,.wst-sec-but.active{background:#f96a54;background-clip:padding-box;border:1px solid #f96a54}
.wst-sec-but2{outline:0;background:#ebebeb;color:#9f9696;border:1px solid #dad7d7;border-radius:3px;cursor:pointer}
.wst-sec-but2:not(.disabled):not(:disabled):active,.wst-sec-but2.active{background:#f1f1f1;background-clip:padding-box}
.wst-order-list{width:100%;border-color:grey;border-collapse:separate;border-spacing:0}
.wst-order-list .head{height:32px;line-height:32px;text-align:center;background:#f5f5f5;color:#666;font-weight:400}
.wst-order-list .empty-row{height:20px}
.wst-order-list .order-head{background:#f5f5f5;height:31px;line-height:31px;color:#aaa;overflow:hidden}
.wst-order-list .order-head td{padding-left:5px;padding-right:5px;border:1px solid #e5e5e5;border-bottom:0}
.wst-order-list .goods-box td:first-child{border-left:1px solid #e5e5e5}
.wst-order-list .goods-box td{padding:5px;border:1px solid #e5e5e5;border-top:0;border-left:0}
.wst-order-list .time{float:left;margin-right:30px}
.wst-order-list .orderno{float:left;margin-right:30px;width:250px;text-align:left}
.wst-order-list .shop{float:left;margin-right:20px;width:150px;text-align:left}
.wst-order-list .link{float:left}
.wst-order-list .goods-img{width:60px;height:60px;text-align:center;vertical-align:middle;display:block;position:relative;float:left}
.wst-order-list .goods-img a{display:table-cell;vertical-align:middle;width:60px;height:60px}
.wst-order-list .goods-img a img{max-width:60px;max-height:60px}
.wst-order-list .goods-name{float:left;margin-left:5px;line-height:25px;width:500px}
.wst-order-list .goods-extra{float:right;margin-left:5px}
.wst-order-list .line{border-bottom:1px solid #ddd;margin-bottom:2px;padding-bottom:2px}
.order-box{margin-bottom:5px;border-bottom:1px solid #ddd}
.order-box .box-head{font-weight:bold;height:30px;line-height:30px;padding-left:5px;}
.order-pc{float:left;margin:7px 5px 0 0;width:18px;height:18px;background:url(../img/order_source_1.png) 0 0 no-repeat;background-size:90%}
.order-mo{float:left;margin:7px 5px 0 0;width:18px;height:18px;background:url(../img/order_source_2.png) 0 0 no-repeat;background-size:100%}
.order-wx{float:left;margin:7px 5px 0 0;width:18px;height:18px;background:url(../img/order_source_3.png) 0 0 no-repeat;background-size:100%}
.order-app{float:left;margin:7px 5px 0 0;width:18px;height:18px;background:url(../img/order_source_4.png) 0 0 no-repeat;background-size:100%}
.order-ios{float:left;margin:7px 5px 0 0;width:18px;height:18px;background:url(../img/order_source_5.png) 0 0 no-repeat;background-size:100%}
.order-box .log-box{height:132px}
.order-box .log-box .icon{float:left;width:60px;height:60px}
.order-box .log-box .icons{float:left;width:60px;height:60px}
.order-box .log-box .icon11{background:url(../img/user_icon_rzxx.png) -15px -12px no-repeat}
.order-box .log-box .icon21{background:url(../img/user_icon_rzxx.png) -105px -12px no-repeat}
.order-box .log-box .icon31{background:url(../img/user_icon_rzxx.png) -194px -12px no-repeat}
.order-box .log-box .icon41{background:url(../img/user_icon_rzxx.png) -282px -12px no-repeat}
.order-box .log-box .icon51{background:url(../img/user_icon_rzxx.png) -373px -12px no-repeat}
.order-box .log-box .icon12{background:url(../img/user_icon_rzxx.png) -15px -62px no-repeat}
.order-box .log-box .icon22{background:url(../img/user_icon_rzxx.png) -105px -62px no-repeat}
.order-box .log-box .icon32{background:url(../img/user_icon_rzxx.png) -194px -61px no-repeat}
.order-box .log-box .icon42{background:url(../img/user_icon_rzxx.png) -282px -63px no-repeat}
.order-box .log-box .icon52{background:url(../img/user_icon_rzxx.png) -373px -62px no-repeat}
.order-box .log-box .icon13{background:url(../img/user_icon_rzxx.png) -19px -123px no-repeat}
.order-box .log-box .icon23{background:url(../img/user_icon_rzxx.png) -105px -122px no-repeat}
.order-box .log-box .icon33{background:url(../img/user_icon_rzxx.png) -194px -121px no-repeat}
.order-box .log-box .icon43{background:url(../img/user_icon_rzxx.png) -282px -122px no-repeat}
.order-box .log-box .icon53{background:url(../img/user_icon_rzxx.png) -373px -121px no-repeat}
.order-box .log-box .arrow{float:left;color:#979797;font-size:15px;font-weight:bold;margin-top:18px}
.order-box .log-box .arrow2{color:#7ebb53}
.order-box .log-box .state{float:left;width:100%;margin-left:18px}
.order-box .log-box .state2{float:left;width:100%;position:relative}
.order-box .log-box .state2 p{float:left;width:185px;height:50px;text-align:left;margin-left:12px;color:#f05858;font-size:15px}
.order-box .log-box .state2 .path{position:absolute;z-index:10}
.order-box .log-box .state2 .path span{float:left;width:185px;height:50px;text-align:left;margin-left:12px;background:#fff}
.order-box .delivery-box{height:100px;border-bottom:1px solid #ddd}
.order-box th{font-weight:normal}
.order-box .goods-head{border-top:2px solid #fc7a64;background:#f3f3f3;display:block;height:25px;line-height:25px;margin:0 0 10px;padding:5px 0}
.order-box .goods-head .goods{float:left;width:650px;padding-left:15px}
.order-box .goods-head .price{float:left;width:100px}
.order-box .goods-head .num{float:left;width:100px}
.order-box .goods-head .t-price{float:left;width:105px}
.order-box .shop{padding-left:15px;height:25px;line-height:25px;border-bottom:2px solid #fdd8d2;color:#e55356;font-weight:bold;font-size:15px;padding-bottom:5px}
.order-box .item{padding-top:5px;padding-bottom:5px;border:1px solid #eee;border-top:0}
.order-box .item .goods{float:left;width:650px;padding-left:15px}
.order-box .item .goods .img{float:left;width:80px;height:80px}
.order-box .item .goods .name{float:left;width:390px;height:80px;margin-left:5px}
.order-box .item .goods .spec{float:left;width:165px;margin-left:5px}
.order-box .item .price{float:left;width:100px}
.order-box .item .num{float:left;width:100px}
.order-box .item .t-price{float:left;width:100px}
.order-box .goods-footer{padding-right:10px;margin-bottom:10px}
.order-box .line{border-top:1px solid #ddd}
.order-box .goods-summary{margin-top:10px}
.order-box .summary{height:30px;line-height:30px}
.order-box .orderScore{margin-right:5px}
.order-box .log td{height:25px;line-height:25px;padding-left:15px}
.score-add{color:red;font-size:16px;font-weight:bold}
.score-reduce{color:green;font-size:16px;font-weight:bold}
.score-head{background:#eee;height:120px;width:100%}
.score-head .user-logo{float:left;margin-top:10px;margin-left:20px;width:100px;height:100px}
.score-head .user-logo img{-moz-border-radius:100px;-webkit-border-radius:100px}
.score-head .user-info{float:left;padding-top:25px;padding-left:20px}
.score-head .user-info .userName{height:25px;line-height:25px}
.score-head .user-info .userScore{height:25px;line-height:25px}
.score-head .user-info .draw-tips{color:red;margin-left:20px}
.money-add{color:red;font-size:16px;font-weight:bold}
.money-reduce{color:green;font-size:16px;font-weight:bold}
.money-head{background:#eee;height:120px;width:100%}
.money-head .user-logo{float:left;margin-top:10px;margin-left:20px;width:100px;height:100px}
.money-head .user-logo img{-moz-border-radius:100px;-webkit-border-radius:100px}
.money-head .user-info{float:left;padding-top:25px;padding-left:20px}
.money-head .user-info .userName{height:25px;line-height:25px}
.money-head .user-info .userScore{height:25px;line-height:25px}
.score-head .user-info .cashmoney-box{margin-left:20px;}
.score-head .cashbtn{padding: 3px 5px;border: 1px solid #333;}
.score-head .cashbtn:hover{padding: 3px 5px;border: 1px solid #e45050;}
.score-head .usermoney{width:150px ; float:left;}
.score-head .cashbox{width:300px; float:left;}
.score-head .lockbox{width:150px ; float:left;}
.wst-fav-listg{float:left;width:100%;padding-top:12px}
.wst-fav-listg a,.wst-fav-shop span{color:#6a6868}
.wst-fav-goods{float:left;width:21.88888888%;padding:10px;background:#fff;border:1px solid #dadada;border-radius:3px;margin-left:6px;margin-bottom:20px}
.wst-fav-goods:hover{border:1px solid #fe7f6c}
.wst-fav-goodp1{margin-top:8px}
.wst-fav-goodp1,.wst-fav-goodp2{float:left;width:100%;line-height:20px;font-family:"microsoft yahei"}
.wst-fav-goodpr{color:#ea523b;font-size:16px;font-weight:bold}
.wst-fav-goodpr2{color:#ed1a8d}
.wst-fav-goodpr3{color:#c4c2c2}
.wst-fav-goodpr4{color:#249ee7}
.wst-fav-goimg{float:left;width:216px;height:216px;text-align:center;vertical-align:middle;display:block;position:relative}
.wst-fav-goimg img{max-width:216px;max-height:216px;cursor:pointer}
.wst-fav-goimg span{width:216px;height:38px;line-height:38px;font-size:15px;color:#fff;opacity:.8;background:#605d56;display:block;position:absolute;left:0;bottom:0;display:none}
.wst-fav-goimg span:hover{background:#d0260c;cursor:pointer}
.wst-fav-gonam{float:left;width:100%;height:36px;color:#838383;font-size:15px;font-family:"microsoft yahei";margin-top:6px}
.wst-fav-shop{float:left;width:100%;margin-top:6px}
.wst-fav-shop span{margin-right:10px}
.wst-fav-shop img{float:left;margin-top:1px;width:15px;margin-right:3px}
.wst-fav-pa{padding:25px 0 0 350px}
.wst-favo-shop{margin-top:20px;padding:8px;border:1px solid #dddbdb}
.wst-favo-shop:hover{border:1px solid #ec7e67}
.wst-favo-shopl{float:left;width:150px}
.wst-favo-shopr{float:right;width:80%}
.wst-favo-shopimg{float:left;width:150px;height:150px;text-align:center;vertical-align:middle;display:block;position:relative}
.wst-favo-shopimg img{max-width:150px;max-height:150px}
.wst-favo-shopl p{float:left;height:25px;width:100%;line-height:25px;text-align:center;font-family:"microsoft yahei"}
.wst-favo-shopa{float:left;padding:0 8px;margin-left:3px;height:22px;line-height:22px;border:1px solid #7a7a7a;color:#7a7a7a;cursor:pointer}
.wst-favo-shopa:hover{color:#ec7e67;border:1px solid #ec7e67;box-shadow:0 0 1px rgba(0,0,0,0.3)}
.wst-favo-more{float:left;width:100%}
.wst-favo-more a{font-size:13px;color:#666}
.wst-favo-more a:hover{color:#eb5f43}
.wst-favo-more span{width:100px;height:20px;color:#ec7e67;line-height:20px;font-weight:bold;text-align:center;border-bottom:2px solid #ec7e67}
.wst-favo-good{padding-top:2px;margin-left:22px}
.wst-favo-goods{float:left;margin:0 5px}
.wst-favo-goodimg{width:135px;height:135px;text-align:center;vertical-align:middle;display:block;position:relative}
.wst-favo-goodimg a{width:135px;height:135px;display:table-cell;vertical-align:middle}
.wst-favo-goodimg a img{max-width:135px;max-height:135px}
.wst-favo-goods span{float:left;width:100%;margin-top:1px;text-align:center;color:#fc6047;font-weight:bold;font-size:15px}
.als-container{position:relative;width:100%;margin:0 auto}
.als-viewport{position:relative;overflow:hidden;margin:0 auto}
.als-wrapper{position:relative;list-style:none}
.als-item{position:relative;display:block;text-align:center;cursor:pointer;float:left}
.als-prev,.als-next{position:absolute;cursor:pointer;clear:both}
.als-item img{width:135px;height:135px;vertical-align:middle}
.als-prev,.als-next{top:40px}
.als-prev{left:-22px}
.als-next{right:-22px}
.goods-info img{margin-top:10px;display:block;float:left}
.goodsName{margin-top:10px;height:50px;line-height:50px;overflow:hidden;float:left}
.appraise-complate{width:980px;min-height:265px;margin-top:10px;border:1px solid #ccc}
.appraise-box{width:980px;height:350px;margin:10px 0;border:1px solid #ccc}
.o-goods-info{width:210px;height:258px;padding-left:5px;padding-top:5px;float:left;overflow:hidden}
.o-goods-info img{width:180px;height:180px}
.appraise-area{word-wrap:break-word;word-break:break-all;padding-top:5px;width:740px;height:100%;float:right}
.appraise-item{width:500px}
.appraise-title{margin-top:3px;float:left;width:70px;font-weight:bold}
.appraise-content{float:left;width:430px}
.complate-content{width:600px;max-height:180px;line-height:24px;overflow:hidden}
.webuploader-pick{height:25px;line-height:25px}
.appraise-btn{cursor:pointer;width:60px;height:30px;background:#e23e3d;border:0;color:#fff;border-radius:3px}
.wst-msg-tips-box{background-color:#f0a869;border-radius:12px;color:white;cursor:pointer;display:inline-block;height:24px;left:30px;line-height:24px;position:relative;text-align:center;top:0;width:24px}
.msgContent{padding:10px}
.wst-sec-but{outline:0;background:#e45050;color:#fff;border:1px solid #d33110;border-radius:3px;cursor:pointer}
.u-btn{width:80px;height:30px;font-weight:bold;cursor:pointer}
.u-btn:hover{background:#ea3232 none repeat scroll 0 0;cursor:pointer}
.s-btn{margin:10px}
.tc{text-align:center}
.g_bd{border:1px solid #f2f2f2}
.pd10{padding:10px}
.my_consultbox{margin:5px 0;width:100%;overflow:hidden}
.my_consult{width:70%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left}
.consult_time{float:right;margin-right:1%}
.gc_replytit{color:#ff6c00}
.c999{color:#999}
.gc_a{color:#005ea7}
.gc_a:hover{color:#005ea7}
.order_remaker{color:#ff6c00;padding:5px;border:1px solid #ddd;border-top:0}
.order_from{ margin-left: 10px;color: #fff;border: 1px solid red;padding: 2px 4px;border-radius: 10px;background-color: #FF247A;}
.wst-inform-head{float:left;width:100%;border-bottom:1px solid #e45050}
.wst-inform-head span{float:left;line-height:28px;padding:0 28px;color:#fff;background:#e45050;font-weight:bold}
.wst-inform-head a{float:right;line-height:28px;padding:0 28px;color:#fff;background:#e45050}
.wst-inform-box{border-bottom: 1px solid #ddd;height: auto;overflow:hidden;padding: 10px;line-height: 30px;}
.wst-inform-content{margin-right:50px;background:#fff;min-height:948px;height:auto;width:65%;float:left;filter:progid:DXImageTransform.Microsoft.Shadow(color = #909090,direction = 120,strength = 4);-moz-box-shadow:2px 2px 10px #909090;-webkit-box-shadow:2px 2px 10px #909090;box-shadow:0 1px 3px rgba(0,0,0,0.3)}
.wst-remind{width: 28%;float: left;}
.inform-log-box{line-height: 20px;padding: 20px;}
.wst-inform-box .wst-shopName{ border-bottom: 1px solid #ddd;display: inline-block;width: 20%;text-align:right;}
.wst-inform-box .title{width: 20%;text-align:right;display: inline-block;vertical-align: top;}
.wst-inform-box .goods-img{width: 70%;display: inline-block;}
.wst-inform-box .goods-img .wst-img img{width: 40px;height: 40px;}
.wst-inform-box .goods-img .wst-text a{text-decoration:none;}
.wst-remind .content{float: left;}
.wst-remind .alert {color: #C09853;background-color: #FCF8E3; padding: 9px 14px;border: 1px solid #FBEED5;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.wst-inform-box .model{width: 20%;height: 100%;display: inline-block;}
.order-box .log-box .state3{margin-left: 10px;}
.order-box .log-box .state3 p {float: left;width: 170px;margin-left: 20px;height: 30px;text-align: left;color: #f05858;font-size: 15px;
}

View File

@ -0,0 +1,17 @@
{extend name="default/base" /}
{block name="title"}记录找不到了 - {:WSTConf('CONF.mallName')}{__block__}{/block}
{block name="css"}{/block}
{block name="main"}
<div class="wst-container">
<div class="wst-empty empty3">
<div class="prompt3">
<p>很抱歉,你来晚了一步,它已经任性的消失了...</p>
<p>你要坚强些,继续发掘别的宝贝吧</p>
</div>
<div class="button3">
<a href="javascript:history.go(-1)" class="wst-empty-btn wst-empty-btn1">返回上一页</a>
<a href="{$Request.root.true}" class="wst-empty-btn wst-empty-btn1">返回首页</a>
</div>
</div>
</div>
{/block}

View File

@ -0,0 +1,15 @@
{extend name="default/base" /}
{block name="title"}系统提示 - {:WSTConf('CONF.mallName')}{__block__}{/block}
{block name="css"}{/block}
{block name="main"}
<div class="wst-container">
<div class="wst-empty empty1">
<div class="prompt">
<p>{$message}</p>
</div>
<div class="button">
<a href="{$Request.root.true}" class="wst-empty-btn wst-empty-btn1">返回首页</a>
</div>
</div>
</div>
{/block}

View File

@ -0,0 +1,18 @@
<!doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>提示信息 - {:WSTConf('CONF.mallName')}</title>
<meta name="auther" content="WSTMart,www.wstmart.net" />
<meta name="copyright" content="Copyright©2016-2066 Powered By WSTMart" />
<link href="__STYLE__/css/common.css?v={$v}" rel="stylesheet">
</head>
<body>
<div class="wst-container">
<div class="wst-empty empty1">
<div class="prompt">
<p>{if(WSTConf('CONF.seoMallSwitchDesc'))}{:WSTConf('CONF.seoMallSwitchDesc')}{else}商城暂时关闭{/if}</p>
</div>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,18 @@
{extend name="default/base" /}
{block name="title"}系统出错了 - {:WSTConf('CONF.mallName')}{__block__}{/block}
{block name="css"}{/block}
{block name="main"}
<div class="wst-container">
<div class="wst-empty empty2">
<div class="prompt2">
<span>OMG系统出错了</span>
<p>你竟然能来到这里 (╯﹏╰)</p>
<p>看来我们要去面壁思过了...</p>
</div>
<div class="button2">
<a href="javascript:history.go(-1)" class="wst-empty-btn wst-empty-btn1">返回上一页</a>
<a href="{$Request.root.true}" class="wst-empty-btn wst-empty-btn1">返回首页</a>
</div>
</div>
</div>
{/block}

View File

@ -0,0 +1,134 @@
<div style="border-top: 1px solid #df2003;padding-bottom:25px;margin-top:35px;min-width:1200px;"></div>
<div class="wst-footer-flink">
<div class="wst-footer" >
<div class="wst-footer-cld-box">
<div class="wst-footer-fl" style="text-align: left;padding-left:10px;">友情链接</div>
<div style="padding-left:40px;">
{wst:friendlink cache='86400'}
<div style="float:left;"><a class="flink-hover" href="{$vo['friendlinkUrl']}" target="_blank">{$vo["friendlinkName"]}</a>&nbsp;&nbsp;</div>
{/wst:friendlink}
<div class="wst-clear"></div>
</div>
</div>
</div>
</div>
<ul class="wst-footer-info">
<li><div class="wst-footer-info-img wst-fimg1"></div>
<div class="wst-footer-info-text">
<h1>支付宝支付</h1>
<p>支付宝签约商家</p>
</div>
</li>
<li><div class="wst-footer-info-img wst-fimg2"></div>
<div class="wst-footer-info-text">
<h1>正品保证</h1>
<p>100%原产地</p>
</div>
</li>
<li><div class="wst-footer-info-img wst-fimg3"></div>
<div class="wst-footer-info-text">
<h1>退货无忧</h1>
<p>七天退货保障</p>
</div>
</li>
<li><div class="wst-footer-info-img wst-fimg4"></div>
<div class="wst-footer-info-text">
<h1>免费配送</h1>
<p>满额包邮</p>
</div>
</li>
<li><div class="wst-footer-info-img wst-fimg5"></div>
<div class="wst-footer-info-text">
<h1>货到付款</h1>
<p>400城市送货上门</p>
</div>
</li>
</ul>
<div class="wst-footer-help">
<div class="wst-footer">
<div class="wst-footer-hp-ck1">
{volist name=":WSTHelps(5,6)" id="vo1"}
<div class="wst-footer-wz-ca">
<div class="wst-footer-wz-pt">
<span class="wst-footer-wz-pn">{$vo1["catName"]}</span>
<ul style='margin-left:25px;'>
{volist name="vo1['articlecats']" id="vo2"}
<li style='list-style:disc;color:#999;font-size:12px;'>
<a href="{:Url('Home/Helpcenter/view',array('id'=>$vo2['articleId']))}">{:WSTMSubstr($vo2['articleTitle'],0,8)}</a>
</li>
{/volist}
</ul>
</div>
</div>
{/volist}
<div class="wst-contact">
<ul>
<li style="height:30px;">
<div class="icon-phone"></div><p class="call-wst">服务热线:</p>
</li>
<li style="height:38px;">
{if(WSTConf('CONF.serviceTel')!='')}<p class="email-wst">{:WSTConf('CONF.serviceTel')}</p>{/if}
</li>
<li style="height:150px;">
<div class="qr-code" style="position:relative;">
<img src="__IMGURL__/upload/sysconfigs/app.jpg" style="height:90px;">
</span>
{if(WSTConf('CONF.wxenabled')==1) && WSTConf('CONF.wxAppLogo')}
<img src="__IMGURL__/{:WSTConf('CONF.wxAppLogo')}" style="height:110px;">
{/if}
<div class="focus-wst">
{if(WSTConf('CONF.serviceQQ')!='')}
<p class="focus-wst-qr">在线客服:</p>
<p class="focus-wst-qra">
<a href="tencent://message/?uin={:WSTConf('CONF.serviceQQ')}&Site=QQ交谈&Menu=yes">
<img border="0" src="http://wpa.qq.com/pa?p=1:{:WSTConf('CONF.serviceQQ')}:7" alt="QQ交谈" width="71" height="24" />
</a>
</p>
{/if}
{if(WSTConf('CONF.serviceEmail')!='')}
<p class="focus-wst-qr">商城邮箱:</p>
<p class="focus-wst-qre">{:WSTConf('CONF.serviceEmail')}</p>
{/if}
</div>
</div>
<a style="float: left;margin-left: -70px;margin-top:5px; color: #999;">下载APP</a>
</li>
</ul>
</div>
<div class="wst-clear"></div>
</div>
<div class="wst-footer-hp-ck3">
<div class="links">
{php}$navs = WSTNavigations(1);{/php}
{volist name="$navs" id='vo'}
<a href="{$vo['navUrl']}" {if $vo['isOpen']==1}target="_blank"{/if}>{$vo['navTitle']}</a>
{if $i< count($navs)}&nbsp;&nbsp;|&nbsp;&nbsp;{/if}
{/volist}
</div>
<div class="copyright">
{php}
if(WSTConf('CONF.mallFooter')!=''){
echo htmlspecialchars_decode(WSTConf('CONF.mallFooter'));
}
{/php}
{php}
if(WSTConf('CONF.visitStatistics')!=''){
echo htmlspecialchars_decode(WSTConf('CONF.visitStatistics'))."<br/>";
}
{/php}
</div>
</div>
</div>
</div>
{:hook('initCronHook')}

View File

@ -0,0 +1,66 @@
{extend name="default/base" /}
{block name="title"}忘记密码 - {:WSTConf('CONF.mallName')}{__block__}{/block}
{block name="css"}
<link href="__STATIC__/plugins/validator/jquery.validator.css?v={$v}" rel="stylesheet">
<link href="__STYLE__/css/login.css?v={$v}" rel="stylesheet">
{/block}
{block name="nav"}
{php}$liteTitle = "找回密码"{/php}
{include file="default/header_lite" /}
{/block}
{block name="main"}
<div class="wst-container">
<div id="stepflex" class="stepflex">
<dl class="first doing">
<dt class="s-num">1</dt>
<dd class="s-text">填写账户名</dd>
<dd></dd>
</dl>
<dl class="normal">
<dt class="s-num1">2</dt>
<dd class="s-text">验证身份</dd>
</dl>
<dl class="normal">
<dt class="s-num1">3</dt>
<dd class="s-text">重置密码</dd>
</dl>
<dl class="last">
<dt class="s-num1">4</dt>
<dd class="s-text">完成</dd>
</dl>
</div>
<div class="wst-clear"></div>
<div class="forget-pwd">
<form id="forgetPwdForm" autocomplete="off">
<input type="hidden" id="step" name="step" class="ipt" value="1" autocomplete="off">
<table class="wst-table">
<tbody>
<tr class="wst-login-tr">
<td class="wst-regist-td">用户名</td>
<td><input id="loginName" name="loginName" class="ipt wst-forget-input" type="text" data-rule="用户名 required;remote(post:{:url('home/users/checkFindKey')})" data-msg-required="请输入用户名" data-tip="请输入用户名" tabindex="1" value="" autocomplete="off" placeholder="邮箱/用户名/手机号"/></td>
</tr>
<tr class="wst-login-tr">
<td class="wst-regist-td">验证码</td>
<td>
<div class="wst-forget-code">
<input id="verifyCode" style="ime-mode:disabled" name="verifyCode" class="ipt wst-forget-codein" data-rule="验证码 required;" data-msg-required="请输入验证码" data-tip="请输入验证码" data-target="#verify" tabindex="6" autocomplete="off" maxlength="6" type="text" data-target="#verifyCodeTips" placeholder="验证码"/>
<img id='verifyImg' class='wst-forget-codeim' src="{:url('home/users/getVerify')}" onclick='javascript:WST.getVerify("#verifyImg")'><span id="verifyCodeTips"></span>
</div>
<label style="float:left;margin:10px 0px 0px 5px;">看不清?<a style="color:#69b7b5;" href="javascript:WST.getVerify('#verifyImg')">换一张</a></label><span id="verify" class="wst-lfloat"></span>
</td>
</tr>
<tr class="wst-login-tr">
<td colspan="2" style="padding-left:173px;">
<input type="submit" class="wst-regist-but" value="下一步" style="width: 88px;height:32px;"/>
</td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
{/block}
{block name="js"}
<script type="text/javascript" src="__STATIC__/plugins/validator/jquery.validator.min.js?v={$v}"></script>
<script type='text/javascript' src='__STYLE__/js/findpass.js?v={$v}'></script>
{/block}

View File

@ -0,0 +1,136 @@
{extend name="default/base" /}
{block name="title"}忘记密码 - {:WSTConf('CONF.mallName')}{/block}
{block name="css"}
<link href="__STATIC__/plugins/validator/jquery.validator.css?v={$v}" rel="stylesheet">
<link href="__STYLE__/css/login.css?v={$v}" rel="stylesheet">
{/block}
{block name="nav"}
{php}$liteTitle = "找回密码"{/php}
{include file="default/header_lite" /}
{/block}
{block name="main"}
<div class="wst-container">
<div id="stepflex" class="stepflex">
<dl class="first doing">
<dt class="s-num">1</dt>
<dd class="s-text">填写账户名</dd>
<dd></dd>
</dl>
<dl class="first doing">
<dt class="s-num">2</dt>
<dd class="s-text">验证身份</dd>
</dl>
<dl class="normal">
<dt class="s-num1">3</dt>
<dd class="s-text">重置密码</dd>
</dl>
<dl class="last">
<dt class="s-num1">4</dt>
<dd class="s-text">完成</dd>
</dl>
</div>
<div class="wst-clear"></div>
<div class="forget-pwd">
<form id="forgetPwdForm2" autocomplete="off">
<input type="hidden" id="step" name="step" class="ipt" value="2" autocomplete="off">
<input type="hidden" id="modes" name="modes" class="ipt" value="1" autocomplete="off">
<table class="wst-table">
<tbody>
<tr class="wst-login-tr">
<td class="wst-forget-td">请选择验证身份方式</td>
<td><select class="wst-forget-select" name="type" id="type">
<option value="phone">手机</option>
<option value="email">邮箱</option>
</select></td>
</tr>
<tr class="wst-login-tr">
<td class="wst-forget-td">用户名</td>
<td colspan='2'><span class="wst-forget-te">{$forgetInfo['loginName']}</span></td>
</tr>
<tr class="phone-verify wst-login-tr">
<td class="wst-forget-td">手机</td>
<td colspan='2'><span class="wst-forget-te">{php} echo $forgetInfo['userPhone'] == '' ? "没有预留手机号码,请尝试用邮箱找回!" : $forgetInfo['userPhone'] ; {/php}</span></td>
</tr>
{if($forgetInfo['userPhone'] != '')}
<tr class="phone-verify wst-login-tr">
<td class="wst-forget-td">手机校验码</td>
<td>
<input type="text" class="ipt wst-forget-input" style='width:230px;' name="Checkcode" id="Checkcode" data-rule="校验码required;" data-msg-required="请输入校验码" data-tip="请输入校验码" data-target="#verifyPhone" placeholder="校验码">
</td>
<td><button id="timeObtain" class="wst-forget-obtain" type="button" onclick="javascript:phoneVerify();">点击获取校验码</button><span id="verifyPhone"></span></td>
</tr>
<tr class="phone-verify wst-login-tr">
<td colspan="2" style="padding-left:282px;">
<input type="button" class="wst-regist-but" value="下一步" style="width: 80px;height:32px;" onclick="javascript:forgetPhone()"/>
</td>
</tr>
{/if}
<tr class="email-verify wst-login-tr">
<td class="wst-forget-td">邮箱地址</td>
<td colspan='2'><span class="wst-forget-te">{php} echo $forgetInfo['userEmail'] == '' ? "没有预留邮箱,请尝试用手机号码找回!" : $forgetInfo['userEmail'] ; {/php}</span></td>
</tr>
{if($forgetInfo['userEmail'] != '')}
<tr class="email-verify wst-login-tr">
<td class="wst-regist-td">验证码</td>
<td>
<div class="wst-forget-code2">
<input id="verifyCode" style="ime-mode:disabled;" name="verifyCode" class="ipt wst-forget-codein2" data-rule="验证码 required;" data-msg-required="请输入验证码" data-tip="请输入验证码" data-target="#verify" tabindex="6" autocomplete="off" maxlength="6" type="text" data-target="#verifyCodeTips" placeholder="验证码"/>
<img id='verifyImg' class='wst-forget-codeim2' src="{:url('home/users/getVerify')}" onclick='javascript:WST.getVerify("#verifyImg")'><span id="verifyCodeTips"></span>
</div>
<label style="float:left;margin:10px 0px 0px 5px;">看不清?<a style="color:#69b7b5;" href="javascript:WST.getVerify('#verifyImg')">换一张</a></label><span id="verify" class="wst-lfloat"></span>
</td>
</tr>
<tr class="email-verify wst-login-tr">
<td class="wst-forget-td">邮箱校验码</td>
<td >
<input type="text" class="ipt wst-forget-input" style='width:230px;' name="secretCode" id="secretCode" data-rule="校验码required;" data-msg-required="请输入校验码" data-tip="请输入校验码" placeholder="校验码" data-target="#notice">
<button id="sendEmailBtn" class="wst-forget-obtain" type="button" onclick="javascript:forgetEmail();">点击获取校验码</button>
</td>
<td id="notice">
</td>
</tr>
<tr class="email-verify wst-login-tr">
<td colspan="2" style="padding-left:282px;">
<input type="button" class="wst-regist-but" value="下一步" style="width: 120px;height:32px;" onclick="javascript:resetPass()"/>
</td>
</tr>
{/if}
</tbody></table>
</form>
<!-- <div id="email-prompt" style="margin-top:50px;font-size:20px;text-align: center;display: none;">邮箱成功发送,请登录邮箱查收<span style="color: #E23C3D;font-size:20px;">30分钟有效</span></div> -->
</div>
</div>
<form method="post" id="phoneVerify" autocomplete="off" style="display:none;">
<input type='hidden' id='VerifyId' value='' autocomplete="off"/>
<table class='wst-form' style="width:500px;padding-top:10px;">
<tr>
<th align='right'>验证码 <font color='red'>*</font></th>
<td>
<input id="smsVerfy" style="ime-mode:disabled;float: left;height: 30px;" name="smsVerfy" data-rule="验证码: required;" data-msg-required="请输入验证码" data-tip="请输入验证码" data-target="#verify" class="ipt" class="text text-1" tabindex="6" autocomplete="off" maxlength="6" type="text"/>
<label style="float: left;">
<img id='verifyImg2' src="{:url('home/users/getVerify')}" onclick='javascript:WST.getVerify("#verifyImg2")' style="width:115px;">
</label>
<label class="ftx23"><a href="javascript:WST.getVerify('#verifyImg2')" class="flk13">&nbsp;看不清?换一张</a></label><div id="verify"></div>
</td>
</tr>
<tr>
<td colspan='2' style='padding:10px 0px 0px 190px;'>
<button type="submit" style="width: 120px;height:30px;">确认</button>
</td>
</tr>
</table>
</form>
{/block}
{block name="js"}
<script type="text/javascript" src="__STATIC__/plugins/validator/jquery.validator.min.js?v={$v}"></script>
<script type='text/javascript' src='__STYLE__/js/findpass.js?v={$v}'></script>
{/block}

View File

@ -0,0 +1,61 @@
{extend name="default/base" /}
{block name="title"}忘记密码 - {:WSTConf('CONF.mallName')}{/block}
{block name="css"}
<link href="__STATIC__/plugins/validator/jquery.validator.css?v={$v}" rel="stylesheet">
<link href="__STYLE__/css/login.css?v={$v}" rel="stylesheet">
{/block}
{block name="nav"}
{php}$liteTitle = "找回密码"{/php}
{include file="default/header_lite" /}
{/block}
{block name="main"}
<div class="wst-container">
<div id="stepflex" class="stepflex">
<dl class="first doing">
<dt class="s-num">1</dt>
<dd class="s-text">填写账户名</dd>
<dd></dd>
</dl>
<dl class="first doing">
<dt class="s-num">2</dt>
<dd class="s-text">验证身份</dd>
</dl>
<dl class="first doing">
<dt class="s-num">3</dt>
<dd class="s-text">重置密码</dd>
</dl>
<dl class="last">
<dt class="s-num1">4</dt>
<dd class="s-text">完成</dd>
</dl>
</div>
<div class="wst-clear"></div>
<div class="forget-pwd">
<form id="forgetPwdForm3" autocomplete="off">
<input type="hidden" id="token" value='{:WSTConf("CONF.pwdModulusKey")}'/>
<input type="hidden" id="step" name="step" class="ipt" value="3" autocomplete="off">
<table class="phone-verify">
<tbody>
<tr class="wst-login-tr">
<td class="wst-regist-td" style='width:220px;'>新密码:</td>
<td><input type="password" class="ipt wst-forget-input" name="loginPwd" id="loginPwd" placeholder="6-16位字符"></td>
</tr>
<tr class="wst-login-tr">
<td class="wst-regist-td" style='width:220px;'>确认密码:</td>
<td><input type="password" class="ipt wst-forget-input" name="repassword" id="repassword" placeholder="6-16位字符"></td>
</tr>
<tr class="wst-login-tr">
<td colspan="2" style="padding-left:242px;">
<input type="submit" class="wst-regist-but" value="提交" style="width: 100px;height:32px;">
</td>
</tr>
</tbody></table>
</form>
</div>
</div>
{/block}
{block name="js"}
<script type="text/javascript" src="__STATIC__/plugins/validator/jquery.validator.min.js?v={$v}"></script>
<script type="text/javascript" src="__STATIC__/js/rsa.js"></script>
<script type='text/javascript' src='__STYLE__/js/findpass.js?v={$v}'></script>
{/block}

View File

@ -0,0 +1,40 @@
{extend name="default/base" /}
{block name="title"}忘记密码 - {:WSTConf('CONF.mallName')}{/block}
{block name="css"}
<link href="__STYLE__/css/login.css?v={$v}" rel="stylesheet">
{/block}
{block name="nav"}
{php}$liteTitle = "找回密码"{/php}
{include file="default/header_lite" /}
{/block}
{block name="main"}
<div class="wst-container">
<div id="stepflex" class="stepflex">
<dl class="first doing">
<dt class="s-num">1</dt>
<dd class="s-text">填写账户名</dd>
<dd></dd>
</dl>
<dl class="first doing">
<dt class="s-num">2</dt>
<dd class="s-text">验证身份</dd>
</dl>
<dl class="first doing">
<dt class="s-num">3</dt>
<dd class="s-text">重置密码</dd>
</dl>
<dl class="first doing">
<dt class="s-num">4</dt>
<dd class="s-text">完成</dd>
</dl>
</div>
<div class="wst-clear"></div>
<div class="forget-pwd">
<div class="wst-forget-c" style="margin-top:30px;"><img src="__STYLE__/img/icon_success.png"/></div>
<div class="wst-forget-c wst-forget-ct" style="margin:12px 0px;">密码修改成功!</div>
<div class="wst-forget-c" style="margin-bottom:16px;">
<a href="{:url('home/users/login')}"><input type="submit" class="wst-regist-but" value="立即登录" style="width:180px;height:36px;font-size: 15px;"/></a>
</div>
</div>
</div>
{/block}

View File

@ -0,0 +1,130 @@
{extend name="default/base" /}
{block name="title"}商品对比 - {:WSTConf('CONF.mallName')}{__block__}{/block}
{block name="meta"}
<meta name="description" content="{:WSTConf('CONF.seoMallDesc')}">
<meta name="Keywords" content="{:WSTConf('CONF.seoMallKeywords')}">
{/block}
{block name="css"}
<link href="__STYLE__/css/goodslist.css?v={$v}" rel="stylesheet">
{/block}
{block name="nav"}
{include file="default/header" /}
{/block}
{block name="main"}
<div class='wst-filters'>
<div class='item' style="border-left:2px solid #df2003;padding-left: 8px;">
<a class='link' href='__ROOT__'>首页</a>
<i class="arrow">></i>
<span class='link'>商品对比</span>
</div>
<div class='wst-clear'></div>
</div>
{/* 商品展示 */}
<div class="wst-container">
<div class="wst-contrast">
<div class="goods" id="goodsTabs">
<table class="table">
<tbody><tr>
<th>
{if($data['list'])}
<div class="choice">
<input type="checkbox" onclick="screenContrast(this,0)">
<label>高亮不同项</label>
</div>
<div class="choice">
<input type="checkbox" onclick="screenContrast(this,1)">
<label>隐藏相同项</label>
</div>
{else}
<div class="choice">请选择商品对比</div>
{/if}
</th>
{volist name="$data['list']" id="go"}
<td>
<div class="goods-item">
<div class="img"><a href="{:Url('home/goods/detail','id='.$go['goodsId'])}" target="_blank">
<img class="goodsImg" data-original="__IMGURL__/{:WSTImg($go['goodsImg'])}" title="{$go['goodsName']}">
</a></div>
<p class="name"><a href="{:Url('home/goods/detail','id='.$go['goodsId'])}" target="_blank">{$go['goodsName']}</a></p>
<p class="price" id="goods-price-{$go['goodsId']}">¥ <span>{$go['shopPrice']}</span></p>
<div class="operation">
<a href="{:Url('home/goods/detail','id='.$go['goodsId'])}" target="_blank" class="see">查看</a>
{if(count($data['list'])!=1)}<a href="javascript:void(0);" onclick="javascript:contrastDel({$go['goodsId']})" class="del">删除</a>{/if}
</div>
<div class='wst-clear'></div>
</div>
</td>
{/volist}
</tr></tbody>
</table>
</div>
<div class="goods goods-fixed2" id="goodsTabs2">
<table class="table">
<tbody><tr>
<th>
<div class="choice">空白</div>
</th>
</tr></tbody>
</table>
</div>
<table class="table2">
<tbody>
{volist name="$data['lists']" id="lis"}
<tr class="identical_{$lis['identical']}">
<th>
<div class="left-title">{$lis['name']}</div>
</th>
{volist name="$data['list']" id="go"}
{php}$in = isset($lis['info'][$go['goodsId']])?$lis['info'][$go['goodsId']]:'--'{/php}
<td>
{if($lis['type']=='shop' || $lis['type']=='brand')}<div class="right-title">{$in}</div>{/if}
{if($lis['type']=='score')}
<div class="right-title">
{for start="0" end="$in"}
<img src="__STATIC__/plugins/raty/img/star-on.png">
{/for}
{for start="1" end="6-$in"}
<img src="__STATIC__/plugins/raty/img/star-off.png">
{/for}
</div>
{/if}
{if($lis['type']=='spec')}
{if(isset($in['list']))}
<ul class="list-box">
{volist name="$in['list']" id="sp"}
{if($sp['isDefault']==1)}<input type="hidden" id="defaultSpec_{$go['goodsId']}_{$sp['catId']}" class="defaultSpec_{$go['goodsId']}" value="{$sp['itemId']}"/>{/if}
{if($sp['isAllowImg']==1)}
<li class="img {if($sp['isDefault']==1)}active{/if}" onclick="javascript:choiceContrast(this,{$sp['itemId']},{$sp['catId']},{$go['goodsId']});">
<img class="goodsImg" data-original="__IMGURL__/{:WSTImg($sp['itemImg'])}" title="{$sp['itemName']}">
</li>
{else}
<li class="{if($sp['isDefault']==1)}active{/if}" onclick="javascript:choiceContrast(this,{$sp['itemId']},{$sp['catId']},{$go['goodsId']});">{$sp['itemName']}</li>
{/if}
{/volist}
</ul>
{else}
<div class="right-title">{$in}</div>
{/if}
{/if}
</td>
{/volist}
</tr>
{/volist}
</tbody>
</table>
</div>
</div>
{/block}
{block name="js"}
<script>
var saleSpec = {
{if isset($data['saleSpec'])}
sku:{:json_encode($data['saleSpec'])}
{/if}
}
$(function(){
fixedGoods();
})
</script>
<script type='text/javascript' src='__STYLE__/js/goodslist.js?v={$v}'></script>
{/block}

View File

@ -0,0 +1,581 @@
{extend name="default/base" /}
{block name="title"}{$goods['goodsName']} - {:WSTConf('CONF.mallName')}{__block__}{/block}
{block name="meta"}
<meta name="description" content="{$goods['goodsName']}">
<meta name="Keywords" content="{$goods['goodsSeoKeywords']}">
{/block}
{block name="css"}
<link href="__STYLE__/css/goods.css?v={$v}" rel="stylesheet">
{/block}
{block name="nav"}
{include file="default/header" /}
{/block}
{block name="main"}
<div class='wst-w' style='margin-bottom:0px'>
<div class='wst-filters'>
<div class='item' style="border:1px solid transparent;border-left:2px solid #df2003;padding-left: 8px">
<a class='link' href='__ROOT__'>首页</a>
<i class="arrow"></i>
</div>
{volist name=":WSTPathGoodsCat($goods['goodsCatId'])" id='vo'}
<div class='wst-lfloat'>
<div class='item dorpdown'>
<div class='drop-down'>
<a class='link' href='{:Url("home/goods/lists",["cat"=>$vo["catId"]])}'>{$vo['catName']}</a>
</div>
<div class="dorp-down-layer">
{volist name=":WSTGoodsCats($vo['parentId'])" id='vo2'}
<div class="{$vo['parentId']>0?'cat2':'cat1'}"><a href='{:Url("home/goods/lists","cat=".$vo2["catId"])}'>{$vo2['catName']}</a></div>
{/volist}
</div>
</div>
<i class="arrow"></i>
</div>
{/volist}
<div class='wst-clear'></div>
</div>
</div>
<div class='wst-w'>
<div class='wst-container' style='border:1px solid #eee;'>
<div class='goods-img-box'>
<div class="goods-img spec-preview" id="preview">
<!--兼容老的数据不适用压缩主图 make cheng 20180308 <img title="{$goods['goodsName']}" alt="{$goods['goodsName']}" src="__ROOT__/{:WSTImg($goods['goodsImg'])}" class="cloudzoom" data-cloudzoom="zoomImage:'__ROOT__/{$goods['goodsImg']}'" height="350" width="350">-->
<img title="{$goods['goodsName']}" alt="{$goods['goodsName']}" src="__IMGURL__/{$goods['goodsImg']}" class="cloudzoom" data-cloudzoom="zoomImage:'__IMGURL__/{$goods['goodsImg']}'" height="350" width="350">
</div>
<div class="goods-pics">
<a class="prev">&lt;</a>
<a class="next">&gt;</a>
<div class="items">
<ul>
{volist name="$goods['gallery']" id='vo'}
<li><img title="{$goods['goodsName']}" alt="{$goods['goodsName']}" class='cloudzoom-gallery' src="__IMGURL__/{$vo}" data-cloudzoom="useZoom: '.cloudzoom', image:'__IMGURL__/{$vo}', zoomImage:'__IMGURL__/{$vo}' " width="60" height="60"></li>
{/volist}
</ul>
</div>
<div class="wst-clear"></div>
</div>
<div class="goods-term-box">
<div class="wst-favorite">
{if ($goods['favGood']>0)}
<a href='javascript:void(0);' onclick='WST.cancelFavorite(this,0,{$goods["goodsId"]},{$goods['favGood']})' class='favorite j-fav'>已关注</a>
{else}
<a href='javascript:void(0);' onclick='WST.addFavorite(this,0,{$goods["goodsId"]},{$goods["goodsId"]})' class='favorite j-fav2 j-fav3'>关注商品</a>
{/if}
</div>
<div class="wst-contrast" onclick="javascript:contrastGoods(1,{$goods['goodsId']},1)"><i></i>对比</div>
<a href='javascript:informs({$goods["goodsId"]})' class="j-inform">举报</a>
<div class="wst-clear"></div>
</div>
</div>
<div class='intro'>
<div class='intro-name'>
<h2>{$goods['goodsName']}</h2>
<span class='tips'>{$goods['goodsTips']}</span>
</div>
<div class='summary'>
<div class="infol">
<div class='item'>
<div class='dt'>市场价&nbsp;</div>
<div class='dd market-price' id='j-market-price'>¥{$goods['marketPrice']}</div>
</div>
<div class='item'>
<div class='dt'>价格&nbsp;</div>
<div class='dd price' >{if $goods['is_seckilling']==1}秒杀价{/if}<span id='j-shop-price'>¥{$goods['shopPrice']}</span>
{if $goods['is_seckilling']==1}<span style="color: #000;font-size: 12px;">(秒杀商品限购4件)</span>{/if}</div>
</div>
{if $goods['is_seckilling']!=1}
<div class='item'>
<div class='dt'>到手惠宝价&nbsp;</div>
<div class='dd price lxy' id='j-shop-huibao'>¥{$goods['shopPrice']*0.8|round=###,2}</div>
</div>{/if}
<div class='goods-intro-bg'>
<div class='item'>
<ul class="ginfo_b">
<li>
<div class='dt'>销量&nbsp;</div>
<span class='appraise-num'>{$goods['saleNum']}</span>
</li>
<li>
<div class='dt'>累计评价&nbsp;</div>
<span class='appraise-num'>{$goods['appraiseNum']}</span>
</li>
<li>
<div class='dt'>商品评分&nbsp;</div>
<div class='dd'>
{for start="0" end="$goods['scores']['totalScores']"}
<img src="__STATIC__/plugins/raty/img/star-on.png">
{/for}
{for start="1" end="6-$goods['scores']['totalScores']"}
<img src="__STATIC__/plugins/raty/img/star-off.png">
{/for}
</div>
</li>
<div class="wst-clear"></div>
</ul>
</div>
</div>
</div>
<div class='wst-clear'></div>
</div>
<div class="sale_box">
{/* 促销满就送 */}
<div class='item' id='j-promotion' style='display:none'>
<div class='dt'>促销&nbsp;</div>
<div class='dd'>
{:hook('homeDocumentGoodsPromotionDetail',['goods'=>$goods])}
</div>
</div>
{:hook('homeDocumentGoodsPropDetail',['goods'=>$goods,'getParams'=>input()])}
</div>
<div class='spec'>
{if !empty($goods['spec'])}
{volist name="$goods['spec']" id='vo'}
<div class='item'>
<div class='dt'>{$vo['name']}&nbsp;</div>
<div class='dd'>
{volist name="$vo['list']" id='vo2'}
{if $vo2['itemImg']!=''}
<div class='j-option img' data-val="{$vo2['itemId']}" style='width:28px;height:28px;padding:0px;'><img class="cloudzoom-gallery" width="28" height="28" src="__IMGURL__/{$vo2['itemImg']}" data-cloudzoom="useZoom: '.cloudzoom', image:'__IMGURL__/{$vo2['itemImg']}', zoomImage:'__IMGURL__/{$vo2['itemImg']}' " title="{$vo2['itemName']}" alt="{$vo2['itemName']}"/><i></i></div>
{else}
<div class='j-option' data-val="{$vo2['itemId']}">{$vo2['itemName']}<i></i></div>
{/if}
{/volist}
</div>
<div class='wst-clear'></div>
</div>
{/volist}
{/if}
</div>
<div class='buy'>
<div class='item'>
<div class='dt'>数量&nbsp;</div>
<div class='dd'>
<a href='#none' class='buy-btn' id='buy-reduce' style='color:#ccc;' onclick='javascript:WST.changeIptNum(-1,"#buyNum","#buy-reduce,#buy-add")'>-</a>
<input type='text' id='buyNum' class='buy-num' value='1' data-min='1' autocomplete="off" onkeyup='WST.changeIptNum(0,"#buyNum","#buy-reduce,#buy-add")' onkeypress="return WST.isNumberKey(event);" maxlength="6"/>
<a href='#none' class='buy-btn' id='buy-add' onclick='javascript:WST.changeIptNum(1,"#buyNum","#buy-reduce,#buy-add")'>+</a>
&nbsp; &nbsp;(库存:<span id='goods-stock'>0</span>&nbsp;{$goods['goodsUnit']}
</div>
</div>
{if empty($is_icp)}
<div class='item'>
<div class='dt'>服务&nbsp;</div>
<div class='dd'>服务由 <a class="c14_005" href='{:Url("home/shops/home","shopId=".$shop["shopId"])}' target='_blank'>{$shop['shopName']}</a> 发货并提供 售后服务。</div>
</div>
{/if}
<div class='item' style='padding-left:75px;margin-top:20px;'>
{if $goods['read']}
{if $goods['goodsType']==0}
<a id='addBtn' href='javascript:void(0);' class='addBtn un-buy' >加入购物车</a>
{/if}
<a id='buyBtn' href='javascript:void(0);' class='buyBtn un-buy'>立即购买</a>
{else}
{if $goods['goodsType']==0}
<a id='addBtn' href='javascript:addCart(0,"#buyNum")' class='addBtn' >加入购物车</a>
{/if}
<a id='buyBtn' href='javascript:addCart(1,"#buyNum")' class='buyBtn'>立即购买</a>
{/if}
<div class='wst-clear'></div>
</div>
<div class="wst-relative">
{:hook('homeDocumentGoodsDetail',['goods'=>$goods,'getParams'=>input()])}
<div style="clear: both;"></div>
<div style="margin-top:10px;float: right;">
<!-- JiaThis Button BEGIN -->
<div class="jiathis_style_24x24">
<a class="jiathis_button_qzone"></a>
<a class="jiathis_button_tsina"></a>
<a class="jiathis_button_tqq"></a>
<a class="jiathis_button_weixin"></a>
<a class="jiathis_button_cqq"></a>
<a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>
</div>
<div style="clear: both;"></div>
</div>
</div>
<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js" charset="utf-8"></script>
</div>
</div>
<div class='seeing'>
<div class='head'>看了又看</div>
<div class='body'>
{wst:goods type="visit" cat="$goods['goodsCatId']" num="5" id="visit" num="6"}
<a href="{:Url('home/goods/detail','id='.$visit['goodsId'])}">
<div class="see-item">
<div class="see-img">
<img title="{$visit['goodsName']}" class="goodsImg" alt="{$visit['goodsName']}" data-original="__IMGURL__/{$visit['goodsImg']}">
<span class="see-price">¥{$visit['shopPrice']}</span>
</div>
</div>
</a>
{/wst:goods}
</div>
</div>
<div class='wst-clear'></div>
</div>
</div>
<div class='wst-w'>
<div class='wst-container'>
<div class='wst-side'>
{if empty($is_icp)}
<div class='shop-intro'>
<div class="shop_imgbox">
<img class="shopsImg" data-original="__IMGURL__/{$shop['shopImg']}" title="{$shop['shopName']}" style="vertical-align: middle;width:75px;height:75px;">
</div>
<div class='title shop-name'>{$shop['shopName']}</div>
<!--mark by cheng 20180313去掉店主显示<div class='title'>店主:{$shop['shopKeeper']}</div>-->
<div class='title'>联系:
<a href="tencent://message/?uin={$shop['shopQQ']}&Site=QQ交谈&Menu=yes">
<img
style="vertical-align: bottom;"
border="0"
src="http://wpa.qq.com/pa?p=1:{$shop['shopQQ']}:7" alt="QQ交谈" width="60" height="20" />
</a></div>
<!--mark by cheng 20180313添加旺旺显示-->
<div class='title'>联系:{if($shop['shopWangWangType']==0)}
<a href="http://www.taobao.com/webww/ww.php?ver=3&touid={$shop['shopWangWang']}&siteid=cntaobao&status=1&charset=utf-8" target="_blank">
<img border="0" src="http://amos.alicdn.com/realonline.aw?v=2&uid={$shop['shopWangWang']}&site=cntaobao&s=1&charset=utf-8" alt="和我联系" class='wangwang'/></a>{/if}
{if($shop['shopWangWangType']==1)}
<a href="http://amos.alicdn.com/msg.aw?v=2&uid={$shop['shopWangWang']}&site=cnalichn&s=10&charset=utf-8" target="_blank" ><img border="0" src="http://amos.alicdn.com/online.aw?v=2&uid={$shop['shopWangWang']}&site=cnalichn&s=10&charset=UTF-8" alt="点击这里给我发消息" /></a>{/if}
</div>
<div class='title'>地址:{$shop['shopAddress']}</div>
<div class='body'>
<div class='itemScore'>
描述
<br />
<span class="c12_e40">
{if ($shop['goodsScore']!=0)}{$shop['goodsScore']}{else /}5{/if}</div>
</span>
<div class='itemScore'>
服务
<br />
<span class="c12_e40">
{if ($shop['serviceScore']!=0)}{$shop['goodsScore']}{else /}5{/if}</div>
</span>
<div class='itemScore'>
物流
<br />
<span class="c12_e40">
{if ($shop['timeScore']!=0)}{$shop['goodsScore']}{else /}5{/if}</div>
</span>
<div class="wst-clear"></div>
</div>
<div class='footer'>
<a class="home" href='{:Url("home/shops/home","shopId=".$shop["shopId"])}' target='_blank'>进店逛逛</a>
{if ($goods['favShop']>0)}
<a class="j-fav" href='javascript:void(0);' onclick='WST.cancelFavorite(this,1,{$shop["shopId"]},{$goods['favShop']})'>已关注</a>
{else}
<a class="j-fav2" href='javascript:void(0);' onclick='WST.addFavorite(this,1,{$shop["shopId"]},{$goods['favShop']})'>关注店铺</a>
{/if}
<div class='wst-clear'></div>
</div>
</div>
{/if}
<div class="goods-side">
<div class="guess-like">
<div class="title">猜你喜欢</div>
{wst:goods type='best' cat="$goods['goodsCatId']" num='3'}
<div class="item">
<div class="img"><a target='_blank' href="{:Url('home/goods/detail','id='.$vo['goodsId'])}"><img title="{$vo['goodsName']}" alt="{$vo['goodsName']}" data-original="__IMGURL__/{$vo['goodsImg']}" class="goodsImg" /></a></div>
<div class="p-name"><a class="wst-hide wst-redlink">{$vo['goodsName']}</a></div>
<div class="p-price">¥{$vo['shopPrice']}<span class="v-price">¥{$vo['marketPrice']}</span></div>
</div>
{/wst:goods}
</div>
<div class="hot-goods">
<div class="title">热销商品</div>
{wst:goods type='hot' num='3'}
<div class="item">
<div class="img"><a target='_blank' href="{:Url('home/goods/detail','id='.$vo['goodsId'])}"><img title="{$vo['goodsName']}" alt="{$vo['goodsName']}" data-original="__IMGURL__/{$vo['goodsImg']}" class="goodsImg" /></a></div>
<div class="p-name"><a class="wst-hide wst-redlink">{$vo['goodsName']}</a></div>
<div class="p-price">¥{$vo['shopPrice']}<span class="v-price">¥{$vo['marketPrice']}</span></div>
</div>
{/wst:goods}
</div>
</div>
</div>
<div class='goods-desc'>
<div id='tab' class="wst-tab-box">
<ul id='goodsTabs' class="wst-tab-nav">
<li>商品介绍</li>
<li>商品评价<span class='appraise-num'>{$goods['appraiseNum']}</span></li>
<li>商品咨询</li>
<li id="wx_qrcode">
手机购买
<img src="__STYLE__/img/detail_qr_icon.png" style="vertical-align:sub" alt="">
<div class="wx_qrcode_box">
<div class="qrcode"></div>
<p style="margin-top:-25px;">手机扫购有惊喜</p>
</div>
</li>
{if !$goods['read']}
<a id='addCart2' href='javascript:addCart(1,"#buyNum")'>立即购买</a>
{/if}
</ul>
<div class="wst-tab-content" style='width:99%;margin-bottom: 10px;min-height:1312px;'>
<div class="wst-tab-item goods-desc-box" style="position: relative;">
<ul class='wst-attrs-list'>
{if(isset($goods['brandName']) && $goods['brandName']!='')}
<div class="brand_name">品牌:<span>{$goods['brandName']}</span></div>
{/if}
{volist name="$goods['attrs']" id="vo"}
<li title='{$vo['attrVal']}'>{$vo['attrName']}{$vo['attrVal']}</li>
{/volist}
<div class="wst-clear"></div>
</ul>
{$goods['goodsDesc']|htmlspecialchars_decode}
</div>
<input type="hidden" id="filtertype" value="all" />
<script id="tblist" type="text/html">
<div class="appr-filter">
<ul class="appr-filterbox">
<li><a href="javascript:void(0)" onclick="apprfilter('all')" id='all'>全部评价(<span id="totalNum">0</span>)</a></li>
<li><a href="javascript:void(0)" onclick="apprfilter('pic')" id='pic'>晒图(<span id="picNum">0</span>)</a></li>
<li><a href="javascript:void(0)" onclick="apprfilter('best')" id='best'>好评(<span id="bestNum">0</span>)</a></li>
<li><a href="javascript:void(0)" onclick="apprfilter('good')" id='good'>中评(<span id="goodNum">0</span>)</a></li>
<li><a href="javascript:void(0)" onclick="apprfilter('bad')" id='bad'>差评(<span id="badNum">0</span>)</a></li>
</ul>
</div>
{{# for(var i = 0; i < d.length; i++){ }}
<div class="appraises-box">
<div class="wst-appraises-right">
<div class="userinfo">
<img data-original="__IMGURL__/{{d[i].userPhoto}}" class="apprimg" />
<div class="appraiser">
{{d[i]['loginName']}}
</div>
</div>
<p>{{d[i].rankName}}</p>
</div>
<div class="wst-appraises-left">
<div class="appr-starbox">
{{# for(var j=0;j<d[i].avgScore;++j){ }}
<div class="appr-star"></div>
{{# } }}
{{#for(var g=0;g<5-d[i].avgScore;++g){ }}
<div class="appr-star-off"></div>
{{# } }}
</div>
<div class='wst-clear'></div>
<p class="app-content">
{{d[i]['content']}}
<div class="goods-spec-box">
{{d[i]['goodsSpecNames']}}
</div>
</p>
{{# if(WST.blank(d[i]['images'])!=''){ var img = d[i]['images'].split(','); var length = img.length; }}
<div id="img-file-{{i}}">
{{# for(var g=0;g<length;g++){ }}
<img src="__IMGURL__/{{img[g]}}" layer-src="__IMGURL__/{{img[g]}}" style="width:80px;height:80px;" />
{{# } }}
</div>
{{# } }}
<span class="apprtime">{{d[i]['createTime']}}</span>
{{# if(d[i]['shopReply']!='' && d[i]['shopReply']!=null){ }}
<div class="reply-box">
<p class="reply-content"><a href="javascript:void(0)" onclick="goShop({{d[i]['shopId']}})">{{d[i]['shopName']}}</a>{{d[i]['shopReply']}}</p>
<p class="reply-time">{{d[i]['replyTime']}}</p>
</div>
{{# } }}
</div>
<div class="wst-clear"></div>
</div>
{{# } }}
</script>
<div class="wst-tab-item" style="position: relative;display:none;">
<div class="appraise-head">
<div class="app-head-l">
<div class="app-head-lbox">
<strong class="text">好评度</strong>
<div class='percent'>
<i class="best_percent">0</i><span>%</span>
</div>
</div>
</div>
<div class="app-head-r">
<div class="app-head-rbox">
<div class="app-hr-item">
<div class="app-hr-text">好评(<i class="best_percent">0</i>%)</div>
<div class="percentbox">
<div class="percentbg" id="best_percentbg" style="width:0%"></div>
</div>
</div>
<div class="app-hr-item">
<div class="app-hr-text">中评(<i class="good_percent">0</i>%)</div>
<div class="percentbox">
<div class="percentbg" id="good_percentbg" style="width:0%"></div>
</div>
</div>
<div class="app-hr-item">
<div class="app-hr-text">差评(<i class="bad_percent">0</i>%)</div>
<div class="percentbox">
<div class="percentbg" id="bad_percentbg" style="width:0%"></div>
</div>
</div>
</div>
</div>
</div>
<div id='ga-box'>
</div>
<div id='pager' style='text-align:center;'></div>
</div>
{/* 商品咨询 */}
<div class="wst-tab-item" style="position: relative;display:none;">
<div class="appr-filter">
<input type='hidden' id="consultType" value="0" />
<ul class="appr-filterbox">
<li><a class="gc-filter curr" href="javascript:void(0)" onclick="filterConsult(this,'0')">全部</a></li>
{volist name=":WSTDatas('COUSULT_TYPE')" id="vo"}
<li><a class="gc-filter" href="javascript:void(0)" onclick="filterConsult(this,'{$vo.dataVal}')">{$vo.dataName}</a></li>
{/volist}
</ul>
</div>
<div class="consult-searchbox">
<p class="search-tips">温馨提示因每位咨询者购买情况、咨询时间等不同以下回复对咨询者3天内有效其他网友仅供参考。</p>
<div class="searchout">
<input type="text" class="search-text" id="consultKey" placeholder="请输入关键词" />
<button class="csbtn" onClick="queryConsult(0)">搜索</button>
</div>
</div>
<div class="wst-clear"></div>
<div class="consult-listbox" id="consultBox">
</div>
<script id="gclist" type="text/html">
<ul class='consult-list'>
{{# for(var i=0;i<d.length;++i){ }}
<li>
<ul class="consult-item">
{/* 提问 */}
<li class='ask'>
<p class="wst-lfloat">咨询内容</p>
<div class="wst-lfloat cs-content">{{d[i]['consultContent']}}&nbsp;<span class="c999">({{(WST.blank(d[i]['loginName'])=='')?'游客':d[i]['loginName']}})</span></div>
<div class="wst-rfloat">{{d[i]['createTime']}}</div>
<div class="wst-clear"></div>
</li>
{/* 回复 */}
{{# if(d[i]['reply']!=''){ }}
<li class='answer'>
<p class="wst-lfloat">商家回复</p>
<div class="wst-lfloat cs-content">
{{d[i]['reply']}}
</div>
<div class="wst-rfloat">{{d[i]['replyTime']}}</div>
<div class="wst-clear"></div>
</li>
{{# } }}
</ul>
</li>
{{# } }}
</ul>
</script>
<div id="consult-pager" style="text-align:right;margin-top:10px;">
商品咨询分页占位
</div>
{/* 发表咨询 */}
<div class="consult-publish">
<h5>发表咨询</h5>
<div class="explain">
声明您可在购买前对产品包装、颜色、运输、库存等方面进行咨询我们有专人进行回复因厂家随时会更改一些产品的包装、颜色、产地等参数所以该回复仅在当时对提问者有效其他网友仅供参考咨询回复的工作时间为周一至周五9:00至18:00请耐心等待工作人员回复。
</div>
<ul>
<li>
<span class='fbold'>咨询类型:</span>
{volist name=":WSTDatas('COUSULT_TYPE')" id="vo"}
<label>
<input type="radio" name="pointType" value="{$vo.dataVal}" />{$vo.dataName}
</label>
{/volist}
</li>
<li>
<span class='fbold'>咨询内容:</span>
<textarea id="consultContent" placeholder='3~200个字符长度' maxlength='200'></textarea>
</li>
<li>
<button id="consultCommit" onclick="consultCommit()">提交</button>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class='wst-clear'></div>
</div>
<div class='wst-clear'></div>
</div>
{/* 对比框 */}
<div class="wst-cont-frame" id="j-cont-frame">
<div class="head"><span>对比栏</span><a href="javascript:void(0);" class="close" onclick="javascript:contrastGoods(0,0,0)">关闭</a></div>
<div class="list">
<div class="goods" id="contrastList"></div>
<div class="term-contrast">
<p><a class="contrast" href="{:Url('home/goods/contrast')}" target="_blank">对比</a></p>
<p><a href="javascript:void(0);" onclick="javascript:contrastDel(0)" class="empty">清空</a></p>
</div>
</div>
<script id="colist" type="text/html">
{{# if(d.data && d.data.length>0){ }}
{{# for(var i=0; i<d.data.length; i++){ }}
<div class="term">
<div class="img"><a href="{{WST.U('home/goods/detail','id='+d.data[i].goodsId)}}" target="_blank"><img class="contImg" data-original="__IMGURL__/{{ d.data[i].goodsImg }}" title="{{ d.data[i].goodsName }}" width="50" height="50"></a></div>
<div class="info"><a href="{{WST.U('home/goods/detail','id='+d.data[i].goodsId)}}" target="_blank"><p class="name">{{ d.data[i].goodsName }}</p></a><p class="price"><span>{{ d.data[i].shopPrice }}</span><a href="javascript:contrastDel({{ d.data[i].goodsId }});" ></a></p></div>
</div>
{{# } }}
{{# } }}
{{# var data = (d.data)?d.data.length:0 }}
{{# for(var i=data+1; i<5; i++){ }}
<div class="term-empty">
<div class="img">{{ i }}</div>
<div class="info"><p>您还可以继续添加</p></div>
</div>
{{# } }}
</script>
</div>
{include file="default/right_cart"/}
{/block}
{block name="js"}
<script>
var goodsInfo = {
id:{$goods['goodsId']},
isSpec:{$goods['isSpec']},
goodsStock:{$goods['goodsStock']},
marketPrice:"{$goods['marketPrice']}",
goodsPrice:"{$goods['shopPrice']}",
goodsHuibao:"{$goods['shopPrice']*0.8}"
{if isset($goods['saleSpec'])}
,sku:{:json_encode($goods['saleSpec'])}
{/if}
}
</script>
<script type='text/javascript' src='__STYLE__/js/cloudzoom.js?v={$v}'></script>
<script type='text/javascript' src='__STYLE__/js/goods.js?v={$v}'></script>
<script type='text/javascript' src='__STYLE__/js/qrcode.js?v={$v}'></script>
<script>
$(function(){
var qr = qrcode(10, 'M');
//var url = '{:url("mobile/goods/detail","","html",true)}?goodsId={$goods["goodsId"]}';
var url = '{:url("/mgoods","","",true)}-{$goods["goodsId"]}';
qr.addData(url);
qr.make();
$('.qrcode').html(qr.createImgTag());
});
function goShop(id){
location.href=WST.U('home/shops/home','shopId='+id);
}
</script>
{/block}

View File

@ -0,0 +1,449 @@
{extend name="default/base" /}
{block name="title"}{$catNamePath} - 商品列表 - {:WSTConf('CONF.mallName')}{__block__}{/block}
{block name="meta"}
<meta name="description" content="{:WSTConf('CONF.seoMallDesc')}">
<meta name="Keywords" content="{:WSTConf('CONF.seoMallKeywords')}">
{/block}
{block name="css"}
<link href="__STYLE__/css/goodslist.css?v={$v}" rel="stylesheet">
{/block}
{block name="nav"}
{include file="default/header" /}
{/block}
{block name="main"}
{/* 推荐热卖 */}
<div class='wst-hot-sales'>
<div class='wst-sales-logo'>
&nbsp;<span class="wst-hot-icon">热卖推荐</span>
</div>
<ul class='wst-sales-box'>
{wst:goods type='recom' cat='$catId' num='4'}
<li class="item">
<div class="img"><a target='_blank' href='{:Url("home/goods/detail","id=".$vo["goodsId"])}'><img class='goodsImg' data-original="__IMGURL__/{$vo['goodsImg']}" title="{$vo['goodsName']}" alt="{$vo['goodsName']}" /></a></div>
<div class="des">
<div class="p-sale">已售{$vo['saleNum']}件</div>
<div class="p-name"><a target='_blank' href='{:Url("home/goods/detail","id=".$vo["goodsId"])}'>{$vo['goodsName']}</a></div>
<div class="p-price">¥{$vo['shopPrice']}</div>
<div class="p-buy"><a href="javascript:WST.addCart({$vo['goodsId']})">加入购物车</a></div>
</div>
</li>
{/wst:goods}
</ul>
</div>
{/* 已筛选的条件 */}
<input type="hidden" id="cat" class="sipt" value='{$catId}'/>
<input type="hidden" id="brand" class="sipt" value='{$brandId}'/>
{volist name="$vs" id="v"}
<input type="hidden" id="v_{$v}" class="sipt" value='{$attrs["v_".$v]}'/>
{/volist}
<input type="hidden" id="vs" class="sipt" value='{:implode(",",$vs)}'/>
<input type="hidden" id="orderBy" class="sipt" value='{$orderBy}'/>
<input type="hidden" id="order" class="sipt" value='{php}echo ($order=="0")?"1":"0";{/php}' autocomplete="off"/>
<input type="hidden" id="areaId" class="sipt" value='{$areaId}' />
<div class='wst-filters'>
<div class='item' style="border-left:2px solid #df2003;padding-left: 8px;">
<a class='link' href='__ROOT__'>首页</a>
<i class="arrow">></i>
</div>
{if($catId)}
{volist name=":WSTPathGoodsCat($catId)" id='vo'}
<div class='wst-lfloat'>
<div class='item dorpdown'>
<div class='drop-down'>
<a class='link' href='__ROOT__'>{$vo['catName']}</a>
<i class="drop-down-arrow"></i>
</div>
<div class="dorp-down-layer">
{volist name=":WSTGoodsCats($vo['parentId'])" id='vo2'}
<div class="{$vo['parentId']>0?'cat2':'cat1'}"><a href='{:Url("home/goods/lists","cat=".$vo2["catId"])}'>{$vo2['catName']}</a></div>
{/volist}
</div>
</div>
<i class="arrow">></i>
</div>
{/volist}
{volist name="$selector" id='vo'}
<div class='item dorpdown'>
<a class='v-item' href='javascript:void(0);' onclick="javscript:removeFilter('{$vo['type']}')">
<span>{$vo['label']}{$vo['val']}</span>
<i>x</i>
</a>
<i class="arrow">></i>
</div>
{/volist}
{else}
<div class='item'>
<a class='link' href='javascript:void(0);'>全部商品分类</a>
</div>
{/if}
<div class='wst-clear'></div>
</div>
{/* 筛选条件 */}
<div class="wst-selector">
<div class='head'>商品筛选条件</div>
<div class="main">
{php}$selectorNum = 0;{/php}
{if !empty($brandFilter)}
{php}$selectorNum++;{/php}
<div class='item'>
<div class='label'>品牌:</div>
<ul class='content brand_itembox' >
{volist name="$brandFilter" id="bv"}
<li class='s-item brand_item' onclick='javascript:goodsFilter(this,1)' v="{$bv['brandId']}">
<div class="g_bd_imgbox"><img src="__IMGURL__/{$bv.brandImg}" class="g_bd_img" onerror="this.style.display='none'" />{$bv['brandName']}</div>
<a class="s_chk"><i></i></a>
</li>
{/volist}
</ul>
<div class='extra'>
<a href="javascript:void(0)" class="extra_more" onClick="extra_show(this)">更多<i></i></a>
<a href="javascript:void(0)" class="extra_multi" onClick="multibox_show(this,'brand')"><i></i>多选</a>
<div class="wst-clear"></div>
</div>
<div class='wst-clear'></div>
</div>
{/if}
{volist name="$goodsFilter" id="gv"}
{php}$selectorNum++;{/php}
<input type="hidden" id="v_{$gv['attrId']}" class="sipt" value=''/>
<div class='item <?=($selectorNum > 3)?"hideItem hide":"" ?>'>
<div class='label'>{$gv['attrName']}</div>
<ul class='content'>
{volist name="$gv['attrVal']" id="gvi"}
<li class='s-item' onclick='javascript:goodsFilter(this,3)' d="{$gv['attrId']}" v="{$gvi}">
<a class="s_chk"><i></i>{$gvi}</a>
</li>
{/volist}
</ul>
<div class='extra'>
<a href="javascript:void(0)" class="extra_more" onClick="extra_show(this)">更多<i></i></a>
<a href="javascript:void(0)" class="extra_multi" onClick="multibox_show(this,'attr')"><i></i>多选</a>
<div class="wst-clear"></div>
</div>
<div class='wst-clear'></div>
</div>
{/volist}
{php}$selectorNum++;{/php}
{if $sprice=='' && $eprice==''}
<div class='item <?=($selectorNum > 3)?"hideItem hide":"" ?>'>
<div class='label'>价格:</div>
<ul class='content'>
{volist name='priceGrade' id='vo' key='pKey'}
<li class='s-item' onclick='javascript:goodsFilter(this,2)' v="{$key}">{$vo}</li>
{/volist}
</ul>
<div class='extra'>&nbsp;</div>
<div class='wst-clear'></div>
</div>
{/if}
{if $selectorNum > 3}
<div class="item-more-box">
<div class='item-more' v="1"><span>更多选项</span><i class="drop-down"></i></div>
</div>
{/if}
</div>
<div class='wst-clear'></div>
</div>
{/* 商品展示 */}
<div class="wst-container">
<div class='goods-side'>
<div class="guess-like">
<div class="title">猜你喜欢</div>
{wst:goods type='best' cat="$catId" num='3'}
<div class="item">
<div class="img"><a target='_blank' href="{:Url('home/goods/detail','id='.$vo['goodsId'])}"><img class='goodsImg' data-original="__IMGURL__/{$vo['goodsImg']}" alt="{$vo['goodsName']}" title="{$vo['goodsName']}"/></a></div>
<div class="p-name"><a class="wst-hide wst-redlink">{$vo['goodsName']}</a></div>
<div class="p-price">¥{$vo['shopPrice']}<span class="v-price">¥{$vo['marketPrice']}</span></div>
</div>
{/wst:goods}
</div>
<div class="hot-goods">
<div class="title">热销商品</div>
{wst:goods type='hot' cat="$catId" num='3'}
<div class="item">
<div class="img"><a target='_blank' href="{:Url('home/goods/detail','id='.$vo['goodsId'])}"><img class='goodsImg' data-original="__IMGURL__/{$vo['goodsImg']}" alt="{$vo['goodsName']}" title="{$vo['goodsName']}"/></a></div>
<div class="p-name"><a class="wst-hide wst-redlink">{$vo['goodsName']}</a></div>
<div class="p-price">¥{$vo['shopPrice']}<span class="v-price">¥{$vo['marketPrice']}</span></div>
</div>
{/wst:goods}
</div>
</div>
<div class='goods-main'>
<div class='goods-filters'>
<div class='line line2'>
<a class="{if condition="$orderBy eq 0"}curr {/if}" href='javascript:void(0)' onclick='javascript:goodsOrder(0)'>销量<span class="{if condition="$orderBy neq 0"}store{/if}{if condition="$orderBy eq 0 and $order eq 1"}store2{/if}{if condition="$orderBy eq 0 and $order eq 0"}store3{/if}"></span></a>
<a class="{$orderBy==1?'curr':''}" href='javascript:void(0)' onclick='javascript:goodsOrder(1)'>价格<span class="{if condition="$orderBy neq 1"}store{/if}{if condition="$orderBy eq 1 and $order eq 1"}store2{/if}{if condition="$orderBy eq 1 and $order eq 0"}store3{/if}"></span></a>
<a class="{$orderBy==2?'curr':''}" href='javascript:void(0)' onclick='javascript:goodsOrder(2)'>评论数<span class="{if condition="$orderBy neq 2"}store{/if}{if condition="$orderBy eq 2 and $order eq 1"}store2{/if}{if condition="$orderBy eq 2 and $order eq 0"}store3{/if}"></span></a>
<a class="{$orderBy==3?'curr':''}" href='javascript:void(0)' onclick='javascript:goodsOrder(3)'>人气<span class="{if condition="$orderBy neq 3"}store{/if}{if condition="$orderBy eq 3 and $order eq 1"}store2{/if}{if condition="$orderBy eq 3 and $order eq 0"}store3{/if}"></span></a>
<a class="{$orderBy==4?'curr':''}" href='javascript:void(0)' onclick='javascript:goodsOrder(4)'>上架时间<span class="{if condition="$orderBy neq 4"}store{/if}{if condition="$orderBy eq 4 and $order eq 1"}store2{/if}{if condition="$orderBy eq 4 and $order eq 0"}store3{/if}"></span></a>
<div class="wst-price-ipts">
<span class="wst-price-ipt1"></span><span class="wst-price-ipt2"></span>
<input type="text" class="sipt wst-price-ipt" id="sprice" value="{$sprice}" style="margin-left:8px;" onkeypress='return WST.isNumberdoteKey(event);' onkeyup="javascript:WST.isChinese(this,1)">
- <input type="text" class="sipt wst-price-ipt" id="eprice" value="{$eprice}" onkeypress='return WST.isNumberKey(event);' onkeyup="javascript:WST.isChinese(this,1)">
</div>
<button class="wst-price-but" type="submit" style="width:60px;height: 25px;" onclick='javascript:goodsOrder()'>确定</button>
<div class="page" style="float:right;">
<a href="javascript:;" onclick="page('prev')">上一页</a>
<a href="javascript:;" onclick="page('next')" >下一页</a>
</div>
</div>
<div class='line'>
<div class='wst-lfloat chk'>发货地</div>
<div class='city wst-address'>
<div class='item dorpdown'>
<div class='drop-down'>
<a class='link' href='__ROOT__'>
{if empty($areaInfo['areaName'])}
请选择
{else /}
{$areaInfo['areaName']}
{/if}
</a>
<i class="drop-down-arrow"></i>
</div>
<div class="dorp-down-layer">
<div class="tab-header">
<ul class="tab">
<li class="tab-item1" id="fl_1_1" onclick="gpanelOver(this);" c="1" >
{if isset($areaInfo)}
<a href='javascript:void(0)'>{$areaInfo[0]['areaName']}</a>
{else /}
<a href='javascript:void(0)'>请选择</a>
{/if}
</li>
{if isset($areaInfo)}
<li class="tab-item1" id="fl_1_2" onclick="gpanelOver(this);" c="1" >
<a href="javascript:void(0)">{$areaInfo[1]['areaName']}</a>
</li>
<li class="tab-item1 j-tab-selected1" id="fl_1_3" onclick="gpanelOver(this);" c="1" >
<a href="javascript:void(0)">{$areaInfo[2]['areaName']}</a>
</li>
{else /}
<li class="tab-item1" id="fl_1_2" onclick="gpanelOver(this);" c="1" pid="" >
<a href="javascript:void(0)">请选择</a>
</li>
<li class="tab-item1 j-tab-selected1" id="fl_1_3" onclick="gpanelOver(this);" c="1" pid="" >
<a href="javascript:void(0)">请选择</a>
</li>
{/if}
</ul>
</div>
<ul class="area-box" id="fl_1_1_pl" style="display:none;">
{volist name="$area1" id="area1"}
<li onclick="choiceArea(this,{$area1['areaId']})"><a href="javascript:void(0)">{$area1['areaName']}</a></li>
{/volist}
</ul>
<ul class="area-box" id="fl_1_2_pl" style="display:none;">
{volist name="$area2" id="area2"}
<li onclick="choiceArea(this,{$area2['areaId']})"><a href="javascript:void(0)">{$area2['areaName']}</a></li>
{/volist}
</ul>
<ul class="area-box" id="fl_1_3_pl" >
{volist name="$area3" id="area3"}
<li onclick="choiceArea(this,{$area3['areaId']})"><a href="javascript:void(0)">{$area3['areaName']}</a></li>
{/volist}
</ul>
</div>
</div>
</div>
<div class='chk'>
<div class="checkbox-box-s">
<input name='isStock' value='1' class="sipt wst-checkbox-s" onclick="goodsFilter(this,4)" type='checkbox' id="stock" {if $isStock==1}checked{/if}/>
<label for="stock"></label>
</div>
仅显示有货</div>
<div class='chk'>
<div class="checkbox-box-s">
<input name='isNew' value='1' class="sipt wst-checkbox-s" onclick="goodsFilter(this,4)" type='checkbox' id="new" {if $isNew==1}checked{/if}/>
<label for="new"></label>
</div>
新品</div>
<div class='chk'>
<div class="checkbox-box-s">
<input name='isFreeShipping' value='1' class="sipt wst-checkbox-s" onclick="goodsFilter(this,4)" type='checkbox' id="freeShipping" {if $isFreeShipping==1}checked{/if}/>
<label for="freeShipping"></label>
</div>
包邮</div>
</div>
</div>
<div class="goods-list">
{volist name='goodsPage["Rows"]' id='vo'}
<div class="goods">
<div class="img">
<a target='_blank' href="{:Url('home/goods/detail','id='.$vo['goodsId'])}">
<img title="{$vo['goodsName']}" alt="{$vo['goodsName']}" class='goodsImg2' data-original="__IMGURL__/{$vo['goodsImg']}"/>
</a>
</div>
{php}
$img_listarr = explode(',',$vo['gallery']);
array_unshift($img_listarr,$vo['goodsImg']);
{/php}
<ul class="img_list">
{volist name="$img_listarr" id="ils" key="ils_k" length="8"}
{if($ils!='')}
<li class="{if($ils_k==1)}curr{/if}"><img title="{$vo['goodsName']}" alt="{$vo['goodsName']}" class='goodsImg2' data-original="__IMGURL__/{$ils}"/></li>
{/if}
{/volist}
<div class="wst-clear"></div>
</ul>
<div class="p-name"><a target='_blank' href="{:Url('home/goods/detail','id='.$vo['goodsId'])}" class="wst-redlink" title="{$vo['goodsName']}">{$vo['goodsName']}</a></div>
<div>
<div class="p-price">¥{$vo['shopPrice']}</div>
<div class="p-hsale">
<div class="sale-num">成交数:<span class="wst-fred">{$vo['saleNum']}</span></div>
<a class="p-add-cart" style="display:none;" href="javascript:WST.addCart({$vo['goodsId']});">加入购物车</a>
</div>
<div class='wst-clear'></div>
</div>
<div>
<div class="p-mprice">市场价<span>¥{$vo['marketPrice']}</span></div>
<div class="p-appraise">已有<span class="wst-fred">{$vo['appraiseNum']}</span>人评价</div>
<div class='wst-clear'></div>
</div>
{if empty($is_icp)}
<div class="p-shop">
<a href="{:Url('home/shops/home','shopId='.$vo['shopId'])}" target='_blank' class="wst-redlink">{$vo['shopName']}</a>
<a class="contrast" href="javascript:void(0);" onclick="javascript:contrastGoods(1,{$vo['goodsId']},1)"><i></i>对比</a>
</div>
{/if}
<div class="tags">
{volist name="vo['tags']" id='tv'}
{$tv}
{/volist}
</div>
</div>
{/volist}
<div class='wst-clear'></div>
</div>
<div style="position: absolute;bottom: -50px;width:980px;">
<div id="wst-pager"></div>
</div>
</div>
<div class='wst-clear'></div>
<div style="height: 50px;"></div>
{/* 您最近浏览的商品 */}
{if cookie("history_goods")!=''}
<div class="wst-gview">
<div class="title">您最近浏览的商品</div>
<div class="view-goods">
{wst:goods type='history' cat="$catId" num='7'}
<div class="item">
<div class="img"><a target='_blank' href="{:Url('home/goods/detail','id='.$vo['goodsId'])}"><img class='goodsImg' data-original="__IMGURL__/{$vo['goodsImg']}" alt="{$vo['goodsName']}" title="{$vo['goodsName']}"/></a></div>
<div class="p-name"><a class="wst-hide wst-redlink" href="{:Url('home/goods/detail','id='.$vo['goodsId'])}">{$vo['goodsName']}</a></div>
<div class="p-price">¥{$vo['shopPrice']}<span class="v-price">¥{$vo['marketPrice']}</span></div>
</div>
{/wst:goods}
<div class='wst-clear'></div>
</div>
</div>
{/if}
</div>
{/* 对比框 */}
<div class="wst-cont-frame" id="j-cont-frame">
<div class="head"><span>对比栏</span><a href="javascript:void(0);" class="close" onclick="javascript:contrastGoods(0,0,0)">关闭</a></div>
<div class="list">
<div class="goods" id="contrastList"></div>
<div class="term-contrast">
<p><a class="contrast" href="{:Url('home/goods/contrast')}" target="_blank">对比</a></p>
<p><a href="javascript:void(0);" onclick="javascript:contrastDels(0)" class="empty">清空</a></p>
</div>
</div>
<script id="colist" type="text/html">
{{# if(d.data && d.data.length>0){ }}
{{# for(var i=0; i<d.data.length; i++){ }}
<div class="term">
<div class="img"><a href="{{WST.U('home/goods/detail','id='+d.data[i].goodsId)}}" target="_blank"><img class="contImg" data-original="__IMGURL__/{{ d.data[i].goodsImg }}" title="{{ d.data[i].goodsName }}" width="50" height="50"></a></div>
<div class="info"><a href="{{WST.U('home/goods/detail','id='+d.data[i].goodsId)}}" target="_blank"><p class="name">{{ d.data[i].goodsName }}</p></a><p class="price"><span>{{ d.data[i].shopPrice }}</span><a href="javascript:contrastDels({{ d.data[i].goodsId }});" ></a></p></div>
</div>
{{# } }}
{{# } }}
{{# var data = (d.data)?d.data.length:0 }}
{{# for(var i=data+1; i<5; i++){ }}
<div class="term-empty">
<div class="img">{{ i }}</div>
<div class="info"><p>您还可以继续添加</p></div>
</div>
{{# } }}
</script>
</div>
{include file="default/right_cart"/}
{/block}
{block name="js"}
<script type='text/javascript' src='__STYLE__/js/goodslist.js?v={$v}'></script>
<script type='text/javascript'>
$(function(){
{if !isset($areaInfo)}
$('#fl_1_1').click();
{/if}
contrastGoods(1,0,2);
})
laypage({
cont: 'wst-pager',
pages: {$goodsPage["TotalPage"]}, //总页数
skip: true, //是否开启跳页
skin: '#e23e3d',
groups: 3, //连续显示分页数
curr: function(){ //通过url获取当前页也可以同上pages方式获取
var page = location.search.match(/page=(\d+)/);
return page ? page[1] : 1;
}(),
jump: function(e, first){ //触发分页后的回调
if(!first){ //一定要加此判断,否则初始时会无限刷新
var nuewurl = WST.splitURL("page");
var ulist = nuewurl.split("?");
if(ulist.length>1){
location.href = nuewurl+'&page='+e.curr;
}else{
location.href = '?page='+e.curr;
}
}
}
});
var total = {$goodsPage["TotalPage"]};
function page(t){
var page = location.search.match(/page=(\d+)/);
var curr = 1;
if(page && page.length>1){ //说明当前url上有page参数
curr = page[1]; // 当前页
}
var nuewurl = WST.splitURL("page"); // 当前url
var ulist = nuewurl.split("?"); // 将传递的参数与url分开
// 说明当前有参数. 需要带着参数一起传递
var url = (ulist.length>1)?nuewurl+'&page=':'?page=';
if(t=='prev'){ // 上一页
if(curr<=1)return;
curr = parseInt(curr)-1;
location.href = url+curr;
}else{ // 下一页
if(curr>=total)return;
curr = parseInt(curr)+1;
location.href = url+curr;
}
}
</script>
{/block}

View File

@ -0,0 +1,334 @@
{extend name="default/base" /}
{block name="title"}商品搜索 -{:WSTConf('CONF.mallName')}{__block__}{/block}
{block name="meta"}
<meta name="description" content="{:WSTConf('CONF.seoMallDesc')},商品关键字搜索">
<meta name="Keywords" content="{$keyword}">
{/block}
{block name="css"}
<link href="__STYLE__/css/goodslist.css?v={$v}" rel="stylesheet">
{/block}
{block name="nav"}
{include file="default/header" /}
{/block}
{block name="main"}
{/* 推荐热卖 */}
<div class='wst-hot-sales'>
<div class='wst-sales-logo'>
&nbsp;<span class="wst-hot-icon">热卖推荐</span>
</div>
<ul class='wst-sales-box'>
{wst:goods type='recom' num='4'}
<li class="item">
<div class="img"><a target='_blank' href='{:Url("home/goods/detail","id=".$vo["goodsId"])}'><img class='goodsImg' data-original="__IMGURL__/{$vo['goodsImg']}" title="{$vo['goodsName']}" alt="{$vo['goodsName']}" /></a></div>
<div class="des">
<div class="p-sale">已售{$vo['saleNum']}件</div>
<div class="p-name"><a target='_blank' href='{:Url("home/goods/detail","id=".$vo["goodsId"])}'>{$vo['goodsName']}</a></div>
<div class="p-price">¥{$vo['shopPrice']}</div>
<div class="p-buy"><a href="javascript:WST.addCart({$vo['goodsId']})">加入购物车</a></div>
</div>
</li>
{/wst:goods}
</ul>
</div>
<input type="hidden" id="keyword" class="sipt" value='{$keyword}'/>
<input type="hidden" id="orderBy" class="sipt" value='{$orderBy}'/>
<input type="hidden" id="order" class="sipt" value='{$order}'/>
<input type="hidden" id="areaId" class="sipt" value='{$areaId}'/>
<div class='wst-filters'>
<div class='item' style="border-left:2px solid #df2003;padding-left: 8px;">
<a class='link' href='__ROOT__'>全部结果</a>
<i class="arrow">></i>
</div>
<div class='wst-lfloat keyword'>{$keyword}</div>
<div class='wst-clear'></div>
</div>
{/* 商品展示 */}
<div class="wst-container">
{if !empty($goodsPage["Rows"])}
<div class='goods-side'>
<div class="guess-like">
<div class="title">猜你喜欢</div>
{wst:goods type='best' num='3'}
<div class="item">
<div class="img"><a target='_blank' href="{:Url('home/goods/detail','id='.$vo['goodsId'])}"><img class='goodsImg' data-original="__IMGURL__/{$vo['goodsImg']}" alt="{$vo['goodsName']}" title="{$vo['goodsName']}"/></a></div>
<div class="p-name"><a class="wst-hide wst-redlink">{$vo['goodsName']}</a></div>
<div class="p-price">¥{$vo['shopPrice']}<span class="v-price">¥{$vo['marketPrice']}</span></div>
</div>
{/wst:goods}
</div>
<div class="hot-goods">
<div class="title">热销商品</div>
{wst:goods type='hot' num='3'}
<div class="item">
<div class="img"><a target='_blank' href="{:Url('home/goods/detail','id='.$vo['goodsId'])}"><img class='goodsImg' data-original="__IMGURL__/{$vo['goodsImg']}" alt="{$vo['goodsName']}" title="{$vo['goodsName']}"/></a></div>
<div class="p-name"><a class="wst-hide wst-redlink">{$vo['goodsName']}</a></div>
<div class="p-price">¥{$vo['shopPrice']}<span class="v-price">¥{$vo['marketPrice']}</span></div>
</div>
{/wst:goods}
</div>
</div>
<div class='goods-main'>
<div class='goods-filters'>
<div class='line'>
<div class='wst-lfloat chk'>发货地</div>
<div class='city wst-address'>
<div class='item dorpdown'>
<div class='drop-down'>
<a class='link' href='__ROOT__'>
{if empty($areaInfo['areaName'])}
请选择
{else /}
{$areaInfo['areaName']}
{/if}
</a>
<i class="drop-down-arrow"></i>
</div>
<div class="dorp-down-layer">
<div class="tab-header">
<ul class="tab">
<li class="tab-item1" id="fl_1_1" onclick="gpanelOver(this);" c="1" >
{if isset($areaInfo)}
<a href='javascript:void(0)'>{$areaInfo[0]['areaName']}</a>
{else /}
<a href='javascript:void(0)'>请选择</a>
{/if}
</li>
{if isset($areaInfo)}
<li class="tab-item1" id="fl_1_2" onclick="gpanelOver(this);" c="1" >
<a href="javascript:void(0)">{$areaInfo[1]['areaName']}</a>
</li>
<li class="tab-item1 j-tab-selected1" id="fl_1_3" onclick="gpanelOver(this);" c="1" >
<a href="javascript:void(0)">{$areaInfo[2]['areaName']}</a>
</li>
{else /}
<li class="tab-item1" id="fl_1_2" onclick="gpanelOver(this);" c="1" pid="" >
<a href="javascript:void(0)">请选择</a>
</li>
<li class="tab-item1 j-tab-selected1" id="fl_1_3" onclick="gpanelOver(this);" c="1" pid="" >
<a href="javascript:void(0)">请选择</a>
</li>
{/if}
</ul>
</div>
<ul class="area-box" id="fl_1_1_pl" style="display:none;">
{volist name="$area1" id="area1"}
<li onclick="choiceArea(this,{$area1['areaId']})" search='1'><a href="javascript:void(0)">{$area1['areaName']}</a></li>
{/volist}
</ul>
<ul class="area-box" id="fl_1_2_pl" style="display:none;">
{volist name="$area2" id="area2"}
<li onclick="choiceArea(this,{$area2['areaId']})" search='1'><a href="javascript:void(0)">{$area2['areaName']}</a></li>
{/volist}
</ul>
<ul class="area-box" id="fl_1_3_pl">
{volist name="$area3" id="area3"}
<li onclick="choiceArea(this,{$area3['areaId']})" search='1'><a href="javascript:void(0)">{$area3['areaName']}</a></li>
{/volist}
</ul>
</div>
</div>
</div>
<div class='chk'>
<div class="checkbox-box-s">
<input name='isStock' value='1' class="sipt wst-checkbox-s" onclick="searchFilter(this,4)" type='checkbox' id="stock" {if $isStock==1}checked{/if}/>
<label for="stock"></label>
</div>
仅显示有货</div>
<div class='chk'>
<div class="checkbox-box-s">
<input name='isNew' value='1' class="sipt wst-checkbox-s" onclick="searchFilter(this,4)" type='checkbox' id="new" {if $isNew==1}checked{/if}/>
<label for="new"></label>
</div>
新品</div>
<div class='chk'>
<div class="checkbox-box-s">
<input name='isFreeShipping' value='1' class="sipt wst-checkbox-s" onclick="searchFilter(this,4)" type='checkbox' id="freeShipping" {if $isFreeShipping==1}checked{/if}/>
<label for="freeShipping"></label>
</div>
包邮</div>
</div>
<div class='line line2'>
<a class="{if condition="$orderBy eq 0"}curr {/if}" href='javascript:void(0)' onclick='javascript:searchOrder(0)'>销量<span class="{if condition="$orderBy neq 0"}store{/if}{if condition="$orderBy eq 0 and $order eq 1"}store2{/if}{if condition="$orderBy eq 0 and $order eq 0"}store3{/if}"></span></a>
<a class="{$orderBy==1?'curr':''}" href='javascript:void(0)' onclick='javascript:searchOrder(1)'>价格<span class="{if condition="$orderBy neq 1"}store{/if}{if condition="$orderBy eq 1 and $order eq 1"}store2{/if}{if condition="$orderBy eq 1 and $order eq 0"}store3{/if}"></span></a>
<a class="{$orderBy==2?'curr':''}" href='javascript:void(0)' onclick='javascript:searchOrder(2)'>评论数<span class="{if condition="$orderBy neq 2"}store{/if}{if condition="$orderBy eq 2 and $order eq 1"}store2{/if}{if condition="$orderBy eq 2 and $order eq 0"}store3{/if}"></span></a>
<a class="{$orderBy==3?'curr':''}" href='javascript:void(0)' onclick='javascript:searchOrder(3)'>人气<span class="{if condition="$orderBy neq 3"}store{/if}{if condition="$orderBy eq 3 and $order eq 1"}store2{/if}{if condition="$orderBy eq 3 and $order eq 0"}store3{/if}"></span></a>
<a class="{$orderBy==4?'curr':''}" href='javascript:void(0)' onclick='javascript:searchOrder(4)'>上架时间<span class="{if condition="$orderBy neq 4"}store{/if}{if condition="$orderBy eq 4 and $order eq 1"}store2{/if}{if condition="$orderBy eq 4 and $order eq 0"}store3{/if}"></span></a>
<div class="wst-price-ipts">
<span class="wst-price-ipt1"></span><span class="wst-price-ipt2"></span>
<input type="text" class="sipt wst-price-ipt" id="sprice" value="{$sprice}" style="margin-left:8px;" onkeypress='return WST.isNumberdoteKey(event);' onkeyup="javascript:WST.isChinese(this,1)">
- <input type="text" class="sipt wst-price-ipt" id="eprice" value="{$eprice}" onkeypress='return WST.isNumberKey(event);' onkeyup="javascript:WST.isChinese(this,1)">
</div>
<button class="wst-price-but" type="submit" style="width:60px;height: 25px;" onclick='javascript:searchOrder()'>确定</button>
</div>
</div>
<div class="goods-list">
{volist name='goodsPage["Rows"]' id='vo'}
<div class="goods">
<div class="img">
<a target='_blank' href="{:Url('home/goods/detail','id='.$vo['goodsId'])}"><img title="{$vo['goodsName']}" alt="{$vo['goodsName']}" class='goodsImg2' data-original="__IMGURL__/{$vo['goodsImg']}"/></a>
</div>
{php}
$img_listarr = explode(',',$vo['gallery']);
array_unshift($img_listarr,$vo['goodsImg']);
{/php}
<ul class="img_list">
{volist name="$img_listarr" id="ils" key="ils_k"}
{if($ils!='')}
<li class="{if($ils_k==1)}curr{/if}"><img title="{$vo['goodsName']}" alt="{$vo['goodsName']}" class='goodsImg2' data-original="__IMGURL__/{$ils}"/></li>
{/if}
{/volist}
<div class="wst-clear"></div>
</ul>
<div class="p-name">
<a target='_blank' href="{:Url('home/goods/detail','id='.$vo['goodsId'])}" class="wst-redlink" title="{$vo['goodsName']}">{$vo['goodsName']}</a></div>
<div>
<div class="p-price">¥{$vo['shopPrice']}</div>
<div class="p-hsale">
<div class="sale-num">成交数:<span class="wst-fred">{$vo['saleNum']}</span></div>
<a class="p-add-cart" style="display:none;" href="javascript:WST.addCart({$vo['goodsId']});">加入购物车</a>
</div>
<div class='wst-clear'></div>
</div>
<div>
<div class="p-mprice">市场价<span>¥{$vo['marketPrice']}</span></div>
<div class="p-appraise">已有<span class="wst-fred">{$vo['appraiseNum']}</span>人评价</div>
<div class='wst-clear'></div>
</div>
{if empty($is_icp)}
<div class="p-shop">
<a href="{:Url('home/shops/home','shopId='.$vo['shopId'])}" target='_blank' class="wst-redlink">{$vo['shopName']}</a>
<a class="contrast" href="javascript:void(0);" onclick="javascript:contrastGoods(1,{$vo['goodsId']},1)"><i></i>对比</a>
</div>
{/if}
</div>
{/volist}
<div class='wst-clear'></div>
</div>
<div style="width:980px;">
<div id="wst-pager"></div>
</div>
</div>
<div class='wst-clear'></div>
{else}
<div class="wst-no-goods">很抱歉,没有找到“<span>{$keyword}</span>”为关键字的商品搜索结果。</div>
{/* 找不到商品的话就为用户推荐一些 */}
<div class="wst-recommend">
<div class="title">为您推荐<span style="float: right;"></span></div>
<div class="tgoods-list">
{wst:goods type='best' num='5' id='rvo'}
<div class="goods">
<div class="img"><a target='_blank' href="{:Url('home/goods/detail','id='.$rvo['goodsId'])}"><img title="{$rvo['goodsName']}" alt="{$rvo['goodsName']}" class='goodsImg' data-original="__IMGURL__/{$rvo['goodsImg']}"/></a></div>
<div class="p-name"><a target='_blank' class="wst-redlink">{$rvo['goodsName']}</a></div>
<div>
<div class="p-price">¥{$rvo['shopPrice']}</div>
<div class="p-hsale">
<div class="sale-num">成交数:<span class="wst-fred">{$rvo['saleNum']}</span></div>
<a class="p-add-cart" style="display:none;" href="javascript:WST.addCart({$rvo['goodsId']});">加入购物车</a>
</div>
<div class='wst-clear'></div>
</div>
<div>
<div class="p-mprice">市场价<span>¥{$rvo['marketPrice']}</span></div>
<div class="p-appraise">已有<span class="wst-fred">{$rvo['appraiseNum']}</span>人评价</div>
<div class='wst-clear'></div>
</div>
<div class="p-shop"><a href="" class="wst-redlink">{$rvo['shopName']}</a></div>
</div>
{/wst:goods}
<div class='wst-clear'></div>
</div>
</div>
{/if}
{/* 您最近浏览的商品 */}
{if cookie("history_goods")!=''}
<div class="wst-gview">
<div class="title">您最近浏览的商品</div>
<div class="view-goods">
{wst:goods type='history' num='7'}
<div class="item">
<div class="img"><a target='_blank' href="{:Url('home/goods/detail','id='.$vo['goodsId'])}"><img class='goodsImg' data-original="__IMGURL__/{$vo['goodsImg']}" alt="{$vo['goodsName']}" title="{$vo['goodsName']}"/></a></div>
<div class="p-name"><a class="wst-hide wst-redlink" href="{:Url('home/goods/detail','id='.$vo['goodsId'])}">{$vo['goodsName']}</a></div>
<div class="p-price">¥{$vo['shopPrice']}<span class="v-price">¥{$vo['marketPrice']}</span></div>
</div>
{/wst:goods}
<div class='wst-clear'></div>
</div>
</div>
{/if}
</div>
{/* 对比框 */}
<div class="wst-cont-frame" id="j-cont-frame">
<div class="head"><span>对比栏</span><a href="javascript:void(0);" class="close" onclick="javascript:contrastGoods(0,0,0)">关闭</a></div>
<div class="list">
<div class="goods" id="contrastList"></div>
<div class="term-contrast">
<p><a class="contrast" href="{:Url('home/goods/contrast')}" target="_blank">对比</a></p>
<p><a href="javascript:void(0);" onclick="javascript:contrastDels(0)" class="empty">清空</a></p>
</div>
</div>
<script id="colist" type="text/html">
{{# if(d.data && d.data.length>0){ }}
{{# for(var i=0; i<d.data.length; i++){ }}
<div class="term">
<div class="img"><a href="{{WST.U('home/goods/detail','id='+d.data[i].goodsId)}}" target="_blank"><img class="contImg" data-original="__IMGURL__/{{ d.data[i].goodsImg }}" title="{{ d.data[i].goodsName }}" width="50" height="50"></a></div>
<div class="info"><a href="{{WST.U('home/goods/detail','id='+d.data[i].goodsId)}}" target="_blank"><p class="name">{{ d.data[i].goodsName }}</p></a><p class="price"><span>{{ d.data[i].shopPrice }}</span><a href="javascript:contrastDels({{ d.data[i].goodsId }});" ></a></p></div>
</div>
{{# } }}
{{# } }}
{{# var data = (d.data)?d.data.length:0 }}
{{# for(var i=data+1; i<5; i++){ }}
<div class="term-empty">
<div class="img">{{ i }}</div>
<div class="info"><p>您还可以继续添加</p></div>
</div>
{{# } }}
</script>
</div>
{include file="default/right_cart"/}
{/block}
{block name="js"}
<script type='text/javascript' src='__STYLE__/js/goodslist.js?v={$v}'></script>
{if !empty($goodsPage["Rows"])}
<script type='text/javascript'>
$(function(){
{if !isset($areaInfo)}
$('#fl_1_1').click();
{/if}
contrastGoods(1,0,2);
})
laypage({
cont: 'wst-pager',
pages: {$goodsPage["TotalPage"]}, //总页数
skip: true, //是否开启跳页
skin: '#e23e3d',
groups: 3, //连续显示分页数
curr: function(){ //通过url获取当前页也可以同上pages方式获取
var page = location.search.match(/page=(\d+)/);
return page ? page[1] : 1;
}(),
jump: function(e, first){ //触发分页后的回调
if(!first){ //一定要加此判断,否则初始时会无限刷新
var nuewurl = WST.splitURL("page");
var ulist = nuewurl.split("?");
if(ulist.length>1){
location.href = nuewurl+'&page='+e.curr;
}else{
location.href = '?page='+e.curr;
}
}
}
});
</script>
{/if}
{/block}

View File

@ -0,0 +1,141 @@
<div class='wst-search-container'>
<div class='wst-logo'>
<a href='{$Request.root.true}' title="{:WSTConf('CONF.mallName')}" >
<img src="__IMGURL__/{:WSTConf('CONF.mallLogo')}" height="120" width='240' title="{:WSTConf('CONF.mallName')}" alt="{:WSTConf('CONF.mallName')}">
</a>
</div>
<div class="wst-search-box">
<div class='wst-search'>
<input type="hidden" id="search-type" value="{:isset($keytype)?1:0}"/>
<ul class="j-search-box">
<li class="j-search-type">
{if empty($is_icp)}搜<span>{if isset($keytype)}店铺{else}商品{/if}</span>{else /}搜<span>商品&nbsp;</span>{/if}<i class="arrow"> </i>
</li>
{if empty($is_icp)}
<li class="j-type-list">
{if isset($keytype)}
<div data="0">商品</div>
{else}
<div data="1">店铺</div>
{/if}
</li>
{/if}
</ul>
<input type="text" id='search-ipt' class='search-ipt' placeholder='{:WSTConf("CONF.adsGoodsWordsSearch")}' value='{:isset($keyword)?$keyword:""}'/>
<input type='hidden' id='adsGoodsWordsSearch' value='{:WSTConf("CONF.adsGoodsWordsSearch")}'>
<input type='hidden' id='adsShopWordsSearch' value='{:WSTConf("CONF.adsShopWordsSearch")}'>
<div id='search-btn' class="search-btn" onclick='javascript:WST.search(this.value)'>搜索</div>
</div>
<div class="wst-search-keys">
{php}$searchKeys = WSTSearchKeys();{/php}
{volist name="$searchKeys" id="vo"}
<a href='{:Url("home/goods/search","keyword=".$vo)}'>{$vo}</a>
{if $i< count($searchKeys)}&nbsp;&nbsp;|&nbsp;&nbsp;{/if}
{/volist}
</div>
</div>
<div class="wst-cart-box">
<a href="{:url('home/carts/index')}" target="_blank" onclick="WST.currentUrl('{:url("home/carts/index")}');"><span class="word j-word">我的购物车<span class="num" id="goodsTotalNum">0</span></span></a>
<div class="wst-cart-boxs hide">
<div id="list-carts"></div>
<div id="list-carts2"></div>
<div id="list-carts3"></div>
<div class="wst-clear"></div>
</div>
</div>
{/* 购物车 */}
<script id="list-cart" type="text/html">
{{# for(var i = 0; i < d.list.length; i++){ }}
<div class="goods" id="j-goods{{ d.list[i].cartId }}">
<div class="imgs"><a href="{{ WST.U('home/goods/detail','id='+d.list[i].goodsId) }}"><img class="goodsImgc" data-original="__IMGURL__/{{ d.list[i].goodsImg }}" title="{{ d.list[i].goodsName }}"></a></div>
<div class="number"><p><a href="{{ WST.U('home/goods/detail','id='+d.list[i].goodsId) }}">{{WST.cutStr(d.list[i].goodsName,26)}}</a></p><p>{{ d.list[i].cartNum }}</p></div>
<div class="price"><p>{{ d.list[i].shopPrice }}</p><span><a href="javascript:WST.delCheckCart({{ d.list[i].cartId }})"></a></span></div>
</div>
{{# } }}
</script>
</div>
<div class="wst-clear"></div>
{/* 左侧菜单栏 */}
<div class="wst-nav-menus">
<div class="nav-w" style="position: relative;">
<div class="w-spacer"></div>
<div class="dorpdown {if isset($hideCategory)}j-index{/if}" id="wst-categorys">
<div class="dt j-cate-dt">
<a href="javascript:void(0)">全部商品分类</a>
</div>
<div class="dd j-cate-dd" {if !isset($hideCategory)}style="display:none" {/if}>
<div class="dd-inner">
{volist name=":WSTSideCategorys()" id="vo" key="k"}
{php}if($vo['catId']!=389){{/php}
<div id="cat-icon-{$k}" class="item fore1 {if ($key>=12)}over-cat{/if}">
<h3>
<div class="{if ($key>=12)} over-cat-icon {else /} cat-icon-{$k} {/if}"></div>
<a href="{:Url('home/goods/lists','cat='.$vo['catId'])}" target="_blank">{$vo['catName']}</a>
</h3>
</div>
{php}}{/php}
{/volist}
</div>
<div style="display: none;" class="dorpdown-layer" id="index_menus_sub">
{volist name=":WSTSideCategorys()" id="vo" key="k"}
<div class="item-sub" i="{$k}">
<div class="item-brands">
<div class="brands-inner">
{wst:brand cat="$vo['catId']" id="bvo" num='6' cache='86400'}
<a target="_blank" class="img-link" href="{:url('home/goods/lists',['cat'=>$bvo['catId'],'brand'=>$bvo['brandId']])}">
<img width="83" height="65" class='categeMenuImg' data-original="__IMGURL__/{$bvo['brandImg']}">
</a>
{/wst:brand}
<div class="wst-clear"></div>
</div>
<div class='shop-inner'>
{wst:shop cat="$vo['catId']" id="bvo" num='4' cache='86400'}
<a target="_blank" class="img-link" href="{:url('home/shops/home',['shopId'=>$bvo['shopId']])}">
<img width="83" height="65" class='categeMenuImg' data-original="__IMGURL__/{$bvo['shopImg']}">
</a>
{/wst:shop}
<div class="wst-clear"></div>
</div>
</div>
<div class="subitems">
{php}if(isset($vo['list'])){{/php}
{volist name="vo['list']" id="vo2"}
<dl class="fore2">
<dd>
<a
class="cat2_tit"
target="_blank"
href="{:Url('home/goods/lists','cat='.$vo2['catId'])}">
{$vo2['catName']}
<i>&gt;</i>
</a>
{php}if(isset($vo2['list'])){{/php}
{volist name="vo2['list']" id="vo3"}
<a target="_blank" href="{:Url('home/goods/lists','cat='.$vo3['catId'])}">{$vo3['catName']}</a>
{/volist}
{php}}{/php}
<div class="wst-clear"></div>
</dd>
</dl>
{/volist}
{php}}{/php}
</div>
</div>
{/volist}
</div>
</div>
</div>
{/* 横栏菜单 */}
<div id="wst-nav-items">
<ul>
{volist name=":WSTNavigations(0)" id='vo'}
<li class="fore1">
<a href="{$vo['navUrl']}" {if $vo['isOpen']==1}target="_blank"{/if}>{$vo['navTitle']}</a>
</li>
{/volist}
</ul>
</div>
</div>
<div class="wst-clear"></div>

View File

@ -0,0 +1,12 @@
<div class='wst-lite-container'>
<div class='wst-logo'>
<a href='{$Request.root.true}' title="{:WSTConf('CONF.mallName')}" >
<img src="__IMGURL__/{:WSTConf('CONF.mallLogo')}" height="120" width='240' title="{:WSTConf('CONF.mallName')}" alt="{:WSTConf('CONF.mallName')}">
</a>
</div>
<div class="wst-lite-title">{$liteTitle}</div>
<div class="wst-lite-index"><a href='{$Request.root.true}'>返回首页</a></div>
<div class="wst-clear"></div>
</div>
<div style="border-bottom: 2px solid #df2003;"></div>
<div class="wst-clear"></div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 219 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 80 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 105 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 968 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 217 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 451 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 550 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Some files were not shown because too many files have changed in this diff Show More