/** 
 * 描述：公用
* by shopwt.com
 */
@charset "utf-8";
body { min-width: 1200px;}
.wth-container { width: 1200px; margin: 0 auto;}
.wth-container .left { width: 980px; float: left; }
.wth-container .right { width: 208px; float: right; }
.wth-container .left2 { width: 780px; float: left; }
.wth-container .right2 { width: 208px; float: right; }


/* 边栏模块 */
.wth-module { border: solid 1px #e8e8e8; margin-bottom: 10px;}
.wth-module .title { background-color: #F5F5F5; height: 36px; border-top: solid 1px #D7D7D7; margin-top: -1px;}
.wth-module .title h3 { font: bolder 14px/20px "microsoft yahei"; color: #333; height: 20px; padding: 8px 10px;}
.wth-module .title h3 em { color: #e4393c;}
.wth-module .title h3 i { color: #666; font-weight: normal; font-size: 12px; padding-left: 10px;}
.wth-module .content { overflow: hidden;}
.module_sidebar { padding: 4px; margin-bottom: 10px; border: 1px solid #D8D8D8; overflow: hidden;}
.module_sidebar h2 { font-family: Verdana, Geneva, sans-serif; font-size:9px; font-weight: 600; line-height: 30px; color:#F60; height: 30px; margin-bottom: 10px; border-bottom: 1px solid #E7E7E7;}
.module_sidebar h2 b { font-family: "microsoft yahei", Tahoma, Arial; font-size: 15px; line-height: 30px; color: #3E3E3E; display: inline; float: left; padding: 0 6px 0 4px; margin-left: 2px;}

/* 搜索列表页面末级分类推荐商品 */
.wth-goods-recommend { position: relative; background: #F1F1F1;padding-left: 62px; height: 130px;  padding-top: 15px; margin-bottom: 10px; }
.wth-goods-recommend .title{width:30px;height:60px;position:absolute;left:15px;top:0;line-height:18px;padding:20px 10px 0 5px;font-size:14px;text-align:center;font-family:"microsoft yahei";color:#f60;background:url(../images/recommend.png) no-repeat}
.wth-module-recommend { display: block; overflow: hidden;}
.wth-module-recommend li { background: #fff; float: left; width: 250px; padding: 12px 7px; margin-left: 9px; margin-right: 9px;}
.wth-module-recommend li .goods-pic { width: 90px; height: 90px; float: left;}
.wth-module-recommend li .goods-pic a { line-height: 0; text-align: center; vertical-align: middle; display: table-cell; *display: block;  width: 90px; height: 90px; overflow: hidden;}
.wth-module-recommend li .goods-pic img { max-width: 90px; max-height: 90px; margin-top: expression( 90-this.height/2); *margin-top:expression(45-this.height/2)/*IE6,7*/;}
.wth-module-recommend li .goods-content { width: 154px; float: right; padding-left: 6px;}
.wth-module-recommend li .goods-content dt { line-height: 16px; width: 100%; height: 32px; overflow: hidden;}
.wth-module-recommend li .goods-content dt a { color: #777;}
.wth-module-recommend li .goods-content dt a:hover { color: #333;}
.wth-module-recommend li .goods-content dt a span { line-height: 16px; color: #FFF; background-color: #e4393c; vertical-align: middle; display: inline-block; *display: inline; height: 16px; padding: 0 4px; border-radius: 2px; margin-right: 4px; *zoom: 1; }
.wth-module-recommend li .goods-content .goods-price { color: #555; line-height: 20px; white-space: nowrap; height: 20px; margin: 5px 0; overflow: hidden;}
.wth-module-recommend li .goods-content .goods-price em { font-size: 14px; font-weight: bold; color: #C00;}
.wth-module-recommend li .goods-content .buy-btn a { display:inline-block;line-height:14px;height:14px;border-radius:2px;background:#F7F7F7;text-align:center;text-decoration:none;cursor:pointer;border:1px solid #DDD;padding:4px 13px 5px;color:#666;background-color:#f7f7f7;background-repeat:repeat-x;background-image:-moz-linear-gradient(top,#f7f7f7,#f2f2f2);background-image:-webkit-linear-gradient(top,#f7f7f7,#f2f2f2);background-image:-o-linear-gradient(top,#f7f7f7,#f2f2f2);background-image:linear-gradient(top,#f7f7f7,#f2f2f2);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f2f2f2', GradientType=0)}
.wth-module-recommend li .goods-content .buy-btn a:hover { text-decoration: none; box-shadow:0 1px 1px rgba(0,1,1,.08);cursor:pointer;color:#666}

/* 搜索列表页面规格值过滤条件*/
.wth-module-filter { overflow: hidden;}
.wth-module-filter dl {position: relative; z-index: 1; display: block; clear: both; margin: 0; border-top: solid 1px #E6E6E6; }
.wth-module-filter dl dt {position: absolute; z-index: 2; top: 0; left: 0; bottom: 0; width: 80px; border-right: solid 1px #E6E6E6; line-height: 24px; color: #777; padding: 6px 0 6px 10px; background-color: #FAFAFA;}

.wth-module-filter dl dd.list {position: relative; z-index: 1; margin: 0 0 0 91px; padding: 6px 10px; background-color: #FFF;}
.wth-module-filter dl dd.all {position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; width: 70px; text-align: right; padding: 9px 10px 0px 0; background-color: #FFF;}
.wth-module-filter dl dd.list ul { font-size: 0;  word-spacing:-1em;}
.wth-module-filter dl dd.list ul li {position:relative; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE6,7*/; *zoom: 1; height: 24px; margin-right: 28px;}
.wth-module-filter dl dd.list ul li { *display: inline/*IE6,7*/;}
.wth-module-filter dl dd.list ul li a { cursor: pointer; font-size: 12px; padding: 0 6px; line-height: 24px; color: #000; display: inline-block;}
.wth-module-filter dl dd.list ul li a:hover { color:#FFF; text-decoration: underline; background-color: #E4393C;}
.wth-module-filter dl dd.all span { line-height: 20px; color: #999; background-color: #FFF; height: 20px; padding: 2px 4px; border-radius: 2px; cursor: pointer;}
.wth-module-filter dl dd.all span:hover { color: #FFF; background-color: #E4393C;} 
.wth-module-filter dl dd.all span i { font-size: 14px; margin-right: 4px;}


.selected-box { display: block; font-size: 0; *word-spacing:-1px/*IE6ã€7*/; float: left; min-height: 26px; text-align: left; margin-right: 100px;}
.selected-box .selected { display: inline-block; *display: inline; *zoom: 1; padding: 0 0 0 7px; margin-right: 7px; border: solid 1px #E6E6E6; line-height: 24px; font-size: 12px;}
.selected-box .selected em { display: inline-block; vertical-align: top; margin-right: 7px; color: #FF6D02;}
.selected-box .selected i { display: inline-block; width: 25px; height: 24px; background: url(../images/search.ico.png) no-repeat 7px -139px;vertical-align: top;}
.selected-box .selected:hover { border-color: #FF6D02;}
.selected-box .selected:hover i { background-color: #FF6D02; background-position: 7px -157px;}

.select-undo { float: right;}
.select-undo a { border: solid 1px #D7D7D7; background-color: #F2F2F2; line-height: 24px; padding: 0 14px; border-radius: 2px; display: block; color: #444;}
.select-undo a:hover { color: #444; box-shadow: 0 1px 1px rgba(0,0,0,0.05);}


.wth-module-filter .selected { font-weight: 600; line-height: 20px; color: #999; background-color: #FFF; display: inline-block; height: 20px; padding: 0 0 0 5px; margin-right: 5px; border: solid 1px #D7D7D7; cursor: pointer;}
.wth-module-filter .selected:hover { border-color: #E4393C;}
.wth-module-filter .selected em { line-height: 20px; color: #E4393C; background-color: #FFF; vertical-align: top; display: inline-block; height: 20px; padding: 0 2px; margin-left: 2px;}
.wth-module-filter .selected i { font-family: Verdana; line-height: 20px; color: #CCC; vertical-align: top; text-align: center; display: inline-block; width: 20px; height: 20px;}
.wth-module-filter .selected:hover i { color: #E4393C;}
.wth-module-filter .wth-module-filter_nav { background-color: #FFF7E5; width: 100%; height: 28px; padding: 0; margin: 0; border-bottom: solid 1px #FC4;}
.wth-module-filter .wth-module-filter_nav dt { float: left; text-align: right;line-height: 28px; width: 82px;}
.wth-module-filter .wth-module-filter_nav dd { float: left; margin-top: 5px; margin-right: 8px; display:block;}



.wth-module-filter .contain_list { width: 762px; height: 96px; padding: 2px; border: 1px solid #BDD9F7; background: #fff; position: relative; z-index: 1; overflow: auto; }
.wth-module-filter .contain_list ul { width: 720px; padding: 10px; overflow: hidden; }
.wth-module-filter .contain_list li { width: 134px; height: 22px; padding-left: 10px; overflow: hidden; float: left; }
.wth-module-filter .contain_list li a { display: block; width: 144px; height: 22px; line-height: 22px; color: #656766; text-decoration: none; }
.wth-module-filter .contain_list li a:hover { color: red; background: #fff9f1; }
.wth-module-filter .contain_list li a span { color: #969696; }

/*品牌索引*/
.wth-module-filter .wth-brand-tab { padding: 0 12px; margin-bottom: 10px;}
.wth-module-filter .wth-brand-tab li { padding: 0!important;}
.wth-module-filter .wth-brand-tab li a { line-height: 20px; text-align: center; display: block; min-width: 16px; padding: 2px 6px !important; position: relative; z-index: 1;}
.wth-module-filter .wth-brand-tab li.current a { color: #FFF; background-color: #4598D2;}
.wth-module-filter .wth-brand-tab li a:hover { text-decoration: none !important;}
.wth-module-filter .wth-brand-tab li a i.arrow { font-size: 0; line-height: 0; width: 0; height: 0; display: none; margin-left: -6px !important; border-color: #4598D2 transparent transparent; border-style: solid dashed dashed; border-width: 6px; position: absolute; z-index: 1; top: 24px; left: 50%;}
.wth-module-filter .wth-brand-tab li.current a i.arrow { display: block;}
#wtBrandlist { position: relative; z-index: 1; overflow: hidden; max-height: 146px;}
.wth-module-filter .wth-brand-con { padding: 6px 12px;}
.wth-module-filter .wth-brand-con li { width: 103px !important; height: 35px !important; padding: 0!important; margin: 0; position: relative; z-index: 1;}
.wth-module-filter .wth-brand-con li:hover { z-index: 2;}
.wth-module-filter .wth-brand-con li a { line-height: 34px!important; text-overflow: ellipsis; white-space: nowrap; text-align: center; width: 92px!important; height: 34px!important; padding: 0 5px!important; border: solid 1px #E6E6E6!important; position: absolute; z-index: 1; top: -1px; left: -1px; overflow: hidden;}
.wth-module-filter .wth-brand-con li a:hover { text-decoration: none !important; color: #E4393C!important; background-color: #FFF!important; border-width: 2px!important; border-color: #E4393C!important; top: -2px!important; left: -2px!important; box-shadow: 0 0 4px rgba(0,0,0,0.12);}
.wth-module-filter .wth-brand-con li a img { max-width: 90px; max-height: 30px; position: absolute; z-index: 1; top: 2px; left: 6px;}
.wth-module-filter .wth-brand-con li a span { background-color: #FFF; line-height: 34px; text-overflow: ellipsis; white-space: nowrap; display: none; width: 92px; height: 34px; padding: 0 5px; position: absolute; z-index: 2; top: 0; left: 0; overflow: hidden;}
.wth-module-filter .wth-brand-con li:hover a span { display: block;}


.table_title { float: left; padding-left: 10px; }
.table_title p { float: left; margin-right: 5px; }


.shop_con_list { width: 100%; }



.group:after, .clear:after {clear: both;content: " ";display: block; height: 0;}


.no_info { height: 230px; background: url(../images/nothing.gif) no-repeat 280px center; line-height: 230px; text-align: center; font-size: 18px; }

.input_style1 input { border: 1px solid #fed39c; width: 130px; padding: 2px; }
.input_style2 input { border: 1px solid #fed39c; width: 100px; padding: 2px; }
#more_select_nav { font-size: 12px; text-align: center; line-height: 30px; height: 30px; margin-top: -11px; margin-bottom: 10px;}
#more_select_nav a{ color: #333;background-color: #fff;display: inline-block; line-height: 30px; height: 30px; width: 100px; text-align: center;border-bottom: solid 1px #D7D7D7;border-left: solid 1px #D7D7D7;border-right: solid 1px #D7D7D7; }
#more_select_nav a:hover {color:#e4393c}

/*大图模式列表页*/
.squares .list_pic { font-size: 0;  word-spacing:-1em; display: block; width: 1000px; margin-left: -14px;}
.squares .list_pic li { font-size: 12px; vertical-align: middle; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE6,7*/;  width: 238px; height: 446px; margin: 12px 0 0 12px; *zoom:1;}
.squares .goods-warp { line-height: 18px; background-color: #FFF; width: 230px; height: 440px;  position:relative; z-index: 11; overflow: hidden;}
.squares .goods-warp:hover { z-index: 12;}
.squares .goods-pic { background: #FFF; width: 220px; height: 220px; padding: 5px 5px 0 5px; margin: 0; z-index: 1; top: 0; left: 0;}
.squares .goods-pic a { line-height: 0; text-align: center; vertical-align: middle; display: table-cell; *display: block; width: 220px; height: 220px; overflow: hidden;}
.squares .goods-pic img { max-width: 220px; max-height: 220px; margin-top: expression( 220-this.height/2); *margin-top:expression(110-this.height/2)/*IE6,7*/;}
.squares .goods-content { width: 230px; margin: 0; position: absolute; z-index: 1; left: 0; top: 230px;}
.squares .goods-small-pic { filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5FFFFFF', endColorstr='#E5FFFFFF');background:rgba(255,255,255,0.9); width: 210px; height: 30px; padding: 5px 10px;}
.squares .goods-small-pic ul { font-size: 0; *word-spacing: -1px/*IE6、7*/; width: 180px; height: 30px;}
.squares .goods-small-pic ul li { vertical-align: middle; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE7*/; width: 30px; height: 30px; margin: 0 5px 0 0; *zoom:1;}
.squares .goods-small-pic ul li a { line-height: 0; text-align: center; vertical-align: middle; display: table-cell; *display: block; width: 28px; height: 28px; padding: 0; border: solid 1px #EEE; overflow: hidden;}
.squares .goods-small-pic ul li.selected a,
.squares .goods-small-pic ul li a:hover { border-color: #E4393C; transition: border-color 0.4s ease-in-out 0s;}
.squares .goods-small-pic ul li img { max-width: 28px; max-height: 28px; margin-top:expression(28-this.height/2); *margin-top:expression(14-this.height/2)/*IE6,7*/;}
.squares .goods-sale { font: 700 12px/15px "microsoft yahei"; color: #FFF; background: url(../images/wt_bg_img.png) no-repeat 0 -21px; text-align: center; width: 30px; height: 30px; padding: 6px 5px 15px 9px; position: absolute; z-index: 2; top: 5px; right: 10px;}
.squares .goods-price { font: 12px/20px Arial; color: #C00; background-color: #FFF; white-space: nowrap; display: block; height: 20px; padding: 5px 10px; overflow: hidden;}
.squares .goods-price em.sale-price { font-size: 20px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; max-width: 100px; float: left; overflow: hidden;}
.squares .goods-price em.market-price { color: #999; text-decoration: line-through; text-overflow: ellipsis; white-space: nowrap; max-width:50px; float: left; margin-left: 10px; overflow: hidden;}
/* 消费保障 */
.squares .goods-sub .goods-slogen { font-size: 0; line-height: 0; word-spacing:-1em; text-align: left; max-width: 82px; display: inline-block; line-height: 24px; vertical-align: middle; overflow: hidden;}
.squares .goods-sub .goods-slogen span { letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline; width: 16px; height: 16px; padding: 2px 0; *zoom: 1;}
.squares .goods-sub .goods-slogen span img { display: block; width: 16px; height: 16px;}
/* 评价评分样式 */
.squares .goods-price .raty { font-size: 0; line-height: 0; word-spacing:-1em; float: right;}
.squares .goods-price .raty img { letter-spacing: normal; word-spacing: normal; display: inline-block; width: 16px; height: 16px; margin: 2px 0 2px 4px;}

.squares .goods-name { font-size: 12px; line-height: 16px; color: #999; background-color: #FFF; height: 32px; display: block; padding: 0 10px; overflow: hidden;}
.squares .goods-name em { color: #F30;}
.squares .goods-sub { font-size: 0; *word-spacing: -1px/*IE6、7*/;  height: 24px; padding: 5px 10px 10px; }
.squares .goods-sub span { font-size: 12px; font-family: "microsoft yahei"; color: #FFF; line-height: 24px; vertical-align: middle; letter-spacing: normal; word-spacing: normal; text-align: center; display: inline-block; *display: inline/*IE7*/; height: 24px; padding: 0 4px; margin-right: 4px; border-radius: 2px; *zoom:1; cursor: pointer;}
.squares .goods-sub span.virtual { background-color: #36BC9B;}
.squares .goods-sub span.fcode { background-color: #3BAEDA;}
.squares .goods-sub span.presell { background-color: #4B89DC;}
.squares .goods-sub span.gift { background-color: #967BDC;}
.squares .goods-sub span.book { background-color: #D870AD;}
.squares .goods-sub span.own { background-color: #E4393C;}

.squares .sell-stat { width: 212px; margin: 0 auto; overflow: hidden; color: #a7a7a7;}
.squares .sell-stat ul { font-size: 0;  word-spacing:-1em; width: 213px; margin-left: -1px;}
.squares .sell-stat ul li { vertical-align: middle; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE6,7*/; width: 212px; height: 20px; padding: 6px 0; margin: 0; overflow: hidden; *zoom:1;}
.squares .sell-stat ul li a { font: 600 12px/20px Tahoma; color: #B57C5B;}
.squares .sell-stat ul li a.status { color: #3388BB;}
.squares .sell-stat ul li p { line-height: 20px; color: #999; height: 20px;}
.squares .sell-stat .right { float: right;text-align: right}
.squares .store { line-height: 20px; text-align: left; display: block; height: 20px; clear: both; padding: 6px 10px;}
.squares .store .name { float: left; text-overflow: ellipsis; white-space: nowrap; max-width: 150px; height: 20px; overflow: hidden;}
.squares .goods-opt {  text-align: center;  border-top: 1px solid #eaeaea; height: 32px; line-height: 32px; margin-top: 7px;}
.squares .goods-opt i { margin-right: 4px;}
.squares .goods-opt a {color: #999;float: left;height: 32px;text-align: center;}
.squares a.add-cart  {border: 1px solid #eaeaea;color: #ED5564;height: 32px; width: 120px; margin-left: -1px; margin-top: -1px;}
.squares a.add-cart:hover { text-decoration: none; background: #FAFAFA;}
.squares li:hover .goods-warp { height: 425px; margin: 0; border-radius: 0; box-shadow: 0 0 4px 0 #bbb;}
.squares .goods-compare {cursor: pointer;}
.squares .goods-compare:hover {background: #FAFAFA;}
.squares .goods-compare.selected { color: #ED5564}
.squares .goods-compare i { background:url(../images/wt_bg_img.png) no-repeat -44px 0; vertical-align: middle; display: inline-block; *display: inline/*IE7*/; width: 12px; height: 12px; margin-right: 4px; *zoom: 1;}
.squares .goods-compare.selected i { background-position: -56px 0;}

.squares .list_pic dl dd.sale-price { width:65px; }
.squares .list_pic dl dd.price span, .squares .list_pic dl dd.sale-price span { font-family:Tahoma; font-size: 16px; font-weight: 600; color: #F30; margin-left:2px; _margin-left:1px;}
.squares .list_pic dl dd.del-price { line-height:20px; color: #AAA; text-decoration:line-through; width:35px; z-index:2; top:230px; left:80px;}
.squares .list_pic dl dd.freight { color: #666; width: 65px; text-align:right; z-index:1; top:270px; right:12px;}
.squares .list_pic dl dd.shop { line-height: 21px; width: 105px; z-index:2; top:258px; left:12px;}
.squares .list_pic dl dd.shop a.name { text-align: left; display: inline-block; max-width: 75px; float: left; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.squares .list_pic dl dd.shop a.chat { overflow: visible; float: left;}
.squares .list_pic dl dd.location { color: #666; width: 65px; text-align:right; z-index:1; top:258px; right:12px;}
.squares .list_pic dl dd.sale {position: absolute; z-index:2; top:280px; left:12px;}
.squares .list_pic dl dd.sale span { line-height:16px; color:#FFF; text-align:center; display:inline-block; height: 16px; float:left; padding: 1px 4px; border-radius:2px; box-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
.squares .list_pic dl dd.sale .gb { background-color: #C00;}
.squares .list_pic dl dd.sale .xs { background-color: #6C9D26;}
.squares .list_pic dl dd.seller-intro { z-index:2; top:305px; left:12px; width:170px;}
.squares .list_pic dl dd.seller-intro ul { margin:0; padding:0; padding-bottom:2px!important; border: dotted 1px #A7CAED; background-color:#F4FAFE; overflow:hidden;}
.squares .list_pic dl dd.seller-intro ul li { margin:2px 4px; padding:0; line-height:16px; height:16px; width:155px;}
.squares .list_pic dl dd.seller-intro ul li span { float:left;}
.no-results { color: #AAA; padding: 200px 0; text-align: center;}


/* ============ */
/* 列表页面筛选条 */
/* ============ */


.sort-bar { display: block; height: 40px; border: solid 1px #E8E8E8; background: #F5F5F5; }


/* 商品列表排序方式 */
.wth-category-nav { float: left; vertical-align: top; display: none; width: 190px; height: 40px;}
/*分类导航菜单*/
.wth-category-nav .category-nav { background-color: #F7F7F7; display: block; width: 190px; height: 38px; float: left; }
.wth-category-nav .category-nav .title { line-height: 20px; height: 20px; padding: 8px 10px 10px 10px; }
.wth-category-nav .category-nav .title h3 a { font-size: 15px; font-weight: normal; text-decoration:none; color: #333; float: left; margin-left: 4px; font-family:"microsoft yahei" }
.wth-category-nav .category-nav .title i { font-size: 0px; line-height: 0; background: url(../images/top_bg.png) no-repeat -182px -165px; width: 18px; height: 14px; float: left; margin: 4px 4px 0 0; }
.wth-category-nav .category-nav .category { display:none; width: 190px; }
.wth-category-nav .category-nav:hover .category { display:block; }
.wth-category-nav .category .menu { background-color:#000;filter:"alpha(opacity=35)";background-color:rgba(0,0,0,.55); min-height: 408px;}
.wth-category-nav .category .menu li {  width: 188px; height: 36px; *float: left;
*clear: left;
position: relative; z-index: 1; zoom:1; }
.wth-category-nav .category .menu li.odd, .wth-category-nav .category .menu li.even { }
.wth-category-nav .category .menu li.hover { z-index: 2; }
.wth-category-nav .category .menu li.hover .ico { filter:alpha(opacity=100)/*IE*/; -moz-opacity:1/*Moz+FF*/; opacity: 1; }
.wth-category-nav .category .class { border-style: solid; border-width: 1px 0 1px 2px; border-color: transparent; display: block; width: 170px; height: 36px; padding: 3px 5px 0 15px; position: absolute; z-index: 1; top: -1px; left: -1px; }
.wth-category-nav .category .hover .class { background:#fff url(../images/class_arrow.png) no-repeat 172px 14px; z-index: 2; }
.wth-category-nav .category .class span.ico { background-position: 0 0; margin-top:8px; width: 16px; height: 16px; float: left; float:left; }
.wth-category-nav .category .menu li.hover .ico { background-position: 0 16px }
.wth-category-nav .category .class span.ico img { max-width: 16px; max-height: 16px; -webkit-filter: grayscale(100%)/*Webkit*/; -o-filter: grayscale(100%); filter: gray; }
.wth-category-nav .category .menu li.hover .ico img { -webkit-filter: grayscale(100)/*Webkit*/; -o-filter: grayscale(100); filter: none; }
.wth-category-nav .category .class h4 { font-weight:normal; padding-bottom: 7px; padding-left: 10px; padding-top: 7px; color: #fff; float: left; width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wth-category-nav .category .class h4 a { color: #FFF; font-size:16px; font-family:"Microsoft Yahei"; }
.wth-category-nav .category .menu li.hover .class h4 a { color: #E43A3D; text-decoration: none;}
.wth-category-nav .category .class .recommend-class { height: 40px; line-height: 20px; margin-top:8px; width: 168px; float: left; clear: both; overflow: hidden; }
.wth-category-nav .category .class .recommend-class a { color: #222222; white-space: nowrap; margin-right: 5px; }
.wth-category-nav .category .class .recommend-cn-class { height: 40px; line-height: 20px; margin-top:5px; width: 168px; float: left; clear: both; overflow: hidden; }
.wth-category-nav .category .class .recommend-cn-class a { font-size:14px; color: #fff; white-space: nowrap; margin-right: 10px; }
.wth-category-nav .category .hover .class .recommend-cn-class a { color:#E43A3D; }
.wth-category-nav .category .class .arrow { margin-top:12px; background: url(../images/top_bg.png) no-repeat -150px -10px; width: 12px; height: 12px; float: right; z-index: 1; }
.wth-category-nav .category .sub-class { -webkit-box-shadow:4px 0px 6px rgba(0,0,0,0.2);-moz-box-shadow:4px 0px 6px rgba(0,0,0,0.2);box-shadow:4px 0px 6px rgba(0,0,0,0.2);background-color:#fff; display: none; width: 970px; min-height: 448px; padding: 10px 20px 19px; position: absolute; z-index: 1; top: -1px; left: 188px; }
.wth-category-nav .category li.hover .sub-class { display: block; }
.wth-category-nav .category .sub-class-content { display: block; width: 750px; float: left; }
.wth-category-nav .category .recommend-class { font-size: 0; word-spacing:-1em; display: block; overflow: hidden; }
.wth-category-nav .category .recommend-class span { font-size: 12px; background-color: #7C7171; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE7*/;
margin: 0 10px 10px 0; *zoom: 1/*IE7*/;
}
.wth-category-nav .category .recommend-class span a { color: #FFF; line-height: 20px; display: block; padding: 2px 10px; }
.wth-category-nav .category .sub-class dl { font-size: 0; word-spacing:-1em; padding-top: 10px; }
.wth-category-nav .category .sub-class dl dt, .wth-category-nav .category .sub-class dl dd { font-size: 12px; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE7*/;
*zoom: 1/*IE7*/;
}
.wth-category-nav .category .sub-class dl dt { background: url(../images/top_bg.png) no-repeat right -25px; width: 70px; height: 16px; padding-right: 15px; margin-right: 15px; }
.wth-category-nav .category .sub-class dl dt h3 { line-height: 16px; font-weight: 600; color: #5C5251; text-align: right; }
.wth-category-nav .category .sub-class dl dd { font-size: 0; word-spacing:-1em; width: 650px; border-bottom: solid 1px #F0F0F0; }
.wth-category-nav .category .sub-class dl:last-child dd { border-bottom: none 0; }
.wth-category-nav .category .sub-class dl dd a { font-size: 12px; color: #7C7171; line-height: 14px; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display:inline/*IE6、7*/;
height: 14px; padding: 0 10px; margin-bottom: 10px; border-left: solid 1px #E7E7E7; *zoom:1/*IE6、7*/;
}
.wth-category-nav .category .sub-class dl dd a:hover { color: #C81623; }
.wth-category-nav .category .sub-class dl dd h5 { font-size: 12px; line-height: 20px; color: #333; margin: 4px 0 2px 0; }
.wth-category-nav .category .sub-class-right { display: block; width: 194px; height: 440px; float: right; }
.wth-category-nav .category .brands-list { }
.wth-category-nav .category .brands-list ul { font-size: 0; word-spacing:-1em; height: 136px; overflow: hidden; }
.wth-category-nav .category .brands-list li { font-size: 12px; background-color: transparent !important; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE7*/;
width: 94px; height: 31px; margin: 0 1px 3px 2px; *zoom: 1/*IE7*/;
}
.wth-category-nav .category .brands-list li a { display: block; position: relative; z-index: 1; }
.wth-category-nav .category .brands-list li a img { width: 94px; height: 31px; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; }
.wth-category-nav .category .brands-list li a span { color: #333; line-height: 25px; background-color: #FFF; white-space: nowrap; text-align: center; width: 86px; height: 25px; padding: 3px 4px; position: absolute; z-index: 1; top: 0; right: 0; overflow: hidden; }
.wth-category-nav .category .brands-list li a:hover span { color: #FFF; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#F27C7171', endColorstr='#F27C7171');
background:rgba(124,113,113,0.95); z-index: 3; }
.wth-category-nav .category .show-sales { display: block; width: 190px; margin: 0 2px; }
.wth-category-nav .category .show-sales a { background: #FFF; display: block; width: 190px; height: 150px; margin-top: 10px; }
.wth-category-nav .category .show-sales img { background: #D3D3D3; width: 190px; height: 150px; }
/* 菜单end */

.wth-sortbar-array { display: block; float: left; height: 40px;}
.wth-sortbar-array .screen { margin: -1px 0;}
.wth-sortbar-array .screen li { position: relative; z-index:1; float: left; margin-left: -1px;}
.wth-sortbar-array .screen li:hover { z-index: 2;}
.wth-sortbar-array .screen li a { display: block; height: 20px; padding: 10px 15px; border: solid 1px #E8E8E8; font-size: 12px; line-height: 20px; color:#777;}
.wth-sortbar-array .screen li a i { background: url(../images/search.ico.png) no-repeat 0 -380px; vertical-align: middle; display: inline-block; width: 13px; height: 12px; margin-left: 4px;}
.wth-sortbar-array .screen li:hover a { background-color: #FFF;}
.wth-sortbar-array .screen li.selected a { border-color: #E4393C; background-color: #E4393C; color: #FFF;}

.wth-sortbar-array .screen li a:hover { text-decoration: none;}
.wth-sortbar-array .screen li.selected a.asc i { background-position: 0 -203px;}
.wth-sortbar-array .screen li.selected a.desc i { background-position: 0 -225px;}
/* 商品类型选择 */
.wth-bar-filter { vertical-align: top; display: inline-block; *display: inline/*IE6,7*/; width: 310px; height: 40px; border-right: solid 1px #e8e8e8; position: relative; z-index: 19; *zoom: 1;}
.wth-bar-filter .arrow { background: url(../images/wt_bg_img.png) no-repeat -50px -120px; width: 9px; height: 9px; position: absolute; z-index: 1; bottom: 0; right: 0;}
.wth-bar-filter ul { font-size: 0; word-spacing:-1em; background-color: transparent; display: block; width: 310px; height: 40px; position: absolute; z-index: 2; top: 0; left: 0; overflow: hidden;}
.wth-bar-filter.box-hover ul { background-color: #FFF; border: solid 1px #e8e8e8; height: auto; top: -1px; left: -1px;}
.wth-bar-filter li {font: 12px/36px "microsoft yahei"; color: #777;  vertical-align: middle; display: inline-block; *display: inline/*IE6,7*/; margin-left: 5px; *zoom: 1;}
.wth-bar-filter li a { font: 12px/20px "microsoft yahei"; color: #777; display: block; height: 20px; padding: 10px 8px 10px 4px;}
.wth-bar-filter li a i { background: url(../images/wt_bg_img.png) no-repeat -44px 0; vertical-align: middle; display: inline-block; width: 12px; height: 12px; margin-right: 4px;}
.wth-bar-filter li a:hover,
.wth-bar-filter li a.selected { color: #E4393C; text-decoration: none;}
.wth-bar-filter li a:hover i,
.wth-bar-filter li a.selected i { background: url(../images/wt_bg_img.png) no-repeat -56px 0;}
.wth-sortbar-location { font: 12px/36px "microsoft yahei"; color: #777; vertical-align: top; display: inline-block; *display: inline/*IE6,7*/; padding: 2px 0 0 10px; *zoom: 1;}

/* 商品筛选下拉形式 */

.sort-bar .select-layer { background-color:#FFF; border: solid 1px #D6D6D6; display: inline-block; *display: inline/*IE6,7*/; margin:8px 6px 8px 0; position:relative; z-index: 19; *zoom: 1;}
.sort-bar .select-layer { *display:inline/* if IE7 */;}
.sort-bar .select-layer .holder { background-color: #FFF; }
.sort-bar .select-layer .holder em { font-style: normal; line-height: 16px; white-space: nowrap; display: block; padding: 2px 16px 2px 4px;}
.sort-bar .select-layer .holder em { *display:inline/* if IE7 */; }
.sort-bar .select-layer .selected { background-color:#FFF; display:none; height:22px; padding-bottom: 1px; border:solid #ABABAB; border-width: 1px 1px 0 1px; position:absolute; z-index: 2; top:-1px; left:-1px;}
.sort-bar .select-layer .selected a { line-height: 16px; color: #F60; white-space: nowrap; display: block; padding:1px 17px 5px 5px;}
.sort-bar .select-layer .selected a { *display: inline/* if IE7 */;}
.sort-bar .select-layer .direction { font-size: 0px; line-height: 0; width: 0px; height: 0px; border: 4px solid; border-color: #666 #FFF #FFF #FFF; -webkit-transition: .2s ease-in; -moz-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; position: absolute; z-index: 3; top: 7px; right: 5px;}
.sort-bar .select-layer:hover .direction { border-color: #666 #FFF #FFF #FFF; FILTER: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -moz-transform: rotate(180deg); -moz-transform-origin: 50% 30%; -webkit-transform: rotate(180deg); -webkit-transform-origin: 50% 30%; -o-transform: rotate(180deg); -o-transform-origin: 50% 30%; transform: rotate(180deg); transform-origin: 50% 30%;}
.sort-bar .select-layer:hover .selected {display: block;}
.sort-bar .select-layer .options { background-color: #FFF; white-space: nowrap; display:none; border:solid #ABABAB 1px; position:absolute; z-index:1; top: 22px; left: -150px; box-shadow: 2px 2px 0 rgba(102,102,102,0.3); -moz-box-shadow:2px 2px 0 rgba(102,102,102,0.3)/* if FF*/; -webkit-box-shadow:2px 2px 0 rgba(102,102,102,0.3)/* if webkit*/; -o-box-shadow:2px 2px 0 rgba(102,102,102,0.3)/* if opera*/;}
.sort-bar .select-layer .options li { line-height: 20px; display: block; clear:both; padding: 2px 18px 1px 8px;}
.sort-bar .select-layer .options li.order-default { background: #F5F5F5; padding-top:0; margin-top:4px; border-top:solid 1px #E7E7E7;}
.sort-bar .select-layer:hover .options { display: inline-block;}
.sort-bar .select-layer:hover .options { *display: inline/* if IE6-7 */;}
#addressDraw { width:368px;}
#addressDraw dt { line-height: 20px; font-weight:700; padding:12px 0 5px}
#addressDraw .oreder-default{ padding:4px 15px 3px}
#addressDraw .location-hots{ padding: 1px 0 0 15px;}
#addressDraw .location-hots dd{display:inline-block;*zoom:1;*display:inline;padding:3px 0;width:85px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#addressDraw .location-all{padding-left:15px}
#addressDraw .location-all ul{ float:left; width:85px}
#addressDraw .location-all li{*zoom:1;overflow:hidden;margin-bottom:10px;line-height:16px;white-space:nowrap;vertical-align:top;clear:both}
#addressDraw .location-all .lt{float:left;padding-top:1px;width:14px}
#addressDraw .location-all .lc{margin-left:16px;padding-left:8px;border-left:1px dotted #999}
#addressDraw .location-all .lc span{display:block;padding:3px 0}
#addressDraw .location-all .lc span a{display:inline;padding:0}
#addressDraw .oreder-default{ padding:4px 15px 3px; background:#f1f1f1; line-height: 20px; display: block; clear:both; padding: 2px 18px 1px 8px;}
#addressDraw a:hover {color: #FF8040;text-decoration: underline;}

/* ==================== */
/* 瀑布流形式的促销聚合页  */
/* ==================== */
/* 优惠券分类选择 */
.wtp-category { margin-bottom: 6px; padding: 10px; border-bottom: 1px solid #e5e5e5; border-radius: 3px; background: #fff;}
.wtp-category dl { font-size: 0;  word-spacing:-1em; padding-bottom: 5px; margin-top: -1px; border-top: dotted 1px #CCC;}
.wtp-category dt, .wtp-category dd { font-size: 12px; vertical-align: top; display: inline-block; *display: inline/*IE7*/; padding: 5px 0; *zoom: 1;}
.wtp-category dt { font-weight: 600; text-align: right; width: 100px; padding: 10px 0;}
.wtp-category .searchbox dt { line-height: 28px;}
.wtp-category dd { width: 1100px;}
.wtp-category ul { font-size: 0;  word-spacing:-1em;}
.wtp-category li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE7*/; padding: 0; margin-right:12px; overflow: hidden; *zoom: 1;}
.wtp-category li a { padding: 2px 6px; font: normal 14px/22px "microsoft yahei"; display: block; border-radius: 3px;}
.wtp-category .searchbox li { cursor: pointer;}
.wtp-category li.selected { color: #FFF; background-color: #E4393C;}
.wtp-category li a.selected { color: #FFF; background-color: #E4393C; padding: 2px 6px; cursor: default;}

#saleGoods { width: 1220px !important; margin-right: -20px;}
#saleGoods .item { width: 305px; padding: 10px 0;}
#saleGoods .scope { width: 246px; padding: 19px; background: #fff; border-radius: 3px;}
#saleGoods .scope:hover { border-color: #E84C3D; box-shadow: 0 0 0 3px rgba(0,0,0, 0.05);}
#saleGoods .scope dl.goods { display: block; width: 240px; height: auto; position: relative; z-index: 1;}
#saleGoods .scope dl dt { width: 240px; height: 240px;}
#saleGoods .scope dl dt a {line-height: 0; text-align: center; vertical-align: middle; display: table-cell; *display: block; width: 240px; height: 240px; padding: 0; overflow: hidden;}
#saleGoods .scope dl dt a img { max-width: 240px; max-height: 240px; margin-top:expression(240-this.height/2); *margin-top:expression(120-this.height/2)/*IE6,7*/;}
#saleGoods .scope dl dd { text-align: center; width: 240px; height: 40px; position: absolute; z-index: 1; left: 0; bottom: 0; overflow: hidden;}
#saleGoods .scope dl dd span { border: 1px solid #df3033;color: #df3033; background:#fff; display: inline-block; padding: 0 4px; border-radius: 4px; margin: 0 auto;}
#saleGoods .scope dl dd span strong { font-size: 12px;line-height: 18px; display: block; }
#saleGoods .scope dl dd a { color: #999; background-color: #FFF; line-height: 18px; display: block; width: 240px; padding: 14px 0 0; margin-top: -14px; clear: both; text-align: center;}
#saleGoods .scope:hover dl dd { height: auto;}
#saleGoods .scope:hover dl dd a { color: #000;}
#saleGoods .scope dl dd a:hover { color: #F32613;}
#saleGoods .goods-price { display: block; text-align: left; margin-top: 10px;}
#saleGoods .goods-price .sale {  float: left; color: #333; margin-right: 10px;}
#saleGoods .goods-price .sale em { font-size: 24px; color: #DB4453; vertical-align: bottom; margin: 0 6px 0 2px;}
#saleGoods .goods-price .sale i {text-decoration: line-through; font-size: 14px; vertical-align: middle; color: #b7bcb8;}
#saleGoods .goods-price .depreciate { float: right; display: block; color: #6DA427; }
#saleGoods .goods-price .depreciate i { font-size: 14px; margin-right: 4px; vertical-align: middle;}
#saleGoods .goods-buy { width: 100%; padding: 15px 0; overflow: hidden;}
#saleGoods .goods-buy span { line-height: 16px; color: #999; float: left; clear: left; }
#saleGoods .goods-buy a.btn { font-size: 14px; background-color: #CF0010; color: #FFF; display: block; float: right; padding: 6px 12px; border-radius: 4px; }
#saleGoods .goods-buy a.btn:hover { text-decoration: none; background-color: #DB4453;}
#saleGoods .goodseval { margin-bottom: -10px;}
#saleGoods .goodseval li{ font-size: 0; border-top: dotted 1px #E6E6E6; padding: 10px 0;}
#saleGoods .goodseval .user-avatar { width: 30px; height: 30px; display: inline-block; vertical-align: top; margin-right: 10px;}
#saleGoods .goodseval .user-avatar img { width: 30px; height: 30px; border-radius: 50%;}
#saleGoods .goodseval .eval { font-size: 12px; display: inline-block; width: 200px; vertical-align: top;}
#saleGoods .goodseval .eval i { color: #CCC; font-size: 14px; margin: 0 2px;}


form .field_notice { color:#9C9C9C; margin-left:5px; }
form .red { color:red; border:0px; background-color:#FFFFFF; }
form label.error { color:red; margin-left:5px; }
form input.error { border:red 1px dotted; }
form label.checking { padding-left:18px; background:transparent url(../images/checking.gif) no-repeat; margin-left:5px; font-style:italic; color:#9C9C9C; display:none; }
form label.validate_right { padding-left:20px; background:transparent url(../images/right.gif) no-repeat; margin-left:6px; font-style:italic; color:#78A42F; float:none; }

.receive_add .radio input{ position: relative; +top: -3px; }


/*文章新闻内容*/
.wth-container .article-left {float: left;}
.wth-container .article-right {float: right;width: 980px;}
.wth-article-con { background: #FFF; display: block; padding: 19px; border: 1px solid #E6E6E6; margin-bottom: 10px; overflow: hidden; }
.wth-article-con .default {min-height:500px}
.wth-article-con h1 { font: 600 16px/32px "microsoft yahei"; color: #3d3f3e; text-align: center; }
.wth-article-con h2 { color: #9a9a9a; font-size: 12px; padding: 5px 0 20px; margin-bottom: 20px; font-weight: normal; text-align: center; border-bottom: 1px solid #d2d2d2; }
.wth-article-con .title-bar { border-bottom: solid 1px #E6E6E6; padding-bottom: 15px; margin-bottom: 15px;}
.wth-article-con .title-bar h3 { font: normal 18px/20px "microsoft yahei";}
.wth-article-con .default p { display: block; clear: both; padding: 5px;}
.wth-article-con img { max-width: 930px;}
.wth-article-list {}
.wth-article-list li { line-height: 20px; display: block; height: 20px; padding: 5px 0;}
.wth-article-list li i { background: url(../images/wt_bg_img.png) no-repeat -80px 0; vertical-align: middle; display: inline-block; width: 3px; height: 3px; margin-right: 10px;}
.wth-article-list li a { color: #333;}
.wth-article-list li time { font-size: 11px; color: #AAA; float: right; -webkit-text-size-adjust:none;}

.more_article { border-top: 1px solid #d2d2d2; padding: 10px 0 0 20px; margin-top: 10px; overflow: hidden; }
.more_article span { color: #3f3f3f; font-weight: normal; margin-bottom: 10px; }
.more_article span a { color: #006bcd; text-decoration: none;}
.more_article span a:hover { color: #f60; text-decoration: underline; }
.more_article time { font-size: 11px; color: #999; padding-left: 20px; }


/* 翻页样式 */
.sort-bar .pagination { display: inline-block; float: right; padding: 0; margin: 10px 5px 0 0; }
.sort-bar .pagination ul { font-size: 0;  word-spacing:-1em; }
.sort-bar .pagination ul li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; margin: 0 2px;}
.sort-bar .pagination ul li { *display: inline/*IE6、7*/; *zoom:1;}
.sort-bar .pagination li span { font: normal 12px/16px "microsoft yahei"; color: #AAA; background-color: #FAFAFA; text-align: center; display: block; min-width: 16px; padding: 2px 6px; border: 1px solid #E6E6E6; position: relative; z-index: 1;}
.sort-bar .pagination li a span { color: #005AA0; text-decoration: none; background-color: #FFF; position: relative; z-index: 1;}
.sort-bar .pagination li a:hover span{ color: #FFF; text-decoration: none; background-color: #E4393C; border-color: #CA3300; position: relative; z-index: 9; cursor:pointer;}

.ad_middle { display: inline; width: 240px; height: 135px; float: left; margin: 0 8px 0 0;}


/* 商品列表页面包屑所在位置 */
#nav-search { text-align: center; padding: 10px 0; margin: 0 auto;}
#nav-search .wth-breadcrumb { font-size: 0; *word-spacing:-1px/*IE6、7*/; min-height: 26px; float: left; margin: 0 8px 5px 0; padding: 0; line-height: 26px;}
#nav-search .wth-breadcrumb .sort-box { position: relative; z-index: 1; display: inline-block; *display: inline; *zoom: 1; height: 26px; }
#nav-search .wth-breadcrumb .sort-box:hover { z-index: 20;}
#nav-search .wth-breadcrumb .sort-box .current { position: relative; z-index: 2; display: block; height: 22px; border: solid 1px #E6E6E6; padding: 1px 7px; background-color: #FFF; line-height: 20px; color: #555; }
#nav-search .sort-box .current .drop-arrow { display: inline-block; width: 20px; height: 20px; margin: 1px 0 0 4px ; vertical-align: top; background: url(../images/search.ico.png) no-repeat 4px 7px;  -webkit-transition: background-position .15s ease-in-out; -moz-transition: background-position .15s ease-in-out; transition: background-position .15s ease-in-out;}
#nav-search .sort-box:hover .current { padding: 1px 7px 2px 7px; border-width: 1px 1px 0 1px; border-color: #FF6D02;}
#nav-search .sort-box:hover .current .drop-arrow { background-position: 4px -44px;}
#nav-search .sort-sub { display: none; position: absolute; z-index: -1; top: 25px; left: 0; width: 348px; background-color: #FFF; border: solid 1px #FF6D02;}
#nav-search .sort-box:hover .sort-sub { display: block;}
#nav-search .sort-sub ul { font-size: 0; *word-spacing:-1px/*IE6、7*/; padding: 5px;}
#nav-search .sort-sub li { display: inline-block; *display: inline; *zoom: 1; width: 18%; height: 24px; padding: 0 1%; font-size: 12px; }
#nav-search .sort-sub li a { display: block; color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;line-height: 24px;}

/*商品列表页面侧边栏-分类树形菜单*/
.tree { padding: 5px 10px;}
.tree li { line-height: 20px; display: block; clear: both; padding: 0 0; 10px 0}
.tree ul { margin-left: 16px;}
.tree ul li { padding: 2px 0 !important;}
.tree li i { background: #FFF; vertical-align: middle; display: inline-block; width: 11px; height: 11px; margin-right: 5px;}
.tree li a { text-decoration: none; color:#555; display: inline-block;}
.tree li i.tree-parent { background: url(../images/wt_bg_img.png) no-repeat -11px 0;}
.tree li i.tree-parent:hover { background-position: -33px 0 !important; cursor: pointer;}
.tree li i.tree-parent-collapsed { background: url(../images/wt_bg_img.png) no-repeat 0 0;}
.tree li i.tree-parent-collapsed:hover { background-position: -22px 0; cursor: pointer;}

.tree li a:focus,
.tree li a.tree-parent:focus,
.tree li a.tree-item-active { color:#000;}
.tree li a.selected { font-weight: bold; color: #E4393C;}
.tree ul.tree-group-collapsed {display:none;}



/*商品列表页面侧边栏-品牌列表类*/
.wth-sidebar-brand { font-size: 0;  word-spacing:-1em; width: 208px; margin: -1px 0 0 -1px;}
.wth-sidebar-brand li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; width: 102px; height: 54px; border: solid #E6E6E6; border-width: 1px 0 0 1px;}
.wth-sidebar-brand li { *display: inline/*IE6、7*/; *zoom:1;}
.wth-sidebar-brand li a { display: block;}
.wth-sidebar-brand .brand-logo { line-height: 0; text-align: center; vertical-align: middle; display: table-cell; *display: block; width: 102px; height: 34px; padding: 0; overflow: hidden;}
.wth-sidebar-brand .brand-logo img { max-width: 102px; max-height: 34px; margin-top:expression(34-this.height/2); *margin-top:expression(17-this.height/2)/*IE6,7*/;}
.wth-sidebar-brand .brand-name { font: normal 12px/20px "microsoft yahei"; color: #AAA; text-overflow: ellipsis; white-space: nowrap; text-align: center; display: block; height: 20px; padding: 0 12px; overflow: hidden;}
.wth-sidebar-brand a:hover .brand-name { color: #FFF; background-color: #E4393C;}


/*商品列表页面侧边栏-推广商品*/
.wth-booth { padding-top: 12px; border-left: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; margin-bottom: 10px;}
.wth-booth-list { padding: 0 9px 9px 9px; overflow: hidden; }
.wth-booth-list li { display: block; margin-bottom: 5px; padding-top: 5px; position: relative; z-index: 1;}
.wth-booth-list .goods-pic { width: 170px; height: 170px; padding: 0; margin: 0 auto;}
.wth-booth-list .goods-pic a { line-height: 0; text-align: center; vertical-align: middle; display: table-cell; *display: block;  width: 170px; height: 170px; overflow: hidden;}
.wth-booth-list .goods-pic img { max-width: 170px; max-height: 170px;}
.wth-booth-list .goods-sale { font: 700 12px/15px "microsoft yahei"; color: #FFF; background: url(../images/wt_bg_img.png) no-repeat 0 -21px; text-align: center; width: 30px; height: 30px; padding: 6px 5px 15px 9px; position: absolute; z-index: 2; top: 5px; right: 15px;}
.wth-booth-list .goods-name { *line-height: 18px; max-height: 36px; width: 170px; margin: 0 auto; overflow: hidden;}
.wth-booth-list .goods-price { font-weight: 600; color: #E4393C; text-align: left; padding: 0; width: 170px; margin: 5px auto}
.wth-booth-list .goods-price span {font-weight:normal; color: #9A9A9A; float: right; height: 16px; line-height: 16px; border: 1px solid #e5e5e5;border-radius:2px;padding: 0px 3px; margin-top: 1px;}

.wth-booth-list li p { width: 80px; margin: 0 10px; float: left; display: inline; }
.wth-booth-list li p a { display: block; width: 78px; height: 78px; overflow: hidden; border: 1px solid #bbb; }
.wth-booth-list li p a:hover {  border: 1px solid #999; }
.wth-booth-list h3 { width: 90px; float: right; }
.wth-booth-list h3 a { display: block; width: 90px; height: 48px; line-height: 16px; overflow: hidden; font-weight: normal; color: #666; text-decoration: none; font-size: 12px; margin-bottom: 10px; }
.wth-booth-list h3 a:hover { text-decoration: underline; color: #f60; }
.wth-booth-list h3 span { display: block; color: #fe5504; font-weight: bold; font-size: 14px; }


/*商品列表页面侧边栏-最近浏览*/
.wth-sidebar-viewed { position: relative; z-index: 1; max-width: 1200px; overflow: hidden;}
.wth-sidebar-viewed ul { padding: 8px;}
.wth-sidebar-viewed li { font-size: 0;  word-spacing:-1em; float: left; width: 80px; text-align: center; height: 86px; padding: 5px;}
.wth-sidebar-viewed .goods-pic,
.wth-sidebar-viewed dl { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: block;}
.wth-sidebar-viewed .goods-pic { width: 60px; height: 60px; border: solid 1px #E6E6E6; margin: 0 auto;}
.wth-sidebar-viewed .goods-pic a { line-height: 0; text-align: center; vertical-align: middle; display: table-cell; *display: block; width: 48px; height: 48px; overflow: hidden;}
.wth-sidebar-viewed .goods-pic img { max-width: 60px; max-height: 60px; margin-top:expression(60-this.height/2); *margin-top:expression(54-this.height/2)/*IE6,7*/;}
.wth-sidebar-viewed dl { width: 80px; height: 18px;}
.wth-sidebar-viewed dt { font: normal 12px/18px arial; height: 36px; overflow: hidden; }
.wth-sidebar-viewed dd { font: bold 12px/18px verdana; color: #E4393C; height: 18px; overflow: hidden; }
.wth-sidebar-all-viewed { color: #999; text-align: center; display: block; height: 20px; padding: 9px 0; border-top: solid 1px #E6E6E6;}

/*侧边栏文章列表*/
/*左侧边栏菜单*/
.sidebar { width: 206px;}
.sidebar .content { width: 190px; margin: 0 auto; }
.sidebar .content dl { overflow: hidden; }
.sidebar .content dt { line-height: 20px; font-weight: 600; color: #555; height: 20px; padding: 10px 0 9px 0; border-bottom: solid 1px #F5F5F5; cursor: default; }
.sidebar .content dt.current { color: #f60;}
.sidebar .content dt i { background: url(../images/joinin_pic.png) no-repeat; vertical-align: middle; display: inline-block; *display: inline/*IE7*/;
width: 11px; height: 11px; margin-right: 10px; margin-left: 6px; *zoom: 1/*IE7*/;
}
.sidebar .content dt i.hide { background-position: -300px 0 }
.sidebar .content dt i.show { background-position: -280px 0 }
.sidebar .content dt.current i.hide { background-position: -300px -15px; }
.sidebar .content dt.current i.show { background-position: -280px -15px; }
.sidebar .content dd {}
.sidebar .content ul { width: 100%;}
.sidebar .content ul li { padding: 6px 0; }
.sidebar .content ul li a { color: #666; display: inline-block; line-height: 16px;text-overflow: ellipsis;white-space: nowrap;height: 16px;width: 160px; overflow: hidden; }
.sidebar .content ul li i { background: url(../images/joinin_pic.png) no-repeat -320px 0; vertical-align: super; display: inline-block; width: 3px; height: 5px; margin-right: 10px; margin-left: 14px; }
.sidebar .content ul li.current { color: #FFF; background-color: #27A9E3; }

.sticky #main-nav { background-color: #F7F7F7; width: 1200px; margin-left: -600px; border-bottom: solid 1px #DDD; position: fixed; _position: relative; top: 0; left: 50%; z-index:999; }
.sticky #main-nav ul { margin:0 auto;}
.sticky .wth-category-nav { display: inline-block; *display: inline; *zoom: 1;}
.sticky .gotop a { background: url(../images/wt_sortbar.gif) no-repeat 0px -150px; display:block; width: 32px; height: 40px; position: absolute; top:-1px; right:-32px; box-shadow: 0 2px 2px rgba(0,0,0,0.2);}
.sticky .gotop a:hover{ background-position: -32px -150px;}
.gotop a { display:none;}


.group-hot ul {}
.group-hot ul li { width: 180px; font-family: Arial; padding: 12px 0; margin: 0 auto; border-top: 1px dashed #E7E7E7;}
.group-hot .box { width: 168px; height: 123px; padding: 5px; border: 1px solid #E7E7E7; position: relative;}
.group-hot .box .mask { background-color: #C00; width: 168px; height: 24px; position: absolute; z-index: 2; bottom: 5px; left: 5px;}
.group-hot .box .pic { width: 168px; height: 123px; position: absolute; overflow: hidden; z-index: 1; top: 5px; left: 5px;}
.group-hot .box .price { color: #FFF; width: 168px; height: 24px; position: absolute; z-index: 3; bottom: 5px; left: 5px;}
.group-hot .box .price .l { font-size: 18px; font-weight: 700; line-height: 24px; float: left; padding-left: 6px;}
.group-hot .box .price .r { font-size: 12px; line-height: 24px; text-decoration: line-through; float: right; padding-right: 6px;}
.group-hot .name { line-height: 18px; width: 180px; height: 36px; margin: 0 0 5px 0; overflow: hidden;}
.group-hot .info { width: 180px; height: 28px; margin-top: 5px;}
.group-hot .info span { font-size: 12px; line-height: 20px; float: left; padding-top: 4px; padding-bottom: 4px; padding-left: 6px;}
.group-hot .info span em { font-size: 18px; font-weight: 600; font-style: normal; color: #C00;}
.group-hot .info a { font-size: 14px; font-weight: 700; line-height: 28px; color: #FFF; background: url(../images/group_bg.png) no-repeat 0px -300px; text-align: center; width: 70px; height: 28px; float: right;}

/*全部分类、全部品牌等*/
.wth-all-menu { border-bottom: solid 1px #E4393C;}
.wth-all-menu .tab-bar { font-size: 0;  word-spacing:-1em; width: 1200px; margin: 0 auto; text-align: center;}
.wth-all-menu .tab-bar li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE7*/; padding: 0; margin-left: 10px; overflow: hidden; box-shadow: 1px 0 1px rgba(0,0,0,0.05); *zoom:1;}
.wth-all-menu .tab-bar li a { font: normal 14px/20px "microsoft yahei"; color: #777; background-color: #F5F5F5; display: block; height: 20px; padding: 5px 12px; border: solid #D7D7D7; border-width: 1px 1px 0 1px;}
.wth-all-menu .tab-bar li a:hover { color: #E4393C;}
.wth-all-menu .tab-bar li.current a,
.wth-all-menu .tab-bar li.current a:hover { font-weight: 600; text-decoration: none; color: #FFF; background-color: #E4393C; border-color: #E4393C; cursor: default;}
.wth-category-select  {  margin-top: 10px;}
.wth-category-select ul li{height: 25px;line-height: 25px; margin-left: 10px;margin-top: 5px; display: inline-block;*display: inline/*IE7*/;}
.wth-category-select ul a {display: block; font-size: 12px; height: 28px; line-height: 28px; overflow: hidden; padding: 4 10px; text-align: center; min-width: 70px; text-align: center; background: #FAFAFA; border: 1px solid #eee}
.wth-category-select ul a:hover { background: #E4393C; color: #fff;}
.wth-category-all { width: 1200px; margin-top: 10px; overflow: hidden;}
.wth-category-all ul { font-size: 0;  word-spacing:-1em; width: 1220px; margin-left: -20px;}
.wth-category-all li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; width: 582px; padding: 0;  border: 3px solid #fff; margin: 0 0 15px 20px; overflow: hidden;}
.wth-category-all li .title { font: 600 14px/20px "microsoft yahei"; display: block; height: 20px; padding: 5px 10px; border-bottom: solid 1px #E6E6E6;}
.wth-category-all li .title a { color: #666;}
.wth-category-all li .title a:hover { color: #E4393C;}
.wth-category-all li .title i { background-color: #E4393C; vertical-align: middle; display: inline-block; width: 4px; height: 14px; margin: 0 5px 0 2px; border-radius: 2px;}
.wth-category-all li dl { font-size: 0;  word-spacing:-1em; display: block; width: 98%; margin: -1px auto 0 auto; border-top: dotted 1px #E5E5E5;}
.wth-category-all dl dt { font-size: 12px; vertical-align: top; letter-spacing: normal; word-spacing: normal; text-align: right; display: inline-block; *display: inline/*IE7*/; width: 14%; padding: 0; overflow: hidden; *zoom: 1/*IE7*/;}
.wth-category-all dl dt a { font-weight: 600; color: #E4393C; text-overflow: ellipsis; white-space: nowrap; display: block; height: 20px; padding: 4px; overflow: hidden;}
.wth-category-all dl dd { font-size: 12px; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE7*/; width: 84%; padding: 0; overflow: hidden; *zoom: 1;}
.wth-category-all dl dd a { display: inline-block; color: #777; height: 20px; padding: 2px 4px; margin: 2px 2px 0 0;}
.wth-category-all dl dd a:hover { color: #E4393C;}
.wth-category-all li:hover { background: #fffaec;  border: 3px solid #ffe9ca }
.wth-recommend-borand {margin-top: 10px; position: relative; z-index: 1;}
.wth-barnd-list { margin-top: 20px;}
.wth-barnd-list ul { font-size: 0;  word-spacing:-1em; width: 1226px; overflow: hidden; margin: 0 auto;}
.wth-barnd-list ul li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE7*/; width: 175px; padding: 0; margin: 0 0 20px 0; overflow: hidden; *zoom: 1;}
.wth-barnd-list dt a { line-height: 0; background-color: #FFF; text-align: center; vertical-align: middle; display: table-cell; *display: block; width: 150px; height: 150px; overflow: hidden; border-radius: 3px;}
.wth-barnd-list dt a:hover{box-shadow: 0 0 6px #ddd;}
.wth-barnd-list dt a img { max-width: 150px; max-height: 50px; margin-top:expression(50-this.height/2); *margin-top:expression(25-this.height/2)/*IE6,7*/;}
.wth-barnd-list dl dd { font-size: 12px; text-align: center; text-overflow: ellipsis; white-space: nowrap; height: 20px; padding: 4px 0 0 0;  overflow: hidden;}
.wth-barnd-list dl dd a {width: 150px;display: table-cell; *display: block; font-size: 14px; }
.wth-brand-class {  margin-bottom: 10px;}
.wth-brand-class-tab { margin-bottom: 6px; padding: 10px; border-bottom: 1px solid #e5e5e5; border-radius: 3px; background: #fff;}
.wth-brand-class-tab .tabs-nav { font-size: 0;  word-spacing:-1em;}
.wth-brand-class-tab .tabs-nav li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE7*/; padding: 0; margin-right:20px; overflow: hidden; *zoom: 1;}
.wth-brand-class-tab .tabs-nav li a { padding: 2px 6px; font: normal 16px/22px "microsoft yahei"; display: block; border-radius: 3px;}
.wth-brand-class-tab .tabs-nav li a em { font-size: 11px; margin-left: 4px; -webkit-text-size-adjust:none;}
.wth-brand-class-tab .tabs-nav li a:hover { text-decoration: none;}
.wth-brand-class-tab .tabs-nav li.tabs-selected a { color: #FFF; background-color: #E4393C; padding: 2px 6px; cursor: default;}
.wth-brand-class .wth-barnd-list { display: block;}
.wth-brand-class .tabs-hide { display: none;}
.wth-barnd-list-text { font-size: 0;  word-spacing:-1em; width: 1150px; margin: 0 auto;}
.wth-barnd-list-text strong,
.wth-barnd-list-text a { font-size: 14px; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE7*/; padding: 0; margin: 0 20px 15px 0; overflow: hidden; *zoom: 1;}
.wth-barnd-list-text strong { margin-left: 10px;}

/*商品对比页面*/
.wth-compare-title { font: 14px/20px "microsoft yahei"; color: #333; background-color: #F5F5F5; padding: 8px 15px; border-style: solid; border-color: #DDD; border-width: 1px 1px 0 1px}
.wth-compare-table { display: block; border-left: solid #DDD 1px;}
.wth-compare-table tbody th { color: #999; text-align: left; width: 140px; padding: 8px 15px; border-right: solid 1px #DDD;  border-bottom: solid 1px #DDD;}
.wth-compare-table tbody td { text-align: center; width: 240px; padding: 8px; border-right: solid 1px #DDD;  border-bottom: solid 1px #D7D7D7;}
.wth-compare-table .goods_tr th,
.wth-compare-table .goods_tr td { background-color: #FFF !important;}
.wth-compare-table .diffrow th,
.wth-compare-table .diffrow td { background: #EBFBE2 !important; bac }
.wth-compare-table .goods-content { display: block; position: relative; z-index: 1;}
.wth-compare-table .goods-content .del { line-height: 16px; color: #999; display: none; position: absolute; z-index: 1; top: 0; right: 0; cursor: pointer;}
.wth-compare-table .goods-content:hover .del { display: block;}
.wth-compare-table .goods-content .del i { font-size: 14px; display: block;}
.wth-compare-table .goods-pic { background: #FFF; width: 120px; height: 120px; margin: 0 auto 10px auto;}
.wth-compare-table .goods-pic a { line-height: 0; text-align: center; vertical-align: middle; display: table-cell; *display: block; width: 120px; height: 120px; overflow: hidden;}
.wth-compare-table .goods-pic img { max-width: 120px; max-height: 120px; margin-top: expression( 120-this.height/2); *margin-top:expression(60-this.height/2)/*IE6,7*/;}
.wth-compare-table .goods-name a { color: #005EA6; line-height: 20px;}
.wth-compare-table .goods-price { font: 600 14px/20px Arial; color: #C00;}
.wth-compare-table .no-compare {}
.wth-compare-table .no-compare h3 { font: 24px/28px "microsoft yahei"; color: #CCC;}
.wth-compare-table .no-compare a { color: #005EA6;}
.wth-compare-bottom { font-size: 0;  word-spacing:-1em; background-color: #FEF6E5; text-align: center; padding: 20px 0; border-style: solid; border-color: #F1E2C1; border-width: 0 1px 1px;}
.wth-compare-bottom a { font-size: 12px; text-decoration: none; color: #FFF; background-color: #F32613; vertical-align: top; display: inline-block; *display: inline/*IE7*/; height: 20px; padding: 5px 10px; margin-right: 10px; border-radius: 4px; *zoom: 1;}
.wth-compare-bottom a i { font-size: 14px; vertical-align: middle; margin-right: 4px;}
.wth-compare-bottom a.delall { background-color: #F8CABE; color: #F32613;}
.wth-compare-null { width: 1198px !important;}
.wth-compare-null p { font: 16px/28px "microsoft yahei"; background-color: #FEF6E5; width: 480px; padding: 40px; margin: 80px auto; border: solid 1px #F1E2C1;}
.wth-compare-null p i { font-size: 24px; margin-right: 10px; color: #F1E2C1;}

/*商品所在地*/
.wts-freight-select { height: 28px; float: left; margin-right: 6px; margin-top: 5px; position: relative; z-index: 12 }
.wts-freight-select .text { line-height: 26px; background-color: #FFF; height: 26px; float: left; padding: 0 20px 0 15px; border: solid 1px #eee; position: relative; z-index: 1; overflow: hidden; cursor: pointer }
.wts-freight-select.hover .text { display: none }
.wts-freight-select .text b { font-size: 0; line-height: 0; background: url(../images/shop/wt_public_img.png) no-repeat -50px -100px; display: block; width: 8px; height: 4px; position: absolute; top: 10px; right: 6px; overflow: hidden }
.wts-freight-select.hover .close, .wts-freight-select.hover .content { display: block }
.wts-freight-select .content { background-color: #FFF; display: none; width: 412px; padding: 0; border: 1px solid #D7D7D7; position: absolute; z-index: 2; top: 0; left: 0; box-shadow: 4px 4px 0 rgba(0,0,0,.05) }
.wts-freight-select .wts-stock { position: relative }
.wts-freight-select .wts-stock .tab { background-color: #FAFAFA; width: 100%; height: 26px; float: left; border-bottom: solid 1px #eee; overflow: visible }
.wts-freight-select .wts-stock .tab li { float: left; clear: none; padding: 0 }
.wts-freight-select .wts-stock .tab .current a.hover, .wts-freight-select .wts-stock .tab a { font-size: 12px; line-height: 26px; color: #999; text-align: center; float: left; height: 26px; padding: 0 15px 0 15px; border-style: solid; border-width: 0 1px 0 0; border-color: #eee; position: relative; cursor: pointer; -moz-border-colors: none }
.wts-freight-select .wts-stock .tab a.hover { line-height: 26px; color: #000; text-decoration: none; background-color: #FFF; height: 26px; padding: 0 15px 1px 15px; border-color: #eee; border-style: solid; border-width: 0 1px 0 0 }
.wts-freight-select .wts-stock .tab a i { font-size: 0; line-height: 0; background: url(../images/shop/wt_public_img.png) no-repeat -50px -100px; vertical-align: middle; display: inline-block; width: 8px; height: 4px; margin-left: 6px }
.wts-freight-select .wts-stock .area-list { display: block; clear: both; padding: 10px 15px; overflow: hidden }
.wts-freight-select .wts-stock .area-list li { line-height: 20px; white-space: nowrap; text-overflow: ellipsis; width: 72px; height: 20px; padding: 4px 0 4px 4px; float: left; overflow: hidden }
.wts-freight-select .wts-stock .area-list li.longer-area { width: 148px }
.wts-freight-select .wts-stock .area-list li a { line-height: 16px; color: #555; padding: 2px 5px }
.wts-freight-select .wts-stock .area-list li a:hover { color: #FFF; text-decoration: none; background-color: #E4393C }
.wts-freight-select .close { font-size: 12px; line-height: 20px; display: none; width: 24px; height: 20px; position: absolute; z-index: 19; top: 4px; left: 380px; cursor: pointer }
#wts-freight-prompt { line-height: 28px; color: #999; float: left }
.wts-freight-select .set {position: absolute; bottom: -5px; right: 8px; color: #666;}
.wts-freight-select .region {max-width: 120px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}