wangshusheng / YOHOBUYPC · Commits

Go to a project

Authored by xuqi
Commit f027d9561c50fb9e8aad590b4240663d338e8070 2 parents 062277cb 3c811c0b

Merge branch 'feature/header-footer' of http://git.dev.yoho.cn/web/yohobuy into … 

…feature/header-footer
Inline Side-by-side
Showing 11 changed files with 1258 additions and 1312 deletions
No preview for this file type
... ... @@ -102,7 +102,11 @@
{{/thirdnav}}
</div>
</div>
<div class="showdetail" data-code="220eec926e0d2c48b2f7e36fb9c42b83"><a href="http://list.yohobuy.com/?gender=1,3&amp;msort=8"><img src="http://img12.static.yhbimg.com/yhb-img01/2015/10/30/06/02af834d146e3f00b1f5fcc8388f641922.jpg?imageView/1/w/337/h/250" alt="" style=""></a><a class="title" href="http://list.yohobuy.com/?gender=1,3&amp;msort=8">热门小物优选</a></div>
<div class="showdetail" data-code="220eec926e0d2c48b2f7e36fb9c42b83">
<a href="http://list.yohobuy.com/?gender=1,3&amp;msort=8">
<img src="http://img12.static.yhbimg.com/yhb-img01/2015/10/30/06/02af834d146e3f00b1f5fcc8388f641922.jpg?imageView/1/w/337/h/250" alt="" style=""></a>
<a class="title" href="http://list.yohobuy.com/?gender=1,3&amp;msort=8">热门小物优选</a>
</div>
</div>
</div>
</li>
... ... @@ -132,241 +136,163 @@
</div>
</div>
</div>
{{/headerdata}}
<div id="goodcartempwarpper">
<script type="text/html" id="mini-cart-tpl">
<div class="gobuy-notempty">
<div class="goods-list-wrapper">
\{\{#carData\}\}
<div class="gobuy-notempty">
<div class="goods-list-wrapper">
<ul class="goods-list">
%L~it.cartData.main_goods :v:index%R
\{\{#main_goods\}\}
<li class="goods-item">
<a href="%L=v.product_url%R">
<img src="%L=v.default_img%R" alt="" class="goods-img" />
<a href="\{\{product_url\}\}">
<img src="\{\{default_img\}\}" alt="" class="goods-img" />
</a>
<div class="goods-detail float-left">
<h3 class="content"><a href="%L=v.product_url%R">%L=v.product_name%R</a></h3>
<h3 class="content"><a href="\{\{product_url\}\}">\{\{product_name\}\}</a></h3>
<h3 class="style">
颜色：
<span class="color">%L=v.color_name%R</span>
<span class="color">\{\{color_name\}\}</span>
尺码：
<span class="size">%L=v.size_name%R</span>
<span class="size">\{\{size_name\}\}</span>
</h3>
</div>
<div class="goods-price float-left">
<h3 class="priceandnum">
<span class="price">%L=v.show_price%R</span>
<span class="price">\{\{show_price\}\}</span>
x
<span class="num">%L=v.buy_number%R</span>
<span class="num">\{\{buy_number\}\}</span>
</h3>
<a href="javascript:void(0)" class="delete" onclick="delCartGoods(%L=v.goods_incart_id%R,%L=v.is_cheapest_free%R);">删除</a>
<a href="javascript:void(0)" class="delete goodscardelete" goodsid=\{\{goods_incart_id\}\} cheapest=\{\{is_cheapest_free\}\}>删除</a>
</div>
</li>
%L~%R
%L~it.cartData.advance_goods :v:index%R
\{\{/main_goods\}\}
\{\{#advance_goods\}\}
<li class="goods-item">
<a href="%L=v.product_url%R">
<img src="%L=v.default_img%R" alt="" class="goods-img"></a>
<a href="\{\{product_url\}\}">
<img src="\{\{default_img\}\}" alt="" class="goods-img"></a>
<div class="goods-detail float-left">
<h3 class="content"><a href="%L=v.product_url%R">%L=v.product_name%R</a></h3>
<h3 class="content"><a href="\{\{product_url\}\}">\{\{product_name\}\}</a></h3>
<h3 class="style">
颜色：
<span class="color">%L=v.color_name%R</span>
<span class="color">\{\{color_name\}\}</span>
尺码：
<span class="size">%L=v.size_name%R</span>
<span class="size">\{\{size_name\}\}</span>
</h3>
</div>
<div class="goods-price float-left">
<h3 class="priceandnum">
￥
<span class="price">%L=v.show_price%R</span>
<span class="price">\{\{show_price\}\}</span>
x
<span class="num">%L=v.buy_number%R</span>
<span class="num">\{\{buy_number\}\}</span>
</h3>
<a href="javascript:void(0)" class="delete" onclick="delCartGoods(%L=v.goods_incart_id%R,%L=v.is_cheapest_free%R);">删除</a>
<a href="javascript:void(0)" class="delete goodscardelete" goodsid=\{\{goods_incart_id\}\} cheapest=\{\{is_cheapest_free\}\}>删除</a>
</div>
</li>
%L~%R
%L~it.cartData.outlet_goods :v:index%R
\{\{/advance_goods\}\}
\{\{# outlet_goods\}\}
<li class="goods-item">
<a href="%L=v.product_url%R">
<img src="%L=v.default_img%R" alt="" class="goods-img"></a>
<a href="\{\{product_url\}\}">
<img src="\{\{default_img\}\}" alt="" class="goods-img"></a>
<div class="goods-detail float-left">
<h3 class="content"><a href="%L=v.product_url%R">%L=v.product_name%R</a></h3>
<h3 class="content"><a href="\{\{product_url\}\}">\{\{product_name\}\}</a></h3>
<h3 class="style">
颜色：
<span class="color">%L=v.color_name%R</span>
<span class="color">\{\{color_name\}\}</span>
尺码：
<span class="size">%L=v.size_name%R</span>
<span class="size">\{\{size_name\}\}</span>
</h3>
</div>
<div class="goods-price float-left">
<h3 class="priceandnum">
￥
<span class="price">%L=v.show_price%R</span>
<span class="price">\{\{show_price\}\}</span>
x
<span class="num">%L=v.buy_number%R</span>
<span class="num">\{\{buy_number\}\}</span>
</h3>
<a href="javascript:void(0)" class="delete" onclick="delCartGoods(%L=v.goods_incart_id%R,%L=v.is_cheapest_free%R);">删除</a>
<a href="javascript:void(0)" class="delete goodscardelete" goodsid=\{\{goods_incart_id\}\} cheapest=\{\{is_cheapest_free\}\}>删除</a>
</div>
</li>
%L~%R
%L~it.cartData.gift_goods :v:index%R
\{\{/outlet_goods\}\}
\{\{#gift_goods\}\}
<li class="goods-item">
<a href="%L=v.product_url%R">
<img src="%L=v.default_img%R" alt="" class="goods-img"></a>
<a href="\{\{product_url\}\}">
<img src="\{\{default_img\}\}" alt="" class="goods-img"></a>
<div class="goods-detail float-left">
<h3 class="content"><a href="%L=v.product_url%R">%L=v.product_name%R</a></h3>
<h3 class="content"><a href="\{\{product_url\}\}">\{\{product_name\}\}</a></h3>
<h3 class="style">
颜色：
<span class="color">%L=v.color_name%R</span>
<span class="color">\{\{color_name\}\}</span>
尺码：
<span class="size">%L=v.size_name%R</span>
<span class="size">\{\{size_name\}\}</span>
</h3>
</div>
<div class="goods-price float-left">
<h3 class="priceandnum">
￥
<span class="price">%L=v.show_price%R</span>
<span class="price">\{\{show_price\}\}</span>
x
<span class="num">%L=v.buy_number%R</span>
<span class="num">\{\{buy_number\}\}</span>
</h3>
<a href="javascript:void(0)" class="delete" onclick="delCartGoods(%L=v.goods_incart_id%R,%L=v.is_cheapest_free%R);">删除</a>
<a href="javascript:void(0)" class="delete goodscardelete" goodsid=\{\{goods_incart_id\}\} cheapest=\{\{is_cheapest_free\}\}>删除</a>
</div>
</li>
%L~%R
%L~it.cartData.need_pay_gifts :v:index%R
\{\{/gift_goods\}\}
\{\{#need_pay_gifts\}\}
<li class="goods-item">
<a href="%L=v.product_url%R">
<img src="%L=v.default_img%R" alt="" class="goods-img"></a>
<a href="\{\{product_url\}\}">
<img src="\{\{default_img\}\}" alt="" class="goods-img"></a>
<div class="goods-detail float-left">
<h3 class="content"><a href="%L=v.product_url%R">%L=v.product_name%R</a></h3>
<h3 class="content"><a href="\{\{product_url\}\}">\{\{product_name\}\}</a></h3>
<h3 class="style">
颜色：
<span class="color">%L=v.color_name%R</span>
<span class="color">\{\{color_name\}\}</span>
尺码：
<span class="size">%L=v.size_name%R</span>
<span class="size">\{\{size_name\}\}</span>
</h3>
</div>
<div class="goods-price float-left">
<h3 class="priceandnum">
￥
<span class="price">%L=v.show_price%R</span>
<span class="price">\{\{show_price\}\}</span>
x
<span class="num">%L=v.buy_number%R</span>
<span class="num">\{\{buy_number\}\}</span>
</h3>
<a href="javascript:void(0)" class="delete" onclick="delCartGoods(%L=v.goods_incart_id%R,%L=v.is_cheapest_free%R);">删除</a>
<a href="javascript:void(0)" class="delete goodscardelete" goodsid=\{\{goods_incart_id\}\} cheapest=\{\{is_cheapest_free\}\}>删除</a>
</div>
</li>
%L~%R
\{\{/need_pay_gifts\}\}
</ul>
<ul class="activity-list">
%L? it.cartData.has_promotion == 1%R
{{#equalone has_promotion\}\}
<li class="activity-item">
<span class="activity-name">活动</span>
<h3 class="activity-content">
%L? it.cartData.fit_outlet_promotion %R购outlet商品，满￥1999再享9折%L?%R
%L? it.cartData.has_other_promotion == 1 %R<span class="mycart_i_down" title="更多" onclick="dispDom(this, 'mycartmore');"></span>%L?%R
%L? it.cartData.has_first_promotion == 1 %R%L=it.cartData.first_promotions.promotion_title%R%L?%R
\{\{fit_outlet_promotion \}\}购outlet商品，满￥1999再享9折\}\}
{{#equalone has_other_promotion\}\}
<span class="mycart_i_down" title="更多" ></span>
{{/equalone\}\}
\{\{#equalone has_first_promotion\}\}
\{\{first_promotions.promotion_title\}\}
\{\{/equalone\}\}
</h3>
</li>
%L?%R
%L? it.cartData.fit_free_shipping == 1%R
\{\{/equalone\}\}
\{\{#equalone fit_free_shipping \}\}
<li class="activity-item">
<span class="activity-name">免运费</span>
<h3 class="activity-content">全场满 ￥499免运费</h3>
</li>
%L?%R
\{\{/equalone\}\}
</ul>
</div>
<div class="gobuy-notempty-footer">
<h3>
<a href="<?php print QConfigs_Site_Config::$site_url;?>/shopping/cart">去购物车结算</a>
</h3>
</div>
</div>
</script>
<script type="text/html" id="tmpl-my-login-new">
<div class="myyoho-info-header clearfix">
%L? it.head_ico %R
<div class="myyoho-photo" style="display:none;"><img src="" alt="" data-url ="%L=it.head_ico%R"></div>
%L?%R
<h3 class="user-email"><a href="<?php print QConfigs_Site_Config::$site_url?>/home?t=%L=it.random%R">%L=it.profile_name%R</a></h3>
<h3 class="user-level">
VIP:
<span class="leveldetail">%L=it.vip.curVipInfo.title%R</span>
</h3>
%L? it.vip.curVipInfo.curLevel < 3%R
<div class="levelinfo">
<div class="levelwrapper float-left">
<div class="levelspan">
<span class="has">%L=it.vip.curYearCost%R</span>
/
<span class="total">%L=it.vip.nextVipInfo.needCost%R</span>
</div>
<p class="%L? it.vip.curYearCostPer !=0%Rintegrate%L?%R" style="width: %L=it.vip.curYearCostPer%R%;"></p>
</div>
<span class="cardcate float-left">%L=it.vip.nextVipInfo.title%R</span>
</div>
%L?%R
</div>
<ul class="myyoho-info-content">
<li class="item">
<span class="itemdetail float-left">
<a href="<?php print QConfigs_Site_Config::$site_url?>/home/orders?t=<?php print microtime(true);?>">待处理的订单</a>
</span>
<span class="itemnum float-right">%L=it.orderCount%R</span>
</li>
<li class="item">
<span class="itemdetail float-left">
<a href="<?php print QConfigs_Site_Config::$site_url?>/home/favorite?t=<?php print microtime(true);?>">我的收藏</a>
</span>
<span class="itemnum float-right"></span>
</li>
<li class="item">
<span class="itemdetail float-left">
<a href="<?php print QConfigs_Site_Config::$site_url?>/home/coupons?t=<?php print microtime(true);?>">我的优惠券</a>
</span>
<span class="itemnum float-right">%L=it.couponCount%R</span>
</li>
<li class="item">
<span class="itemdetail float-left">
<a href="<?php print QConfigs_Site_Config::$site_url?>/home/currency?t=<?php print microtime(true);?>">我的YOHO币</a>
</span>
<span class="itemnum float-right">%L=it.YohocoinCount%R</span>
</li>
<li class="item">
<span class="itemdetail float-left">
<a href="<?php print QConfigs_Site_Config::$site_url?>/home/returns?t=<?php print microtime(true);?>">我的退货换货</a>
</span>
<span class="itemnum float-right">%L=it.refundCount%R</span>
</li>
</ul>
<div class="myyoho-info-footer">
<a href="<?php print QConfigs_Site_Config::$site_url?>/home/user?t=<?php print microtime(true);?>">完善资料</a>
</div>
</script>
<script type="text/html" id="tmpl-nologin">
<span>Hi~</span>[<a href="<?php print QConfigs_Site_Config::$site_url;?>/signin.html" class="list-a login-out">请登录</a>]&nbsp;[<a href="<?php print QConfigs_Site_Config::$site_url;?>/reg.html" class="list-a login-out" onclick="getSource('会员部_注册统计','免费注册','homepage_man');">免费注册</a>]
</script>
<script type="text/html" id="tmpl-login">
<span>Hi~<a href="<?php print QConfigs_Site_Config::$site_url;?>/home?t=<?php print microtime(true);?>">%L=it.user_name%R</a></span>&nbsp;%L? it.is_login == 1%R[<a href="%L=it.logout%R" class="list-a login-out">退出</a>]%L??%R[<a href="<?php print QConfigs_Site_Config::$site_url;?>/signin.html" class="list-a login-out">请登录</a>]&nbsp;[<a href="<?php print QConfigs_Site_Config::$site_url;?>/reg.html" onclick="getSource('会员部_注册统计','免费注册','homepage_man');" class="list-a login-out">免费注册</a>]%L?%R
</script>
<script type="text/html" id="tmpl-my-noLogin">
<div class="account-login">
<div><a href="<?php print QConfigs_Site_Config::$site_url?>/signin.html" class="button">立即登录</a></div>
<div><span>新用户？</span><a href="<?php print QConfigs_Site_Config::$site_url?>/reg.html" onclick="getSource('会员部_注册统计','免费注册','homepage_man');">[免费注册]</a></div>
</div>
<ul class="home-layer">
<li class="clear"><a href="<?php print QConfigs_Site_Config::$site_url?>/home/orders?t=<?php print microtime(true);?>" class="left">我的订单</a></li>
<li class="clear"><a href="<?php print QConfigs_Site_Config::$site_url?>/home/favorite?t=<?php print microtime(true);?>" class="left">我的收藏</a></li>
<li class="clear"><a href="<?php print QConfigs_Site_Config::$site_url?>/home/coupons?t=<?php print microtime(true);?>" class="left">我的优惠券</a></li>
<li class="clear"><a href="<?php print QConfigs_Site_Config::$site_url?>/home/currency?t=<?php print microtime(true);?>" class="left">我的YOHO币</a></li>
<li class="clear"><a href="<?php print QConfigs_Site_Config::$site_url?>/home/returns?t=<?php print microtime(true);?>" class="left">我的退换货</a></li>
</ul>
</script>
<script type="text/html" id="tmpl-message">
<ul>%L~ it :v:index%R<li><a href="<?php print QConfigs_Site_Config::$site_url;?>/home/message/content?id=%L=v.id%R">%L=v.title%R</a></li>%L~%R</ul>
</script>
</div>
{{/headerdata}}
\ No newline at end of file
\{\{/carData\}\}
</script>
</div>
\ No newline at end of file
... ...
<script>
seajs.use('js/common');
seajs.use('js/header',function(header) {
if(header) {
header.init();
seajs.use('js/header');
seajs.use('js/footer',function(footer) {
if(footer) {
footer.init();
}
});
</script>
{{!-- 首页 --}}
{{#if boysHomePage}}
<script>
<script>
/*seajs.use('js/home/entrey', function(h) {
h.set('boys');
});*/
... ... @@ -19,7 +19,5 @@
{{!-- 搜索 --}}
{{#if searchListPage}}
<script>
seajs.use('js/product/list');
</script>
<script>seajs.use('js/product/list');</script>
{{/if}}
\ No newline at end of file
... ...
... ... @@ -128,4 +128,4 @@ function actionhomeFootChange() {
//初始化
actionSubscription();
actionhomeFootChange();
\ No newline at end of file
actionhomeFootChange();
... ...
... ... @@ -6,10 +6,24 @@
var $ = require('yoho.jquery');
var yohodoT = require('../plugin/yohodoT');
var handlebars = require('yoho.handlebars');
var json2 = require('json2');
var noticeSuccess = false;
/**
* 判断为1的helper
* @param {[type]} v1 [description]
* @param {[type]} options) { if (v1 [description]
* @return {[type]} [description]
*/
handlebars.registerHelper('equalone', function(v1, options) {
if (v1 === '1') {
return options.fn(this);
} else {
return options.inverse(this);
}
});
require('../plugin/yohocookie');
require('../plugin/yohocart');
/**
... ... @@ -550,10 +564,10 @@ function loadCartData() {
shopping_key: $.getShoppingKey()
}, function(jsonData) {
if (window.cartTpl === '') {
window.cartTpl = yohodoT.template($('#mini-cart-tpl').html());
window.cartTpl = handlebars.compile($('#mini-cart-tpl').html());
}
$('#miniCartBox').children('.gobuy-wrapper').html(window.cartTpl({
cartData: jsonData
carData: jsonData
}));
if (parseInt($('.ic-infomation').html()) === 0) {
$('#miniCartBox .gobuy-wrapper').html('<div class="gobuy-empty">' +
... ... @@ -561,7 +575,7 @@ function loadCartData() {
}
if ($('#miniCartBox .goods-list li').length < 1) {
shoppingInfo = $.cookie('_g');
shoppingData = eval('(' + shoppingInfo + ')');
shoppingData = json2.parse(shoppingInfo);
if (shoppingData !== null) {
strK = '{"_k":"' + shoppingData._k + '","_nac":0' + ',"_ac":0,"_r":0}';
$.setcookie('_g', strK, {
... ... @@ -589,7 +603,7 @@ function delCartGoods(id, isreduce) {
isreduce: isreduce
}, function(jsonData) {
var shoppingInfo = $.cookie('_g');
var shoppingData = eval('(' + shoppingInfo + ')');
var shoppingData = json2.parse(shoppingInfo);
var strK = '{"_k":"' + shoppingData._k + '","_nac":' + jsonData.total_goods_num + ',"_ac":0,"_r":0}';
$.setcookie('_g', strK, {
... ... @@ -602,9 +616,37 @@ function delCartGoods(id, isreduce) {
}
window.apiDomain = 'http://api.open.yohobuy.com';
window.cartTpl = '';
window.delCartGoods = delCartGoods;
/**
* 监听购物车删除
* @return {[type]} [description]
*/
function actionListenDelCarGoods() {
var $delcargoods;
var goodsid,
cheapest;
$(document).on('click', '.goodscardelete', function(e) {
$delcargoods = $(this);
goodsid = $delcargoods.attr('goodsid');
cheapest = $delcargoods.attr('cheapest');
delCartGoods(goodsid, cheapest);
});
}
/**
* 监听点击更多打折商品
* @return {[type]} [description]
*/
function actionListenCartMore() {
var $morecart;
$(document).on('click', '.mycart_i_down', function(e) {
$morecart = $(this);
$morecart.toggleClass('mycart_i_up');
$('#mycartmore').slideToggle(300);
});
}
/**
* 点击购物车
* @return {[type]} [description]
*/
... ... @@ -772,7 +814,7 @@ function actionLoopUpdCartNum() {
* @return {[type]} [description]
*/
function actionExeTemplate() {
var resulthtml = $('#goodcartempwarpper').html().replace(/\%L/g, '{{').replace(/\%R/g, '}}');
var resulthtml = $('#goodcartempwarpper').html().replace(/\\/g, '');
$('#goodcartempwarpper').html(resulthtml);
}
... ... @@ -789,7 +831,7 @@ function actionSearch() {
* 初始化函数
* @return {[type]} [description]
*/
exports.init = function() {
function init() {
actionExeTemplate(); //处理模板
actionInitCookie(); //初始化cookie
actionExeCookieMap(); //格式化cookie
... ... @@ -805,4 +847,8 @@ exports.init = function() {
actionLoopUpdCartNum(); //循环检测购物车数量
actionSearch(); //搜索执行
actionClickMiniCartBox(); //点击购物车跳转
};
\ No newline at end of file
actionListenDelCarGoods(); //监听购物车删除
actionListenCartMore(); //
}
init();
\ No newline at end of file
... ...
... ... @@ -15,7 +15,8 @@
"dependencies": {
"yoho.lazyload": "1.0.0",
"yoho.handlebars": "3.0.3",
"yoho.jquery": "1.8.3"
"yoho.jquery": "1.8.3",
"json2": "1.0.0"
},
"devDependencies": {
"expect.js": "0.3.1"
... ...
... ... @@ -267,6 +267,7 @@
.footer-help {
background: #000;
font-size: 12px;
overflow: hidden;
ul {
width: 110%;
}
... ...
.yoho-header {
.header-topwrapper {
width: 100%;
background-color: #f4f4f4;
min-width: 1150px;
}
.header-top {
width: 1150px;
height: 32px;
line-height: 32px;
margin: 0 auto;
position: relative;
.header-topwrapper {
width: 100%;
background-color: #f4f4f4;
min-width: 1150px;
}
.header-top {
width: 1150px;
height: 32px;
line-height: 32px;
margin: 0 auto;
position: relative;
}
.leftpart {
position: relative;
padding-left: 5px;
padding-right: 5px;
}
.leftpart:hover {
background-color: #dcdcdc;
.yohoproducts-list {
display: block !important;
}
}
.leftpart .acttags {
background-color: #dcdcdc;
}
.yohoproducts-list {
position: absolute;
display: none;
width: 170px;
left: 0;
top: 32px;
background-color: #f4f4f4;
padding-top: 30px;
padding-bottom: 10px;
padding-left: 20px;
z-index: 10000000;
}
.yohoproducts-item {
height: 14px;
line-height: 14px;
margin-bottom: 20px;
}
.yohoproducts-item a {
color: #9196a0;
font-size: 14px;
}
.yohoproducts-item:hover a {
color: black;
}
.rightpart {
position: absolute;
right: 0;
top: 0;
}
.rightpart .acttags {
background-color: #dcdcdc;
}
.rightpart .acttags .tag-seprate {
border-color: #dcdcdc;
}
.hi,
.loginbar,
.registbar {
display: inline-block;
float: left;
}
.hi {
color: #8e8e8e;
font-size: 12px;
}
#loginBox a,
#loginBox span {
color: black;
font-size: 12px;
}
.header-yoho,
.loginbar,
.login-out,
.registbar {
color: black;
font-size: 12px;
}
.registbar {
margin-left: 7px;
}
.tag-list-wrapper {
margin-left: 13px;
float: left;
}
.tag-list {
margin-left: 13px;
height: 34px;
}
.tag-seprate {
margin-top: 11px;
width: 0;
height: 14px;
display: inline-block;
float: left;
border-left: 1px solid #dcdcdc;
}
.tag-item {
display: inline-block;
float: left;
line-height: 32px;
box-sizing: border-box;
margin-left: -1px;
}
.tag-item a {
color: #8e8e8e;
font-size: 12px;
display: inline-block;
}
.tag-item span {
display: inline-block;
}
.myyoho {
padding-right: 10px;
position: relative;
}
.myyoho .tag-seprate {
margin-right: 12px;
}
.myyoho-info {
position: absolute;
display: none;
top: 32px;
left: -110px;
width: 300px;
background-color: #f8f8f8;
z-index: 1000000;
}
.myyoho-photo {
overflow: hidden;
}
.myyoho-photo img{
display: block;
margin:0 auto;
width: 63px;
height: 63px;
border-radius: 50%;
}
.myyoho-info-header {
margin: 17px auto 0;
width: 257px;
border-bottom: 1px solid #dcdcdc;
text-align: center;
padding-bottom: 15px;
}
.user-email {
margin-top: 14px;
color: black;
height: 25px;
line-height: 20px;
font-size: 18px;
}
.user-level {
color: black;
height: 20px;
line-height: 20px;
font-size: 18px;
}
.user-level .leveldetail {
color: #8cc4f9;
}
.levelinfo {
width: 100%;
padding-top: 10px;
clear: both;
height: 15px;
}
.levelwrapper {
width: 150px;
height: 14px;
background-color: #e2e2e2;
margin-left: 40px;
position: relative;
}
.levelspan {
position: absolute;
left: 2px;
height: 14px;
top: 0;
line-height: 16px;
}
.levelwrapper .integrate {
height: 14px;
line-height: 15px;
background-color: #ceae64;
text-align: left;
padding-left: 5px;
}
.cardcate {
font-size: 14px;
line-height: 14px;
margin-left: 5px;
}
.myyoho-info-content {
margin: 20px auto 0;
padding-left: 35px;
padding-right: 29px;
border-bottom: 1px solid #dcdcdc;
}
.myyoho-info-content .item {
height: 12px;
line-height: 12px;
margin-bottom: 16px;
}
.myyoho-info-content .item a {
font-size: 14px;
color: black;
}
.myyoho-info-footer {
height: 51px;
line-height: 51px;
text-align: center;
}
.myyoho-info-footer a {
color: black;
font-size: 14px;
}
.myorder {
padding-right: 10px;
}
.myorder .tag-seprate {
margin-right: 11px;
}
.mycollect {
padding-right: 11px;
}
.mycollect .tag-seprate {
margin-right: 11px;
}
.message {
padding-right: 10px;
}
.message .tag-seprate {
margin-right: 11px;
}
.phone {
padding-right: 8px;
position: relative;
}
.phone .tag-seprate {
margin-right: 10px;
}
.qr {
position: absolute;
display: none;
top: 32px;
left: -100px;
width: 231px;
height: 290px;
background-color: #f8f8f8;
z-index: 10000000;
}
.qr-img {
position: relative;
background-image: image-url("header/qr.png");
background-repeat: no-repeat;
background-size: 100% 100%;
margin: 32px auto 15px;
width: 143px;
height: 147px;
}
.qr-words {
height: 25px;
line-height: 25px;
font-size: 16px;
text-align: center;
}
.qr-more {
margin-top: 6px;
line-height: 25px;
font-size: 14px;
text-align: center;
}
.onlineserver .tag-seprate {
margin-right: 10px;
}
.header-navwrapper {
width: 100%;
height: 130px;
position: relative;
min-width: 1150px;
}
.header-navcontent {
width: 1150px;
height: 130px;
margin: 0 auto;
}
.first-nav-list {
margin-top: 45px;
}
.first-nav-item {
float: left;
padding: 8px 23px 0;
}
.all a,
.girls a,
.boys a,
.kids a,
.lifestyle a {
color: white !important;
}
.all span,
.girls span,
.boys span,
.kids span,
.lifestyle span {
color: white !important;
}
.all {
background-color: #5e4b3c;
}
.all .sub-nav-wrapper {
background-color: black;
display: block !important;
}
.all .third-nav-wrapper {
border-top: 2px solid black;
}
.searchcateboys {
.searchinput {
border: 1px solid #3a3a3a
}
.icon-search {
background-color: #3a3a3a!important
}
}
.searchcategirls {
.searchinput {
border: 1px solid #ff88ae
}
.icon-search {
background-color: #ff88ae!important
}
}
.searchcatewoman {
.searchinput {
border: 1px solid #ff88ae
}
.icon-search {
background-color: #ff88ae!important
}
}
.searchcatekids {
.searchinput {
border: 1px solid #7bd3f9 !important
}
.icon-search {
background-color: #7bd3f9!important
}
}
.gobuyboys {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0M1MUU5Nzc5NEUwMTFFNThDRDY4NERDMEY4MjRFMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0M1MUU5Nzg5NEUwMTFFNThDRDY4NERDMEY4MjRFMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQzUxRTk3NTk0RTAxMUU1OENENjg0REMwRjgyNEUyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQzUxRTk3Njk0RTAxMUU1OENENjg0REMwRjgyNEUyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po+gT6YAAAG8SURBVHjatJY9S8NAGMdzF5u7hCR9gVJRhw4u4gdQ4lTERTfBUR1d/Sq6iN/AvYPg4ujipA6CL1EKpVVpEvqSxJrEiLW9NElL7eW/hMsd9+Pu+T/3PGBNUTyPCWsxmys+ao1XhpKgFzNhWGaZoSiIWbYbCfq0l6iCLMfh/C/I8/wtOdF13BmaoP5mMuY33k2z9jf+udJ5UTyb+iQA1CrN5iFQFIX87zEJyIcxMHA8CN0kQK7v6wBIRpzKJKQAKIeF9SQgYBhEM0FJpVj4BUM2hIC6IbIIX4dAEocqtEEywqUQKIv5LdrxedAaVgj0rGt3VF+EXsrAqEmWYpwyGN3EgsQU90YNhPhSLCjH83u0QH589FiQqusXVPKHeNJg3CIWTB+nNEL3Y0Fzong8ra0/THO5Px4qEyEV0+mDySGgqhp6ObLwxenFME5/H1ysdl0nkxfEbT/XLsk1C5J0olnWrn9V59VWaycSPu5EvcLluUSvRHZIBUG4qnc6qwM7o7pu27Mjy8SowkVKs8y+K/3yvxJoamy7MLYeTWDbpzh3AgCYf4MkjtPIMlJrtzcH8ZH3ybV+Q3MUtce3AAMAyqGI3gJgP0oAAAAASUVORK5CYII=') !important;
}
.gobuygirls {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTQ0MEE0NEI5NEUwMTFFNUJCM0NDNjJEQzcwRjYzRjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTQ0MEE0NEM5NEUwMTFFNUJCM0NDNjJEQzcwRjYzRjUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNDQwQTQ0OTk0RTAxMUU1QkIzQ0M2MkRDNzBGNjNGNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNDQwQTQ0QTk0RTAxMUU1QkIzQ0M2MkRDNzBGNjNGNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsQbj+AAAAJiSURBVHjaYrxSPf2hNq+4HAMSePHz88/D7x4KhErq/GCgEmDS4BGVQxeUYOdl52JiDWKgImA69O7Borvf3r1/+fPLT2QJHhY2X6pa5CisFK/MJSR05sPTJGQJIVZOU2paxAJjfPv3e833v7+XcDKzMoKDj4NXbuOLazaUWvCP4f+XQAntC4z/O9bBBW9+efNSnUdEjIHK4PSHJ6eYkAXe/Pp6hoEGwIhf2gzFog9/fqynhUVf//76h2LRN2Ac/fz3h+oWPf7+4QmKRaAM+vj7x7fUtujNr29HmdAFX/36eoHaFn3683MVhkUffn9fR01Lvvz59e/Hvz+bmDAj7vei3///US9+fnx4AYySfxgWAQW/PPn+8QMV4+cUuAjCJgksvS9Sy6KPv3+swGkRUHILNSwBZpf/3//9WYvTos9/fy34S4V4AmaV18Co+IPTIqDkG6CiT5Ra9PrX11PwagKXImD9dJlSi4BZZSVBi579/JTz6ueXX+RacvnTi3s+4hpLMOojdACqQ4AU+7rnV+VJteQvw//vwOB/hbXiwwWCJLUfguhtr26mMzMySQKLk0lAQ94hq9nw4poxNzNb+Le/v7b4S2gdwmYOSsWHp+I6YyogYwxNSV9PfHgsAmshbX55I8BNVGUdOxMLIyil7np9p8RTTK0Xo81ATFDo8UkYwdiynPzcwBZSJKLFxFMBsgTEBvqYQYaDLxtr44TIjPcXmf/n/78nMPavf3/fIMv9+v/3E9kWnfrwpAlYWvwFVor/j79/tN9fQnM3UjZIv/31zRtQsD38/uHLo+8fErCZARBgABfzGasBpkfVAAAAAElFTkSuQmCC') !important;
}
.gobuykids {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REI3NTMxRkQ5NEUwMTFFNTkxQkFFMTBBNDAzMTQ3NDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REI3NTMxRkU5NEUwMTFFNTkxQkFFMTBBNDAzMTQ3NDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQjc1MzFGQjk0RTAxMUU1OTFCQUUxMEE0MDMxNDc0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQjc1MzFGQzk0RTAxMUU1OTFCQUUxMEE0MDMxNDc0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pme87CMAAAGmSURBVHjaYqy+/PM/Axbw6eB6az77wGMMVAJMuCTYtcz2MlARMP3/+werBJuwBAdVLWJkZmEE0ow/Xz/9gSzByMRMTXsYWGCMn1dOmLI7Bl9Glvx259JDSi34//PHO25tM0NGYGJAEWegEUBNDP9pZg+qRb/ev/5NF4t+XD7qQBeLqJlBUWLk318sGZYG8fTzxaMvGBb9/vTuD7Ut+nXttCyGRd8vHg2ltkV8LmEfMCzis/PbQN0I+o+nUKViPP18/eQ7Tov+fP30j2oWXTmlidOi75eP1VAtfpyCH+K0iNfSs52a8YO34qNGPP16+/wnQYu+Xjt9gVKL2ESkODDqI3QAqkNA9Jez+5aQHGK/ft3ntfSoxVrx4QI8xk4x4BLjw5vfTOyczN/OHyzmtfLqR/H99TNXOZV1tH48vvOES1lHlqTGCbojWQVEWJg5uRmBlvQBW0hW8BL/2f3P3JomWkxsHAxAS2T+fPn4lxKLUACHjuV+OFtSgQcliHj4mahm0d/PHz5SrV2HYvD3L/+Rkz2ngoYYjPv59J4ZKPF19RTW1AoQYAC04pbZt5WEpAAAAABJRU5ErkJggg==') !important;
}
.gobuylifestyle {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkMyMjYwQzA5NEUwMTFFNUJBMTVFMTIwRDMwMTg0RUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkMyMjYwQzE5NEUwMTFFNUJBMTVFMTIwRDMwMTg0RUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQzIyNjBCRTk0RTAxMUU1QkExNUUxMjBEMzAxODRFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQzIyNjBCRjk0RTAxMUU1QkExNUUxMjBEMzAxODRFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnnVB6UAAAInSURBVHjaYswKcP395fd3FgYkwMLIzKAkqCB4693dDwxUAkzoloDAn/9/Gf78/dXCQEXAJMUtepeDme0/yBfI4PufH75UtejZ19cqP/7+YpLjk5qKLPH19zdJaloEDzYWZrYKRgaG7P9wi76zqgjIZ1FsAyPj2zvvH6xkjPO2gYtxsbD//fbnJxMDlYEwB/9XFEN52XjeMtAAvP3xkRvFIi5Wru20sIgRCFEsYmVmy6eFRdysHH9QLAJlUE4W9v/UtggYJU8xIp6Hles9tS3iZOFczoTpTe7d1I4fFmbWWgyLgIJUjSdQlgFGyR8Mi+68v/8SVCRRMX5egYsgbJI8bFwfqeYjVs5VOC0CxtMR6sQPpGjDaREwPxVTJ7Wx/wPGzw+cFgHj6RY7M+t/KsTPa3g1gVMRK/dnyuOHaz1BiwQ4BdKYGckvyPnYuH/f//g4E6M+wgy+ByuB1EpVQUUrUi0BhvkHYPBfw1rx4QK3398/BqIV+GWW/Pv3T4adlSP59rt7d5HVqAgqxPz88yOXjZl9yd0PDyfjrWHxASFgxfXg4xMuEJuNieWOmpAyvIWkxC/Xfvf9gwpoyjGT55N2ffjpqR9Gm4EYi97/+MgFY//694fh959fvTD+x58fc5CT57vv7z2xNk6Iq/ZRlTEyMd2CBwkTyzeUIGJi/k22RTI8EvuYGBnBOV2UU/D9vQ8PO+Gpi53PC5QxocH6X5hLOBGbGQABBgAqqasbPnFSMAAAAABJRU5ErkJggg==') !important;
}
.searchcatelifestyle {
.searchinput {
border: 1px solid #5e4b3c!important
}
.icon-search {
background-color: #5e4b3c!important
}
}
.boys {
background-color: #3a3a3a;
}
.boys .sub-nav-wrapper {
background-color: #3a3a3a;
display: block !important;
}
.boys .third-nav-wrapper {
border-top: 2px solid #3a3a3a;
}
.girls {
background-color: #ff88ae;
}
.girls .sub-nav-wrapper {
background-color: #ff88ae;
display: block !important;
}
.girls .third-nav-wrapper {
border-top: 2px solid #ff88ae;
}
.kids {
background-color: #7bd3f9;
}
.kids .sub-nav-wrapper {
background-color: #7bd3f9;
display: block !important;
}
.kids .third-nav-wrapper {
border-top: 2px solid #7bd3f9;
}
.lifestyle {
background-color: #5e4b3c;
}
.lifestyle .sub-nav-wrapper {
background-color: #5e4b3c;
display: block !important;
}
.lifestyle .third-nav-wrapper {
border-top: 2px solid #5e4b3c;
}
.name-cn {
text-align: center;
line-height: 16px !important;
}
.name-cn a {
color: black;
font-size: 16px !important;
}
.name-en {
text-align: center;
line-height: 14px !important;
margin-bottom: 6px;
}
.name-en a {
color: #8e8e8e;
font-size: 12px;
line-height: 14px !important;
font-family: 'arial' !important;
}
.sub-nav-wrapper {
display: none;
height: 40px;
left: 0;
width: 100%;
position: absolute;
z-index: 1000;
}
.sub-nav-list {
width: 1150px;
height: 40px;
margin: 0 auto;
overflow: hidden;
}
.sub-nav-item {
float: left;
padding: 12px 46px 12px 0;
box-sizing: border-box;
margin-right: 38px;
}
.sub-nav-item:last-child {
margin-right: 0 !important;
}
.sub-nav-item a {
color: white;
font-size: 14px;
line-height: 14px;
display: inline-block;
}
.sub-nav-item a{
position: relative;
}
.newlogo {
display: block;
width: 26px;
height: 12px;
background-image: image-url("header/new.png");
background-repeat: no-repeat;
position: absolute;
right: -29px;
top: -6px;
}
.sub-nav-item:hover>a {
padding-bottom: 3px;
border-bottom: 2px solid white;
}
.actsecondnav {
padding-bottom: 3px;
border-bottom: 2px solid white;
}
.sub-nav-item:hover .third-nav-wrapper {
display: block;
}
.third-nav-wrapper {
box-sizing: border-box;
height: 300px;
position: absolute;
left: 0;
top: 38px;
width: 100%;
min-width: 1150px;
display: none;
z-index: 10000;
padding-top: 30px;
padding-bottom: 30px;
background-color: #f8f8f8;
}
.third-nav {
width: 1150px;
height: 100%;
margin: 0 auto;
}
.category {
width: 880px;
float: left;
overflow: hidden;
.thirdnavlist {
box-sizing: border-box;
width: 220px;
height: 240px;
float: left;
padding-left: 20px;
border-right: 1px solid #dcdcdc;
padding-right: 20px;
}
}
.category-title {
color: black;
font-size: 16px;
width: 178px;
padding-bottom: 12px;
border-bottom: 1px solid #000;
line-height: 16px;
margin-bottom: 20px;
a {
color: black !important;
}
}
.category-list {
margin-top: 16px;
margin-bottom: 30px;
}
.category-item {
line-height: 28px;
}
.category-item a{
color: #a1a1a1 !important;
font-size: 14px;
}
.category-item-act a{
color: black !important;
}
.showdetail {
box-sizing: border-box;
padding-left: 19px;
padding-right: 19px;
width: 268px;
height: 100%;
float: right;
}
[class^="icon-"], [class*=" icon-"] {
display: inline-block;
vertical-align: middle;
background-repeat: none;
}
.icon-hamburger {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAALCAYAAACksgdhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkNDMTBCN0ExRjAzMTFFNUI1NzZENkM4MUQyMEJGQTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkNDMTBCN0IxRjAzMTFFNUI1NzZENkM4MUQyMEJGQTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQ0MxMEI3ODFGMDMxMUU1QjU3NkQ2QzgxRDIwQkZBOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyQ0MxMEI3OTFGMDMxMUU1QjU3NkQ2QzgxRDIwQkZBOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqrUNPwAAAAmSURBVHjaYuzr6/vPQCJgAWJGUjUxMZAB6KcJ5KfRgCA3IAACDACZEATHVTZCoQAAAABJRU5ErkJggg==");
width: 13px;
height: 11px;
}
.icon-headphones {
background-image: url("header/headphones.png");
width: 15px;
height: 10px;
margin-top: 2px;
}
.icon-heart {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkJFNDA0MDMxRjAzMTFFNTgzQUY4OEM0NzJDQ0YyNzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkJFNDA0MDQxRjAzMTFFNTgzQUY4OEM0NzJDQ0YyNzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQkU0MDQwMTFGMDMxMUU1ODNBRjg4QzQ3MkNDRjI3MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQkU0MDQwMjFGMDMxMUU1ODNBRjg4QzQ3MkNDRjI3MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgbjRwsAAADJSURBVHjahNC9DgFBEMDxuXWiUUq0Si+i9AqiukQjkdBRi0R8FlrxAhKtgkfw0aiovYGEhP/EhI0cJvldNjOzu3MbRFEUiEgVeVyQxESeUcEVKRwwDvnUsMPQmjQ3srUedLN1QXu1mENP3qENXdy9Zo0liqHEx/FLPnA2X1r+h/akdEMHAyR+NGutj7az64c2dxA3hv2jPsTJWXKPBZoxG1qYW484r7DCFnUv18AGa/He3A+9pYySHXa23CtczAhTZJHB7LP4EGAA/kUjzWzAmh0AAAAASUVORK5CYII=");
width: 12px;
height: 11px;
margin-top: -2px;
}
.icon-mail {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAYAAAC9vt6cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUVFMTA0NDExRjAzMTFFNTg3MzBCMUMzNDQ0Q0E1QkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUVFMTA0NDIxRjAzMTFFNTg3MzBCMUMzNDQ0Q0E1QkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRUUxMDQzRjFGMDMxMUU1ODczMEIxQzM0NDRDQTVCRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRUUxMDQ0MDFGMDMxMUU1ODczMEIxQzM0NDRDQTVCRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ptf44EYAAADcSURBVHjalNJPCwFBGMfxsW3UvgdydJVc7EEOcnH1Amxt/iUHUt6A456EUrwYJS64unkFjhKF79RDk6Q19Znd5nl+M9O2kSAIjkop7aD+GykkbKYdLphgHzKcRh8ni+mMKnrIhgjrnq5kzpYs6ht4aMH9EXalx5OMsoziFb4U81/CBTnVl171uYEed9FB0VgvoW3U38M23qOYYoEVRohJrYwKcpih/rqFbYR1YYyNrDUxxAMNeS5xk17/tYGDOQJsjRvpwODLt1jL6fqmjt4gIz9S7c8fKY7kU4ABAPrAL/PXL7nQAAAAAElFTkSuQmCC");
width: 16px;
height: 10px;
margin-top: -2px;
}
.icon-iphone {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDNDODgxQzgxRjAzMTFFNUIzMUFDQjFGNUQyMzI4RTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDNDODgxQzkxRjAzMTFFNUIzMUFDQjFGNUQyMzI4RTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEM0M4ODFDNjFGMDMxMUU1QjMxQUNCMUY1RDIzMjhFNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEM0M4ODFDNzFGMDMxMUU1QjMxQUNCMUY1RDIzMjhFNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhJU+6cAAAB7SURBVHjaYnyorNzIwMDwFYgZGVDBPyDmYwESP4C4CyroBqV3QelKkAIeIF4IxNeQdBsCsRYQPwEpYALiE0A8Hc2KTCCWY2IgAIaHAlhI8gFxORCLQsVfQ+kfIAW/gLgTKjALamoJclBzAnEZNLL4oBIg0/4DMRdAgAEA3OsUBsKkQkoAAAAASUVORK5CYII=");
width: 8px;
height: 14px;
margin-top: -2px;
}
.icon-papers {
background-image: url("data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAOCAYAAAAWo42rAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUNCQzI5NzcxRjAzMTFFNTg0MTBDRDUyRkVENTFGQTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUNCQzI5NzgxRjAzMTFFNTg0MTBDRDUyRkVENTFGQTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQ0JDMjk3NTFGMDMxMUU1ODQxMENENTJGRUQ1MUZBNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQ0JDMjk3NjFGMDMxMUU1ODQxMENENTJGRUQ1MUZBNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqSzZHsAAACCSURBVHjaYkxLS7vKwMBwhAETuABxGhDvBXFYgPggEGdhUTgdiP2h7L0sDLjBfyDOB+KJMBNxgb9APAOIGYF4DrJCfiBmQuJXAvEXKHsassJMIBZA4t8A4gUwDrLCDjzOQFHYDsRCWNQ0oSuspK+JTAxEAqIVgqy2B+KZBNTZAAQYAEaiFCx+VPXeAAAAAElFTkSuQmCC");
width: 10px;
height: 14px;
margin-top: -2px;
}
.icon-bottomarrow {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUEzRDI1MEQxRjAzMTFFNUJENkRGMUM2QzYwNzc5ODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUEzRDI1MEUxRjAzMTFFNUJENkRGMUM2QzYwNzc5ODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QTNEMjUwQjFGMDMxMUU1QkQ2REYxQzZDNjA3Nzk4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QTNEMjUwQzFGMDMxMUU1QkQ2REYxQzZDNjA3Nzk4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjEPOcUAAABkSURBVHjaYuzr65vBwMDQB8S3GLADNSAuYgISlUDcDsTGWBSBxDpBakAK3wNxLBAXA7EzkiJnqFg0SA0LVPAbEMcB8VQgFgbi/0DsChX7A1LAhGQCSCADap0JEKfDFIEAQIABAH3lEoANPM6QAAAAAElFTkSuQmCC");
width: 10px;
height: 5px;
margin-top: -2px;
}
.icon-logo {
background-image: url(data:image/png;base64,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);
background-repeat: no-repeat;
background-position: center center;
width: 182px;
height: 53px;
top: 22px;
left: 44.2%;
position: absolute;
}
.search {
position: relative;
}
.searchspan {
margin-top: 45px;
float: left;
display: inline-block;
overflow: hidden;
}
.searchinput {
float: left;
width: 240px;
height: 28px;
line-height: 25px;
border: 1px solid #000;
box-sizing: border-box;
padding-left: 10px;
border-right: none;
}
.icon-search {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUM1RjdENDUxRjA0MTFFNUEwRkRCMURDREZCNjYxQTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUM1RjdENDYxRjA0MTFFNUEwRkRCMURDREZCNjYxQTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQzVGN0Q0MzFGMDQxMUU1QTBGREIxRENERkI2NjFBMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQzVGN0Q0NDFGMDQxMUU1QTBGREIxRENERkI2NjFBMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvM9DyUAAAEMSURBVHjanNS/S4JBHMfx59EnCyGcRBDD8Mca1NDm1qJTDU4NjTo4OEmbNNrgJAjR0FBOLe3+Ca06uDu1OIghGE/vb9wDD9epp194wXF3fJ7nufvyuL7vO6E6QQMJ/EAWPbxj6KwrCVGu0UcqNCc81NFFVFv7EwzO0TFtCCmhvSnkGYdbQsQjMvp8hC9KYoqls71ecKNPSkgeE8euZF/RFLJCzDLkQO3/FzLCmWXIJT5NId9qnLYIucPHuj5JYoDEhptp4da0FlFZX7hHD1UchZ5zgScsUEZcfxFXa3sXFVypQ5QaY4AZCnhADXNT29vK4RXHesfu6hRvwRnuGyKywWXoZ7Jrya+j+SvAAPnfjoCz07o6AAAAAElFTkSuQmCC");
width: 80px;
height: 28px;
float: left;
border: none;
margin-top: 45px;
background-color: #3a3a3a;
background-repeat: no-repeat;
background-position: center center;
}
.search-list {
position: absolute;
top: 73px;
left: 0;
z-index: 1000;
box-sizing: border-box;
display: none;
background-color: white;
padding-top: 20px;
width: 100%;
max-height: 500px;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}
.search-item {
position: relative;
padding: 5px;
height: 25px;
line-height: 25px;
font: 12px;
}
.search-item:hover {
background-color: #f4f4f4;
}
.searchvalue {
position: absolute;
left: 10px;
max-width: 192px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 12px;
}
.valuenum {
position: absolute;
right: 10px;
font-size: 12px;
}
.header-tool {
padding-right: 23px;
}
.gobuy {
margin-top: 47px;
margin-left: 23px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUFFQTNDNEExRjA1MTFFNUIwODc4NTUzNUJFODJCMjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUFFQTNDNEIxRjA1MTFFNUIwODc4NTUzNUJFODJCMjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQUVBM0M0ODFGMDUxMUU1QjA4Nzg1NTM1QkU4MkIyNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQUVBM0M0OTFGMDUxMUU1QjA4Nzg1NTM1QkU4MkIyNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj44ndIAAAF7SURBVHjavJa7SsRAFEBn11gpov8gCCIKIijYrVjZCYmNFjYidn6BrSCWFoKdjQTsLKw0bHwh2gi+BTu30TWFK+j6OgMTiEOM0Z3shUPmzoQ5ZF6ZnG3ba0KIMfE9zqAH3sQv4bquSBN5GI2p74RuYTCkaAa24Fxr6zctWoEhGNfaBkyKcsxRWG6AMrSo/AaGDThemMeSFal4Bx9GVN4Otya+xnGchbxWVxTZxGy9RA+66AgqGYg8XSQ36F49RFkN306cyDMsuYfTONGhXPsGRUX20Wec6BUODIr88AgSGQ+flyTyDUkCOEkS7UPVgGiX+flIEj2rRWFk2JJEpuZpO41oCa5qkKwybMdhYiW8WIIOaP2HpIqkov9h06ycQN0jBtVmDusCOpTPJihAm8x1SVqRjEW5gmBDnYVW5KfWxeMC1uGSvPDTnSFNTEXKfdAbySegWZUbYbIWUVnLH7VDM+ndP4mm4Q6eYA6uI23LsKk2uDwj5+M6+BJgAFPmZONXOE3uAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
width: 30px;
height: 30px;
position: relative;
cursor: pointer;
}
.gobuy-wrapper {
position: absolute;
display: none;
top: 30px;
right: -14px;
width: 378px;
background-color: #f8f8f8;
z-index: 10000000;
}
.gobuy-empty {
position: absolute;
width: 100%;
height: 507px;
z-index: 1;
background-image: image-url("header/empty_car.png");
background-repeat: no-repeat;
background-position: 106px 132px;
background-color: #f8f8f8;
}
.gobuy-loading {
position: absolute;
width: 100%;
height: 407px;
z-index: 1;
background-image: image-url("header/loading.gif");
background-repeat: no-repeat;
background-position: center 150px;
background-color: #f8f8f8;
}
.gobuy-loading .information {
margin-top: 180px;
width: 100%;
height: 12px;
line-height: 12px;
font-size: 12px;
text-align: center;
}
.gobuy-empty .information {
margin-top: 300px;
width: 100%;
height: 18px;
line-height: 18px;
font-size: 18px;
text-align: center;
}
.gobuy-notempty {
position: absolute;
width: 100%;
z-index: 1;
background-color: #f8f8f8;
overflow: hidden;
}
.goods-list-wrapper {
width: 96%;
max-height: 444px;
margin-bottom: 19px;
overflow-y: auto;
overflow-x: hidden;
}
.goods-list {
margin-top: 40px;
}
.goods-item {
height: 64px;
margin-bottom: 18px;
padding-left: 18px;
}
.goods-img {
display: inline-block;
float: left;
width: 46px;
height: 62px;
margin-right: 13px;
}
.goods-detail {
margin-right: 16px;
}
.goods-detail .content {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 170px;
height: 14px;
line-height: 14px;
font-size: 14px;
margin-bottom: 13px;
}
.goods-detail .style {
height: 14px;
line-height: 14px;
font-size: 14px;
color: #b0b0b0;
}
.goods-price .priceandnum {
height: 14px;
line-height: 14px;
font-size: 14px;
margin-bottom: 13px;
min-width: 75px;
text-align: right;
}
.goods-price .delete {
display: inline-block;
float: right;
font-size: 14px;
color: #000;
}
.activity-item {
margin-bottom: 8px;
padding-left: 18px;
}
.activity-name {
display: inline-block;
box-sizing:border-box;
border: none;
width: 60px;
height: 18px;
line-height: 18px;
background-color: #3a3a3a;
color: white;
font-size: 14px;
text-align: center;
margin-right: 13px;
}
.activity-content {
display: inline-block;
line-height: 14px;
height: 14px;
color: #3a3a3a;
}
.gobuy-notempty-footer {
width: 100%;
height: 61px;
text-align: center;
}
.gobuy-notempty-footer h3 {
box-sizing: border-box;
width: 349px;
margin: 0 auto;
height: 61px;
line-height: 61px;
border-top: 1px solid #dcdcdc;
}
.gobuy-notempty-footer a {
font-size: 18px;
color: #444;
}
.ic-infomation {
position: absolute;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzU2RjA1MDYxRjA0MTFFNTk4RkI5QTc3MzJEQjAzQ0EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzU2RjA1MDcxRjA0MTFFNTk4RkI5QTc3MzJEQjAzQ0EiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNTZGMDUwNDFGMDQxMUU1OThGQjlBNzczMkRCMDNDQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNTZGMDUwNTFGMDQxMUU1OThGQjlBNzczMkRCMDNDQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg3/ud0AAAFcSURBVHjavJa9SsNQGIa/1Ig6OJtWcZGYZBXFxWvwD6poNztFsINgb0Jw0MHNTaGLFu/CwQ4OCQgurUl6BxalHt8vHq1Gs5TkvPCQk7/zcJJ850SLHIf+yQTYBOtgGRhglNLzBrrgDjTBteF5L8mLtNC2k8e2wDGYpeHTBvWi7zd+yYKBbAScgBpll1NwWPL9Pu/oJMTXiTPgUrapyce/zzsFARnYAa5sZ40bWNZu/Bg7pjmO7RMoUX4JwZwOczlnEcn+yyxbJTVZY9mSItkiywxFsiLLXtEYU2HTxbuIsJ1U4Ip4ZA9ozCuQ3XNR3+ZUzEma2uP0jLKi5pH1wFHOo6qbz50evzM2X4GVHCZizrkVBpefX+Ng1j+QJbCXoehC9hunQMSyGKw5ogoqoP3j+DDw/RU7Cqug/714elNG2m/BNtgAC1z9cnFNC3fI9doCN6DhdKM/vwUfAgwAy/liVzz2H2sAAAAASUVORK5CYII=);
width: 27px;
height: 20px;
top: -10px;
right: -15px;
color: white;
text-align: center;
line-height: 20px;
font-size: 12px;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.showdetail img {
display: block;
box-sizing: border-box;
width: 226px;
height: 200px;
}
.showdetail .title {
display: block;
margin-top: 17px;
width: 100%;
height: 15px;
text-align: center;
line-height: 15px;
font-size: 14px;
color: black !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.cate_row {
float:left;
height:352px;
box-sizing:border-box;
}
.cate_row li {
box-sizing:border-box;
}
.cate_row1 {
width:253px;
}
.cate_row2{
width:278px;
border-left:1px solid #ccc;
padding-left: 50px;
}
.cate_row3{
width: 270px;
border-left:1px solid #ccc;
padding-left: 50px;
}
.third-nav .cattitle {
width: 180px;
padding-bottom: 10px;
border-bottom: 1px solid #000;
line-height: 18px;
margin-bottom: 20px;
}
.third-nav .catdetail {
line-height: 14px;
height: 14px;
margin-bottom: 24px;
min-width: 200px;
}
.third-nav .cattitle h3 a{
color: black !important;
font-size: 14px;
}
.third-nav .catdetail a {
color: #a1a1a1 !important;
font-size: 14px;
}
.thirdcatelink:hover {
text-decoration: underline !important ;
}
.third-nav .catdetail a.hot {
color: #ee0011 !important ;
}
.hovercontent {
display: none;
}
.noticewrapper{
width: 100%;
height: 100px;
background-color: #3a3a3a
}
.noticecontainer {
width: 1150px;
margin: 0 auto;
}
.noticecontainer .noticetitle{
padding:0;
margin: 0;
float: left;
height: 100px;
line-height: 100px;
font-size: 27px;
font-weight: bold;
color: #fff;
width: 245px;
font-family: '微软雅黑'
}
.noticecontainer .noticecontent {
width: 853px;
float: left;
margin-left: 38px;
}
.noticecontainer .noticecontent .tips {
margin-top: 16px;
margin-bottom: 10px;
color: #fff;
font-family: '微软雅黑';
font-size: 12px;
}
.noticecontainer .noticecontent .detail {
color: #fff;
font-family: '微软雅黑';
font-size: 12px;
line-height: 16px;
}
}
@media (max-width:1180px) {
.yoho-header {
.header-topwrapper {
min-width: 990px;
}
.header-top {
width: 990px;
}
.header-navwrapper {
min-width: 990px;
}
.header-wrapper {
width: 990px;
}
.header-navcontent {
width: 990px;
}
.icon-logo {
left: 39.2%;
}
.sub-nav-list {
width: 990px;
min-width: 990px;
}
.sub-nav-item {
margin-right:15px;
}
.first-nav-item {
float: left;
padding: 10px 14px 0;
margin-right: 3px;
}
.third-nav {
width: 990px;
}
.third-nav-wrapper {
min-width: 990px;
}
.category {
width: 800px;
}
.cate_row1 {
width: 204px;
}
.cate_row2 {
width: 244px;
border-left: 1px solid #ccc;
padding-left: 39px;
}
.cate_row3 {
width: 163px;
border-left: 1px solid #ccc;
padding-left: 28px;
}
.category .thirdnavlist {
width: 200px;
}
.category-title {
width: 152px;
}
.showdetail {
width: 190px;
padding-right: 0;
img {
width: 174px;
height: 155px;
}
}
}
}
.leftpart {
position: relative;
padding-left: 5px;
padding-right: 5px;
}
.leftpart:hover {
background-color: #dcdcdc;
.yohoproducts-list {
display: block !important;
}
}
.leftpart .acttags {
background-color: #dcdcdc;
}
.yohoproducts-list {
position: absolute;
display: none;
width: 170px;
left: 0;
top: 32px;
background-color: #f4f4f4;
padding-top: 30px;
padding-bottom: 10px;
padding-left: 20px;
z-index: 10000000;
}
.yohoproducts-item {
height: 14px;
line-height: 14px;
margin-bottom: 20px;
}
.yohoproducts-item a {
color: #9196a0;
font-size: 14px;
}
.yohoproducts-item:hover a {
color: black;
}
.rightpart {
position: absolute;
right: 0;
top: 0;
}
.rightpart .acttags {
background-color: #dcdcdc;
}
.rightpart .acttags .tag-seprate {
border-color: #dcdcdc;
}
.hi,
.loginbar,
.registbar {
display: inline-block;
float: left;
}
.hi {
color: #8e8e8e;
font-size: 12px;
}
#loginBox a,
#loginBox span {
color: black;
font-size: 12px;
}
.header-yoho,
.loginbar,
.login-out,
.registbar {
color: black;
font-size: 12px;
}
.registbar {
margin-left: 7px;
}
.tag-list-wrapper {
margin-left: 13px;
float: left;
}
.tag-list {
margin-left: 13px;
height: 34px;
}
.tag-seprate {
margin-top: 11px;
width: 0;
height: 14px;
display: inline-block;
float: left;
border-left: 1px solid #dcdcdc;
}
.tag-item {
display: inline-block;
float: left;
line-height: 32px;
box-sizing: border-box;
margin-left: -1px;
}
.tag-item a {
color: #8e8e8e;
font-size: 12px;
display: inline-block;
}
.tag-item span {
display: inline-block;
}
.myyoho {
padding-right: 10px;
position: relative;
}
.myyoho .tag-seprate {
margin-right: 12px;
}
.myyoho-info {
position: absolute;
display: none;
top: 32px;
left: -110px;
width: 300px;
background-color: #f8f8f8;
z-index: 1000000;
}
.myyoho-photo {
overflow: hidden;
}
.myyoho-photo img{
display: block;
margin:0 auto;
width: 63px;
height: 63px;
border-radius: 50%;
}
.myyoho-info-header {
margin: 17px auto 0;
width: 257px;
border-bottom: 1px solid #dcdcdc;
text-align: center;
padding-bottom: 15px;
}
.user-email {
margin-top: 14px;
color: black;
height: 25px;
line-height: 20px;
font-size: 18px;
}
.user-level {
color: black;
height: 20px;
line-height: 20px;
font-size: 18px;
}
.user-level .leveldetail {
color: #8cc4f9;
}
.levelinfo {
width: 100%;
padding-top: 10px;
clear: both;
height: 15px;
}
.levelwrapper {
width: 150px;
height: 14px;
background-color: #e2e2e2;
margin-left: 40px;
position: relative;
}
.levelspan {
position: absolute;
left: 2px;
height: 14px;
top: 0;
line-height: 16px;
}
.levelwrapper .integrate {
height: 14px;
line-height: 15px;
background-color: #ceae64;
text-align: left;
padding-left: 5px;
}
.cardcate {
font-size: 14px;
line-height: 14px;
margin-left: 5px;
}
.myyoho-info-content {
margin: 20px auto 0;
padding-left: 35px;
padding-right: 29px;
border-bottom: 1px solid #dcdcdc;
}
.myyoho-info-content .item {
height: 12px;
line-height: 12px;
margin-bottom: 16px;
}
.myyoho-info-content .item a {
font-size: 14px;
color: black;
}
.myyoho-info-footer {
height: 51px;
line-height: 51px;
text-align: center;
}
.myyoho-info-footer a {
color: black;
font-size: 14px;
}
.myorder {
padding-right: 10px;
}
.myorder .tag-seprate {
margin-right: 11px;
}
.mycollect {
padding-right: 11px;
}
.mycollect .tag-seprate {
margin-right: 11px;
}
.message {
padding-right: 10px;
}
.message .tag-seprate {
margin-right: 11px;
}
.phone {
padding-right: 8px;
position: relative;
}
.phone .tag-seprate {
margin-right: 10px;
}
.qr {
position: absolute;
display: none;
top: 32px;
left: -100px;
width: 231px;
height: 290px;
background-color: #f8f8f8;
z-index: 10000000;
}
.qr-img {
position: relative;
background-image: image-url("header/qr.png");
background-repeat: no-repeat;
background-size: 100% 100%;
margin: 32px auto 15px;
width: 143px;
height: 147px;
}
.qr-words {
height: 25px;
line-height: 25px;
font-size: 16px;
text-align: center;
}
.qr-more {
margin-top: 6px;
line-height: 25px;
font-size: 14px;
text-align: center;
}
.onlineserver .tag-seprate {
margin-right: 10px;
}
.header-navwrapper {
width: 100%;
height: 130px;
position: relative;
min-width: 1150px;
}
.header-navcontent {
width: 1150px;
height: 130px;
margin: 0 auto;
}
.first-nav-list {
margin-top: 45px;
}
.first-nav-item {
float: left;
padding: 8px 23px 0;
}
.all a,
.girls a,
.boys a,
.kids a,
.lifestyle a {
color: white !important;
}
.all span,
.girls span,
.boys span,
.kids span,
.lifestyle span {
color: white !important;
}
.all {
background-color: #5e4b3c;
}
.all .sub-nav-wrapper {
background-color: black;
display: block !important;
}
.all .third-nav-wrapper {
border-top: 2px solid black;
}
.searchcateboys {
.searchinput {
border: 1px solid #3a3a3a
}
.icon-search {
background-color: #3a3a3a!important
}
}
.searchcategirls {
.searchinput {
border: 1px solid #ff88ae
}
.icon-search {
background-color: #ff88ae!important
}
}
.searchcatewoman {
.searchinput {
border: 1px solid #ff88ae
}
.icon-search {
background-color: #ff88ae!important
}
}
.searchcatekids {
.searchinput {
border: 1px solid #7bd3f9 !important
}
.icon-search {
background-color: #7bd3f9!important
}
}
.gobuyboys {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0M1MUU5Nzc5NEUwMTFFNThDRDY4NERDMEY4MjRFMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0M1MUU5Nzg5NEUwMTFFNThDRDY4NERDMEY4MjRFMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQzUxRTk3NTk0RTAxMUU1OENENjg0REMwRjgyNEUyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQzUxRTk3Njk0RTAxMUU1OENENjg0REMwRjgyNEUyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po+gT6YAAAG8SURBVHjatJY9S8NAGMdzF5u7hCR9gVJRhw4u4gdQ4lTERTfBUR1d/Sq6iN/AvYPg4ujipA6CL1EKpVVpEvqSxJrEiLW9NElL7eW/hMsd9+Pu+T/3PGBNUTyPCWsxmys+ao1XhpKgFzNhWGaZoSiIWbYbCfq0l6iCLMfh/C/I8/wtOdF13BmaoP5mMuY33k2z9jf+udJ5UTyb+iQA1CrN5iFQFIX87zEJyIcxMHA8CN0kQK7v6wBIRpzKJKQAKIeF9SQgYBhEM0FJpVj4BUM2hIC6IbIIX4dAEocqtEEywqUQKIv5LdrxedAaVgj0rGt3VF+EXsrAqEmWYpwyGN3EgsQU90YNhPhSLCjH83u0QH589FiQqusXVPKHeNJg3CIWTB+nNEL3Y0Fzong8ra0/THO5Px4qEyEV0+mDySGgqhp6ObLwxenFME5/H1ysdl0nkxfEbT/XLsk1C5J0olnWrn9V59VWaycSPu5EvcLluUSvRHZIBUG4qnc6qwM7o7pu27Mjy8SowkVKs8y+K/3yvxJoamy7MLYeTWDbpzh3AgCYf4MkjtPIMlJrtzcH8ZH3ybV+Q3MUtce3AAMAyqGI3gJgP0oAAAAASUVORK5CYII=') !important;
}
.gobuygirls {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTQ0MEE0NEI5NEUwMTFFNUJCM0NDNjJEQzcwRjYzRjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTQ0MEE0NEM5NEUwMTFFNUJCM0NDNjJEQzcwRjYzRjUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNDQwQTQ0OTk0RTAxMUU1QkIzQ0M2MkRDNzBGNjNGNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNDQwQTQ0QTk0RTAxMUU1QkIzQ0M2MkRDNzBGNjNGNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsQbj+AAAAJiSURBVHjaYrxSPf2hNq+4HAMSePHz88/D7x4KhErq/GCgEmDS4BGVQxeUYOdl52JiDWKgImA69O7Borvf3r1/+fPLT2QJHhY2X6pa5CisFK/MJSR05sPTJGQJIVZOU2paxAJjfPv3e833v7+XcDKzMoKDj4NXbuOLazaUWvCP4f+XQAntC4z/O9bBBW9+efNSnUdEjIHK4PSHJ6eYkAXe/Pp6hoEGwIhf2gzFog9/fqynhUVf//76h2LRN2Ac/fz3h+oWPf7+4QmKRaAM+vj7x7fUtujNr29HmdAFX/36eoHaFn3683MVhkUffn9fR01Lvvz59e/Hvz+bmDAj7vei3///US9+fnx4AYySfxgWAQW/PPn+8QMV4+cUuAjCJgksvS9Sy6KPv3+swGkRUHILNSwBZpf/3//9WYvTos9/fy34S4V4AmaV18Co+IPTIqDkG6CiT5Ra9PrX11PwagKXImD9dJlSi4BZZSVBi579/JTz6ueXX+RacvnTi3s+4hpLMOojdACqQ4AU+7rnV+VJteQvw//vwOB/hbXiwwWCJLUfguhtr26mMzMySQKLk0lAQ94hq9nw4poxNzNb+Le/v7b4S2gdwmYOSsWHp+I6YyogYwxNSV9PfHgsAmshbX55I8BNVGUdOxMLIyil7np9p8RTTK0Xo81ATFDo8UkYwdiynPzcwBZSJKLFxFMBsgTEBvqYQYaDLxtr44TIjPcXmf/n/78nMPavf3/fIMv9+v/3E9kWnfrwpAlYWvwFVor/j79/tN9fQnM3UjZIv/31zRtQsD38/uHLo+8fErCZARBgABfzGasBpkfVAAAAAElFTkSuQmCC') !important;
}
.gobuykids {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REI3NTMxRkQ5NEUwMTFFNTkxQkFFMTBBNDAzMTQ3NDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REI3NTMxRkU5NEUwMTFFNTkxQkFFMTBBNDAzMTQ3NDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQjc1MzFGQjk0RTAxMUU1OTFCQUUxMEE0MDMxNDc0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQjc1MzFGQzk0RTAxMUU1OTFCQUUxMEE0MDMxNDc0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pme87CMAAAGmSURBVHjaYqy+/PM/Axbw6eB6az77wGMMVAJMuCTYtcz2MlARMP3/+werBJuwBAdVLWJkZmEE0ow/Xz/9gSzByMRMTXsYWGCMn1dOmLI7Bl9Glvx259JDSi34//PHO25tM0NGYGJAEWegEUBNDP9pZg+qRb/ev/5NF4t+XD7qQBeLqJlBUWLk318sGZYG8fTzxaMvGBb9/vTuD7Ut+nXttCyGRd8vHg2ltkV8LmEfMCzis/PbQN0I+o+nUKViPP18/eQ7Tov+fP30j2oWXTmlidOi75eP1VAtfpyCH+K0iNfSs52a8YO34qNGPP16+/wnQYu+Xjt9gVKL2ESkODDqI3QAqkNA9Jez+5aQHGK/ft3ntfSoxVrx4QI8xk4x4BLjw5vfTOyczN/OHyzmtfLqR/H99TNXOZV1tH48vvOES1lHlqTGCbojWQVEWJg5uRmBlvQBW0hW8BL/2f3P3JomWkxsHAxAS2T+fPn4lxKLUACHjuV+OFtSgQcliHj4mahm0d/PHz5SrV2HYvD3L/+Rkz2ngoYYjPv59J4ZKPF19RTW1AoQYAC04pbZt5WEpAAAAABJRU5ErkJggg==') !important;
}
.gobuylifestyle {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkMyMjYwQzA5NEUwMTFFNUJBMTVFMTIwRDMwMTg0RUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkMyMjYwQzE5NEUwMTFFNUJBMTVFMTIwRDMwMTg0RUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQzIyNjBCRTk0RTAxMUU1QkExNUUxMjBEMzAxODRFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQzIyNjBCRjk0RTAxMUU1QkExNUUxMjBEMzAxODRFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnnVB6UAAAInSURBVHjaYswKcP395fd3FgYkwMLIzKAkqCB4693dDwxUAkzoloDAn/9/Gf78/dXCQEXAJMUtepeDme0/yBfI4PufH75UtejZ19cqP/7+YpLjk5qKLPH19zdJaloEDzYWZrYKRgaG7P9wi76zqgjIZ1FsAyPj2zvvH6xkjPO2gYtxsbD//fbnJxMDlYEwB/9XFEN52XjeMtAAvP3xkRvFIi5Wru20sIgRCFEsYmVmy6eFRdysHH9QLAJlUE4W9v/UtggYJU8xIp6Hles9tS3iZOFczoTpTe7d1I4fFmbWWgyLgIJUjSdQlgFGyR8Mi+68v/8SVCRRMX5egYsgbJI8bFwfqeYjVs5VOC0CxtMR6sQPpGjDaREwPxVTJ7Wx/wPGzw+cFgHj6RY7M+t/KsTPa3g1gVMRK/dnyuOHaz1BiwQ4BdKYGckvyPnYuH/f//g4E6M+wgy+ByuB1EpVQUUrUi0BhvkHYPBfw1rx4QK3398/BqIV+GWW/Pv3T4adlSP59rt7d5HVqAgqxPz88yOXjZl9yd0PDyfjrWHxASFgxfXg4xMuEJuNieWOmpAyvIWkxC/Xfvf9gwpoyjGT55N2ffjpqR9Gm4EYi97/+MgFY//694fh959fvTD+x58fc5CT57vv7z2xNk6Iq/ZRlTEyMd2CBwkTyzeUIGJi/k22RTI8EvuYGBnBOV2UU/D9vQ8PO+Gpi53PC5QxocH6X5hLOBGbGQABBgAqqasbPnFSMAAAAABJRU5ErkJggg==') !important;
}
.searchcatelifestyle {
.searchinput {
border: 1px solid #5e4b3c!important
}
.icon-search {
background-color: #5e4b3c!important
}
}
.boys {
background-color: #3a3a3a;
}
.boys .sub-nav-wrapper {
background-color: #3a3a3a;
display: block !important;
}
.boys .third-nav-wrapper {
border-top: 2px solid #3a3a3a;
}
.girls {
background-color: #ff88ae;
}
.girls .sub-nav-wrapper {
background-color: #ff88ae;
display: block !important;
}
.girls .third-nav-wrapper {
border-top: 2px solid #ff88ae;
}
.kids {
background-color: #7bd3f9;
}
.kids .sub-nav-wrapper {
background-color: #7bd3f9;
display: block !important;
}
.kids .third-nav-wrapper {
border-top: 2px solid #7bd3f9;
}
.lifestyle {
background-color: #5e4b3c;
}
.lifestyle .sub-nav-wrapper {
background-color: #5e4b3c;
display: block !important;
}
.lifestyle .third-nav-wrapper {
border-top: 2px solid #5e4b3c;
}
.name-cn {
text-align: center;
line-height: 16px !important;
}
.name-cn a {
color: black;
font-size: 16px !important;
}
.name-en {
text-align: center;
line-height: 14px !important;
margin-bottom: 6px;
}
.name-en a {
color: #8e8e8e;
font-size: 12px;
line-height: 14px !important;
font-family: 'arial' !important;
}
.sub-nav-wrapper {
display: none;
height: 40px;
left: 0;
width: 100%;
position: absolute;
z-index: 1000;
}
.sub-nav-list {
width: 1150px;
height: 40px;
margin: 0 auto;
overflow: hidden;
}
.sub-nav-item {
float: left;
padding: 12px 46px 12px 0;
box-sizing: border-box;
margin-right: 38px;
}
.sub-nav-item:last-child {
margin-right: 0 !important;
}
.sub-nav-item a {
color: white;
font-size: 14px;
line-height: 14px;
display: inline-block;
}
.sub-nav-item a{
position: relative;
}
.newlogo {
display: block;
width: 26px;
height: 12px;
background-image: image-url("header/new.png");
background-repeat: no-repeat;
position: absolute;
right: -29px;
top: -6px;
}
.sub-nav-item:hover>a {
padding-bottom: 3px;
border-bottom: 2px solid white;
}
.actsecondnav {
padding-bottom: 3px;
border-bottom: 2px solid white;
}
.sub-nav-item:hover .third-nav-wrapper {
display: block;
}
.third-nav-wrapper {
box-sizing: border-box;
height: 300px;
position: absolute;
left: 0;
top: 38px;
width: 100%;
min-width: 1150px;
display: none;
z-index: 10000;
padding-top: 30px;
padding-bottom: 30px;
background-color: #f8f8f8;
}
.third-nav {
//padding-left: 10px;
width: 1150px;
height: 100%;
margin: 0 auto;
}
.category {
width: 880px;
//-moz-column-width: 133px;
//-webkit-column-width: 133px;
//column-width: 133px;
//-webkit-column-count: 3;
//-moz-column-count: 3;
//column-count: 3;
//-webkit-column-gap: 80px;
// -moz-column-gap: 80px;
// column-gap: 80px;
// -moz-column-rule: 1px solid #ccc;
//-webkit-column-rule: 1px solid #ccc;
// column-rule: 1px solid #ccc;
float: left;
overflow: hidden;
.thirdnavlist {
box-sizing: border-box;
width: 220px;
height: 240px;
float: left;
padding-left: 20px;
border-right: 1px solid #dcdcdc;
padding-right: 20px;
}
}
.category-title {
color: black;
font-size: 16px;
width: 178px;
padding-bottom: 12px;
border-bottom: 1px solid #000;
line-height: 16px;
margin-bottom: 20px;
a {
color: black !important;
}
}
.category-list {
margin-top: 16px;
margin-bottom: 30px;
}
.category-item {
line-height: 28px;
}
.category-item a{
color: #a1a1a1 !important;
font-size: 14px;
}
.category-item-act a{
color: black !important;
}
.showdetail {
box-sizing: border-box;
padding-left: 19px;
padding-right: 19px;
width: 268px;
height: 100%;
float: right;
}
[class^="icon-"], [class*=" icon-"] {
display: inline-block;
vertical-align: middle;
background-repeat: none;
}
.icon-hamburger {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAALCAYAAACksgdhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkNDMTBCN0ExRjAzMTFFNUI1NzZENkM4MUQyMEJGQTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkNDMTBCN0IxRjAzMTFFNUI1NzZENkM4MUQyMEJGQTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQ0MxMEI3ODFGMDMxMUU1QjU3NkQ2QzgxRDIwQkZBOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyQ0MxMEI3OTFGMDMxMUU1QjU3NkQ2QzgxRDIwQkZBOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqrUNPwAAAAmSURBVHjaYuzr6/vPQCJgAWJGUjUxMZAB6KcJ5KfRgCA3IAACDACZEATHVTZCoQAAAABJRU5ErkJggg==");
width: 13px;
height: 11px;
}
.icon-headphones {
background-image: url("header/headphones.png");
width: 15px;
height: 10px;
margin-top: 2px;
}
.icon-heart {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkJFNDA0MDMxRjAzMTFFNTgzQUY4OEM0NzJDQ0YyNzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkJFNDA0MDQxRjAzMTFFNTgzQUY4OEM0NzJDQ0YyNzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQkU0MDQwMTFGMDMxMUU1ODNBRjg4QzQ3MkNDRjI3MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQkU0MDQwMjFGMDMxMUU1ODNBRjg4QzQ3MkNDRjI3MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgbjRwsAAADJSURBVHjahNC9DgFBEMDxuXWiUUq0Si+i9AqiukQjkdBRi0R8FlrxAhKtgkfw0aiovYGEhP/EhI0cJvldNjOzu3MbRFEUiEgVeVyQxESeUcEVKRwwDvnUsMPQmjQ3srUedLN1QXu1mENP3qENXdy9Zo0liqHEx/FLPnA2X1r+h/akdEMHAyR+NGutj7az64c2dxA3hv2jPsTJWXKPBZoxG1qYW484r7DCFnUv18AGa/He3A+9pYySHXa23CtczAhTZJHB7LP4EGAA/kUjzWzAmh0AAAAASUVORK5CYII=");
width: 12px;
height: 11px;
margin-top: -2px;
}
.icon-mail {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAYAAAC9vt6cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUVFMTA0NDExRjAzMTFFNTg3MzBCMUMzNDQ0Q0E1QkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUVFMTA0NDIxRjAzMTFFNTg3MzBCMUMzNDQ0Q0E1QkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRUUxMDQzRjFGMDMxMUU1ODczMEIxQzM0NDRDQTVCRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRUUxMDQ0MDFGMDMxMUU1ODczMEIxQzM0NDRDQTVCRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ptf44EYAAADcSURBVHjalNJPCwFBGMfxsW3UvgdydJVc7EEOcnH1Amxt/iUHUt6A456EUrwYJS64unkFjhKF79RDk6Q19Znd5nl+M9O2kSAIjkop7aD+GykkbKYdLphgHzKcRh8ni+mMKnrIhgjrnq5kzpYs6ht4aMH9EXalx5OMsoziFb4U81/CBTnVl171uYEed9FB0VgvoW3U38M23qOYYoEVRohJrYwKcpih/rqFbYR1YYyNrDUxxAMNeS5xk17/tYGDOQJsjRvpwODLt1jL6fqmjt4gIz9S7c8fKY7kU4ABAPrAL/PXL7nQAAAAAElFTkSuQmCC");
width: 16px;
height: 10px;
margin-top: -2px;
}
.icon-iphone {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDNDODgxQzgxRjAzMTFFNUIzMUFDQjFGNUQyMzI4RTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDNDODgxQzkxRjAzMTFFNUIzMUFDQjFGNUQyMzI4RTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEM0M4ODFDNjFGMDMxMUU1QjMxQUNCMUY1RDIzMjhFNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEM0M4ODFDNzFGMDMxMUU1QjMxQUNCMUY1RDIzMjhFNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhJU+6cAAAB7SURBVHjaYnyorNzIwMDwFYgZGVDBPyDmYwESP4C4CyroBqV3QelKkAIeIF4IxNeQdBsCsRYQPwEpYALiE0A8Hc2KTCCWY2IgAIaHAlhI8gFxORCLQsVfQ+kfIAW/gLgTKjALamoJclBzAnEZNLL4oBIg0/4DMRdAgAEA3OsUBsKkQkoAAAAASUVORK5CYII=");
width: 8px;
height: 14px;
margin-top: -2px;
}
.icon-papers {
background-image: url("data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAOCAYAAAAWo42rAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUNCQzI5NzcxRjAzMTFFNTg0MTBDRDUyRkVENTFGQTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUNCQzI5NzgxRjAzMTFFNTg0MTBDRDUyRkVENTFGQTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQ0JDMjk3NTFGMDMxMUU1ODQxMENENTJGRUQ1MUZBNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQ0JDMjk3NjFGMDMxMUU1ODQxMENENTJGRUQ1MUZBNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqSzZHsAAACCSURBVHjaYkxLS7vKwMBwhAETuABxGhDvBXFYgPggEGdhUTgdiP2h7L0sDLjBfyDOB+KJMBNxgb9APAOIGYF4DrJCfiBmQuJXAvEXKHsassJMIBZA4t8A4gUwDrLCDjzOQFHYDsRCWNQ0oSuspK+JTAxEAqIVgqy2B+KZBNTZAAQYAEaiFCx+VPXeAAAAAElFTkSuQmCC");
width: 10px;
height: 14px;
margin-top: -2px;
}
.icon-bottomarrow {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUEzRDI1MEQxRjAzMTFFNUJENkRGMUM2QzYwNzc5ODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUEzRDI1MEUxRjAzMTFFNUJENkRGMUM2QzYwNzc5ODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QTNEMjUwQjFGMDMxMUU1QkQ2REYxQzZDNjA3Nzk4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QTNEMjUwQzFGMDMxMUU1QkQ2REYxQzZDNjA3Nzk4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjEPOcUAAABkSURBVHjaYuzr65vBwMDQB8S3GLADNSAuYgISlUDcDsTGWBSBxDpBakAK3wNxLBAXA7EzkiJnqFg0SA0LVPAbEMcB8VQgFgbi/0DsChX7A1LAhGQCSCADap0JEKfDFIEAQIABAH3lEoANPM6QAAAAAElFTkSuQmCC");
width: 10px;
height: 5px;
margin-top: -2px;
}
.icon-logo {
background-image: url(data:image/png;base64,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);
background-repeat: no-repeat;
background-position: center center;
width: 182px;
height: 53px;
top: 22px;
left: 44.2%;
position: absolute;
}
.search {
position: relative;
}
.searchspan {
margin-top: 45px;
float: left;
display: inline-block;
overflow: hidden;
}
.searchinput {
float: left;
width: 240px;
height: 28px;
line-height: 25px;
border: 1px solid #000;
box-sizing: border-box;
padding-left: 10px;
border-right: none;
}
.icon-search {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUM1RjdENDUxRjA0MTFFNUEwRkRCMURDREZCNjYxQTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUM1RjdENDYxRjA0MTFFNUEwRkRCMURDREZCNjYxQTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQzVGN0Q0MzFGMDQxMUU1QTBGREIxRENERkI2NjFBMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQzVGN0Q0NDFGMDQxMUU1QTBGREIxRENERkI2NjFBMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvM9DyUAAAEMSURBVHjanNS/S4JBHMfx59EnCyGcRBDD8Mca1NDm1qJTDU4NjTo4OEmbNNrgJAjR0FBOLe3+Ca06uDu1OIghGE/vb9wDD9epp194wXF3fJ7nufvyuL7vO6E6QQMJ/EAWPbxj6KwrCVGu0UcqNCc81NFFVFv7EwzO0TFtCCmhvSnkGYdbQsQjMvp8hC9KYoqls71ecKNPSkgeE8euZF/RFLJCzDLkQO3/FzLCmWXIJT5NId9qnLYIucPHuj5JYoDEhptp4da0FlFZX7hHD1UchZ5zgScsUEZcfxFXa3sXFVypQ5QaY4AZCnhADXNT29vK4RXHesfu6hRvwRnuGyKywWXoZ7Jrya+j+SvAAPnfjoCz07o6AAAAAElFTkSuQmCC");
width: 80px;
height: 28px;
float: left;
border: none;
margin-top: 45px;
background-color: #3a3a3a;
background-repeat: no-repeat;
background-position: center center;
}
.search-list {
position: absolute;
top: 73px;
left: 0;
z-index: 1000;
box-sizing: border-box;
display: none;
background-color: white;
padding-top: 20px;
width: 100%;
max-height: 500px;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}
.search-item {
position: relative;
padding: 5px;
height: 25px;
line-height: 25px;
font: 12px;
}
.search-item:hover {
background-color: #f4f4f4;
}
.searchvalue {
position: absolute;
left: 10px;
max-width: 192px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 12px;
}
.valuenum {
position: absolute;
right: 10px;
font-size: 12px;
}
.header-tool {
padding-right: 23px;
}
.gobuy {
margin-top: 47px;
margin-left: 23px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUFFQTNDNEExRjA1MTFFNUIwODc4NTUzNUJFODJCMjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUFFQTNDNEIxRjA1MTFFNUIwODc4NTUzNUJFODJCMjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQUVBM0M0ODFGMDUxMUU1QjA4Nzg1NTM1QkU4MkIyNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQUVBM0M0OTFGMDUxMUU1QjA4Nzg1NTM1QkU4MkIyNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj44ndIAAAF7SURBVHjavJa7SsRAFEBn11gpov8gCCIKIijYrVjZCYmNFjYidn6BrSCWFoKdjQTsLKw0bHwh2gi+BTu30TWFK+j6OgMTiEOM0Z3shUPmzoQ5ZF6ZnG3ba0KIMfE9zqAH3sQv4bquSBN5GI2p74RuYTCkaAa24Fxr6zctWoEhGNfaBkyKcsxRWG6AMrSo/AaGDThemMeSFal4Bx9GVN4Otya+xnGchbxWVxTZxGy9RA+66AgqGYg8XSQ36F49RFkN306cyDMsuYfTONGhXPsGRUX20Wec6BUODIr88AgSGQ+flyTyDUkCOEkS7UPVgGiX+flIEj2rRWFk2JJEpuZpO41oCa5qkKwybMdhYiW8WIIOaP2HpIqkov9h06ycQN0jBtVmDusCOpTPJihAm8x1SVqRjEW5gmBDnYVW5KfWxeMC1uGSvPDTnSFNTEXKfdAbySegWZUbYbIWUVnLH7VDM+ndP4mm4Q6eYA6uI23LsKk2uDwj5+M6+BJgAFPmZONXOE3uAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
width: 30px;
height: 30px;
position: relative;
cursor: pointer;
}
.gobuy-wrapper {
position: absolute;
display: none;
top: 30px;
right: -14px;
width: 378px;
background-color: #f8f8f8;
z-index: 10000000;
}
.gobuy-empty {
position: absolute;
width: 100%;
height: 507px;
z-index: 1;
background-image: image-url("header/empty_car.png");
background-repeat: no-repeat;
background-position: 106px 132px;
background-color: #f8f8f8;
}
.gobuy-loading {
position: absolute;
width: 100%;
height: 407px;
z-index: 1;
background-image: image-url("header/loading.gif");
background-repeat: no-repeat;
background-position: center 150px;
background-color: #f8f8f8;
}
.gobuy-loading .information {
margin-top: 180px;
width: 100%;
height: 12px;
line-height: 12px;
font-size: 12px;
text-align: center;
}
.gobuy-empty .information {
margin-top: 300px;
width: 100%;
height: 18px;
line-height: 18px;
font-size: 18px;
text-align: center;
}
.gobuy-notempty {
position: absolute;
width: 100%;
z-index: 1;
background-color: #f8f8f8;
overflow: hidden;
}
.goods-list-wrapper {
width: 96%;
max-height: 444px;
margin-bottom: 19px;
overflow-y: auto;
overflow-x: hidden;
}
.goods-list {
margin-top: 40px;
}
.goods-item {
height: 64px;
margin-bottom: 18px;
padding-left: 18px;
}
.goods-img {
display: inline-block;
float: left;
width: 46px;
height: 62px;
margin-right: 13px;
}
.goods-detail {
margin-right: 16px;
}
.goods-detail .content {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 170px;
height: 14px;
line-height: 14px;
font-size: 14px;
margin-bottom: 13px;
}
.goods-detail .style {
height: 14px;
line-height: 14px;
font-size: 14px;
color: #b0b0b0;
}
.goods-price .priceandnum {
height: 14px;
line-height: 14px;
font-size: 14px;
margin-bottom: 13px;
min-width: 75px;
text-align: right;
}
.goods-price .delete {
display: inline-block;
float: right;
font-size: 14px;
color: #000;
}
.activity-item {
margin-bottom: 8px;
padding-left: 18px;
}
.activity-name {
display: inline-block;
box-sizing:border-box;
border: none;
width: 60px;
height: 18px;
line-height: 18px;
background-color: #3a3a3a;
color: white;
font-size: 14px;
text-align: center;
margin-right: 13px;
}
.activity-content {
display: inline-block;
line-height: 14px;
height: 14px;
color: #3a3a3a;
}
.gobuy-notempty-footer {
width: 100%;
height: 61px;
text-align: center;
}
.gobuy-notempty-footer h3 {
box-sizing: border-box;
width: 349px;
margin: 0 auto;
height: 61px;
line-height: 61px;
border-top: 1px solid #dcdcdc;
}
.gobuy-notempty-footer a {
font-size: 18px;
color: #444;
}
.ic-infomation {
position: absolute;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzU2RjA1MDYxRjA0MTFFNTk4RkI5QTc3MzJEQjAzQ0EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzU2RjA1MDcxRjA0MTFFNTk4RkI5QTc3MzJEQjAzQ0EiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNTZGMDUwNDFGMDQxMUU1OThGQjlBNzczMkRCMDNDQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNTZGMDUwNTFGMDQxMUU1OThGQjlBNzczMkRCMDNDQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg3/ud0AAAFcSURBVHjavJa9SsNQGIa/1Ig6OJtWcZGYZBXFxWvwD6poNztFsINgb0Jw0MHNTaGLFu/CwQ4OCQgurUl6BxalHt8vHq1Gs5TkvPCQk7/zcJJ850SLHIf+yQTYBOtgGRhglNLzBrrgDjTBteF5L8mLtNC2k8e2wDGYpeHTBvWi7zd+yYKBbAScgBpll1NwWPL9Pu/oJMTXiTPgUrapyce/zzsFARnYAa5sZ40bWNZu/Bg7pjmO7RMoUX4JwZwOczlnEcn+yyxbJTVZY9mSItkiywxFsiLLXtEYU2HTxbuIsJ1U4Ip4ZA9ozCuQ3XNR3+ZUzEma2uP0jLKi5pH1wFHOo6qbz50evzM2X4GVHCZizrkVBpefX+Ng1j+QJbCXoehC9hunQMSyGKw5ogoqoP3j+DDw/RU7Cqug/714elNG2m/BNtgAC1z9cnFNC3fI9doCN6DhdKM/vwUfAgwAy/liVzz2H2sAAAAASUVORK5CYII=);
width: 27px;
height: 20px;
top: -10px;
right: -15px;
color: white;
text-align: center;
line-height: 20px;
font-size: 12px;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.showdetail img {
display: block;
box-sizing: border-box;
width: 226px;
height: 200px;
}
.showdetail .title {
display: block;
margin-top: 17px;
width: 100%;
height: 15px;
text-align: center;
line-height: 15px;
font-size: 14px;
color: black !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.cate_row {
float:left;
height:352px;
box-sizing:border-box;
}
.cate_row li {
box-sizing:border-box;
}
.cate_row1 {
width:253px;
}
.cate_row2{
width:278px;
border-left:1px solid #ccc;
padding-left: 50px;
}
.cate_row3{
width: 270px;
border-left:1px solid #ccc;
padding-left: 50px;
}
.third-nav .cattitle {
width: 180px;
padding-bottom: 10px;
border-bottom: 1px solid #000;
line-height: 18px;
margin-bottom: 20px;
}
.third-nav .catdetail {
line-height: 14px;
height: 14px;
margin-bottom: 24px;
min-width: 200px;
}
.third-nav .cattitle h3 a{
color: black !important;
font-size: 14px;
}
.third-nav .catdetail a {
color: #a1a1a1 !important;
font-size: 14px;
}
.thirdcatelink:hover {
text-decoration: underline !important ;
}
.third-nav .catdetail a.hot {
color: #ee0011 !important ;
}
.hovercontent {
display: none;
}
@media (max-width:1180px) {
.header-topwrapper {
min-width: 990px;
}
.header-top {
width: 990px;
}
.header-navwrapper {
min-width: 990px;
}
.header-wrapper {
width: 990px;
}
.header-navcontent {
width: 990px;
}
.icon-logo {
left: 39.2%;
}
.sub-nav-list {
width: 990px;
min-width: 990px;
}
.sub-nav-item {
margin-right:15px;
}
.first-nav-item {
float: left;
padding: 10px 14px 0;
margin-right: 3px;
}
.third-nav {
width: 990px;
}
.third-nav-wrapper {
min-width: 990px;
}
.category {
width: 800px;
}
.cate_row1 {
width: 204px;
}
.cate_row2 {
width: 244px;
border-left: 1px solid #ccc;
padding-left: 39px;
}
.cate_row3 {
width: 163px;
border-left: 1px solid #ccc;
padding-left: 28px;
}
.category .thirdnavlist {
width: 200px;
}
.category-title {
width: 152px;
}
.showdetail {
width: 190px;
padding-right: 0;
img {
width: 174px;
height: 155px;
}
}
}
.noticewrapper{
width: 100%;
height: 100px;
background-color: #3a3a3a
}
.noticecontainer {
width: 1150px;
margin: 0 auto;
}
.noticecontainer .noticetitle{
padding:0;
margin: 0;
float: left;
height: 100px;
line-height: 100px;
font-size: 27px;
font-weight: bold;
color: #fff;
width: 245px;
font-family: '微软雅黑'
}
.noticecontainer .noticecontent {
width: 853px;
float: left;
margin-left: 38px;
}
.noticecontainer .noticecontent .tips {
margin-top: 16px;
margin-bottom: 10px;
color: #fff;
font-family: '微软雅黑';
font-size: 12px;
}
.noticecontainer .noticecontent .detail {
color: #fff;
font-family: '微软雅黑';
font-size: 12px;
line-height: 16px;
}
}
\ No newline at end of file
... ...