/***** p-list *****/
.wall { background:#fafafa; border:#e5e5e5 1px solid; padding:10px; zoom:1;}
.wall:after { clear:both; content:""; display:table;}
.side-col .hd, .side-nav .hd, .side-nav .ft { background:#fafafa; border:#e5e5e5 1px solid; border-bottom:0; height:36px; padding:0 10px;}
.side-col .bordertop { border-top: 2px solid #ff7e00;}
.side-col .hd h2, .side-nav .hd h2 { font-family:tahoma,arial,'\5FAE\8F6F\96C5\9ED1'; font-size:14px; line-height:36px; color:#666; float:left;}
.side-col .bd, .side-col .cate-tags { background:#fff; border:#e5e5e5 1px solid; padding:4px 24px 20px 24px;}
.side-col .cate-tags { padding:10px 5px; overflow:hidden; zoom:1;}
.side-col .cate-tags p { float:left; width:84px; height:21px; line-height:21px; overflow:hidden; margin:2px 5px;}
.side-col .cate-tags p a { display:inline-block;height:21px; padding:0 5px; border-radius:2px;}
.side-col .cate-tags p a:hover, .side-col .cate-tags p a.curr { background:#ff7e00; color:#fff; text-decoration:none;}
.side-nav .bordertop { border-top:2px solid #ff7e00; border-bottom:#e5e5e5 1px solid;}
.side-nav dl { border:#e5e5e5 solid; border-width:0 1px 0 1px;}
.side-nav dt { background:#fafafa; border-bottom:#e5e5e5 1px solid;  font:14px/20px tahoma,arial,'\5FAE\8F6F\96C5\9ED1'; height:20px; padding:8px 19px; cursor:default;}
.side-nav dt.btl { border-top:#fa5300 2px solid;}
.side-nav dt .c-icon { background-position:-13px -120px; float:left; width:12px; height:12px; margin:4px 8px 0 0;}
.side-nav dl.active dt .c-icon { background-position:0 -120px;}
.side-nav .active dt a { font-weight:bold;}
.side-nav dd { display:none; border-bottom:#e5e5e5 1px solid; padding:5px 10px 5px 33px;}
.side-nav dd p { height:21px; line-height:21px; overflow:hidden; padding:3px 0;}
.side-nav dd a { border-radius:2px; display:inline-block; height:21px; line-height:21px; text-decoration:none; padding:0 6px;}
.side-nav dd a:hover, .side-nav dd a.active { background:#ff7e00; color:#fff;}
.side-nav .ft { border-bottom:#e5e5e5 1px solid; border-top:0;}
.side-nav .ft a { float:right; height:18px; line-height:18px; padding:3px 5px; margin:6px 0;}
.side-nav .ft a i { width:9px; height:6px; margin:7px 0 0 4px; *margin:5px 0 0 4px;}
.side-nav .ft a i.open { background-position:-69px 0;}
.side-nav .ft a i.close { background-position:-69px -12px;}
.side-nav dd .more { display:block; padding:5px;}
.side-nav dd .more a { position:relative; padding-right:15px; border:#e5e5e5 1px solid; color:#808080;}
.side-nav dd .more a:hover { background:#fafafa; border-color:#d9d9d9; color:#666;}
.side-nav dd .more a i { width:7px; height:4px; background-position:-69px -7px; position:absolute; top:8px; right:6px;}
.side-act p { width:200px; overflow:hidden; font-size:0; margin-bottom:10px;}
.s-p-list li { margin-top:20px;}
.s-p-list li .p-img { width:150px; height:150px; overflow:hidden; font-size:0;}
.s-p-list li .p-name { margin-top:5px;}
.s-p-list li .p-name span { color:#ff4000;}
.s-p-list li .p-price { height:24px; line-height:24px;}
.s-p-list li .p-price strong { color:#ff4000; font-size:16px; font-family:Arial;}
.s-p-list li .p-price del { color:#999; margin-left:5px;}
.wrap-select .hd { background:#fafafa; border:#e5e5e5 1px solid; border-bottom:0; height:38px; line-height:38px; padding:0 10px;}
.wrap-select .hd strong, .wrap-select .hd span, .wrap-select .hd p { float:left; display:inline;}
.wrap-select .hd strong { color:#ff7e00; font:18px/38px '\5FAE\8F6F\96C5\9ED1';}
.wrap-select .hd span { font:14px/38px '\5FAE\8F6F\96C5\9ED1'; margin:0 5px;}
.wrap-select a { float:right;}
.goods-attrs { border-bottom:#e5e5e5 1px dotted; border-left:#e5e5e5 1px solid; border-right:#e5e5e5 1px solid; padding-bottom:5px; zoom:1;}
.goods-attrs .ckey { color:#999; float:left; line-height:23px; width:88px; text-align:right; font-weight:bold; margin-top:15px;}
.goods-attrs .cvalue { float:right; width:1100px; padding:5px 0 10px 0;}
.goods-attrs .cvalue a { color:#999; float:left; line-height:23px; white-space:nowrap; text-decoration:none; padding:0 5px; margin:10px 5px 0 0; border-radius:2px;}
.goods-attrs .cvalue a:hover, .goods-attrs .cvalue a.curr { background:#ff7e00; color:#fff;}
.goods-attrs .cvalue button.chomore, .goods-attrs .cvalue button.choent, .goods-attrs .cvalue button.delcho { float:left; margin-top:5px;}
.goods-attrs .sel-more a { border:#ccc 1px solid; *padding:1px 5px 1px 1px; margin-right:6px; line-height:21px; cursor:pointer;}
.goods-attrs .sel-more a:hover, .goods-attrs .sel-more a.curr { background:none; border:#ff7e00 1px solid; color:#ff7e00;}
.goods-attrs a.c-btn { background:#f2f2f2; border:#d9d9d9 1px solid; line-height:21px; padding:0 10px; margin-left:5px;}
.goods-attrs a.c-btn:hover { background:#fafafa; border:#d9d9d9 1px solid; color:#666;}
.goods-attrs .s-more { float:left; width:830px; height:33px; overflow:hidden;}
.goods-attrs span.more { background:#fafafa; border:#d9d9d9 1px solid; border-radius:2px; cursor:pointer; color:#666; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; width:36px; text-align:center; line-height:21px; padding:0 5px; float:right; margin:15px 15px 0 0;}
.goods-attrs.clrl { border-bottom:0;}
.attrs-moretab { height:30px;}
.attrs-moretab .attrs-mb { background:#fafafa; border:#f5f5f5 1px solid; border-top:#e5e5e5 1px solid; height:6px; margin-top:-1px; text-align:center; position:relative;}
.attrs-moretab .attrs-mb p { color:#999; height:20px; line-height:16px; background:#fafafa; border:#f2f2f2 1px solid; border-top:0; padding:0 30px 0 15px; cursor:pointer; position:absolute; top:6px; left:50%; margin-left:-48px; display:inline-block; *display:inline; *zoom:1;}
.attrs-mb p .c-icon { width:9px; height:6px; position:absolute; top:6px; right:15px;}
.attrs-mb p .ico-mbdn { background-position:-69px 0;}
.attrs-mb p .ico-mbup { background-position:-69px -12px;}
.wrap-filter { padding:5px 10px;}
.wrap-filter .ckey, .wrap-filter .cvalue, .wrap-filter .ch-checkbox { float:left; display:inline;}
.wrap-filter .ckey { color:#999; line-height:27px;}
.wrap-filter .cvalue a { float:left; border:#d9d9d9 1px solid; background:#fff; color:#666; height:25px; line-height:25px; padding:0 9px 0 10px; margin-right:5px; text-decoration:none; cursor:pointer; position:relative;}
.wrap-filter .cvalue a:hover { border:#ff7e00 1px solid; color:#ff7e00;}
.wrap-filter .cvalue a.curr { border:#ff7e00 1px solid; background:#ff7e00; color:#fff;}
.wrap-filter .cvalue a.curr:hover { color:#fff;}
.wrap-filter .cvalue a s { background:url(img/cct_ui.png) -999em no-repeat; display:inline-block; width:7px; height:9px; overflow:hidden; display:none; position:absolute; top:8px; right:9px;}
.wrap-filter .cvalue a.curr s { display:inline-block;}
.wrap-filter .cvalue a.sel-up, .wrap-filter .cvalue a.sel-down { padding-right:20px;}
.wrap-filter .cvalue a.sel-up s { background-position:-34px -19px;}
.wrap-filter .cvalue a.sel-down s { background-position:-26px -19px;}
.wrap-filter .ch-checkbox { padding-top:4px; margin-left:20px;}
.wrap-filter .ch-checkbox a { float:left; margin-right:10px;}
.wrap-filter .ch-checkbox a.curr { color:#ff4000;}
.goods-attrs .cvalue a i, .wrap-filter .ch-checkbox i { background:url(img/cct_ui.png) -33px -106px no-repeat; display:inline-block; font-size:0; width:13px; height:13px; margin:-3px 3px 0 0; vertical-align:middle; *margin:2px 3px 4px 4px;}
.goods-attrs .cvalue a:hover i, .goods-attrs .cvalue a.curr i, .wrap-filter .ch-checkbox a:hover i, .wrap-filter .ch-checkbox a.curr i { background-position:-47px -106px;}
.wrap-filter .pronum { float:right; line-height:27px; color:#666;}
.wrap-filter .pronum span { color:#ff4000; margin:0 3px;}
.wrap-filter .citysel { margin-right:25px;}
.citysel { float:left; display:inline; position:relative; z-index:1;}
.citysel p, .citysel p span, .citysel p s { float:left; cursor:pointer; color:#666;}
.citysel p { background:#fff; border:#d9d9d9  1px solid; line-height:25px; height:25px; overflow:hidden; padding:0 8px; margin:0; position:relative;}
.citysel p s { background:url(img/cct_ui.png) -69px 0 no-repeat; display:block; width:9px; height:6px; overflow:hidden; margin:10px 0 0 5px;}
.citysel .citylist { display:none; border:#d9d9d9 1px solid; background:#fff; width:320px; padding:10px; left:0; top:25px; position:absolute;}
.citysel .citylist s.close { background:url(img/cct_ui.png) 0 -19px no-repeat; display:block; width:15px; height:15px; top:5px; right:5px; position:absolute; cursor:pointer;}
.citylist .city-hd { height:25px; border-bottom:#ccc 2px solid; overflow:visible; *overflow:hidden; *zoom:1;}
.citylist .city-hd div, .citylist .city-hd div span, .citylist .city-hd div s { float:left; cursor:pointer;}
.citylist .city-hd div { background:#fff; border:#d9d9d9 1px solid; border-bottom:0; height:24px; line-height:24px; position:relative; padding:0 11px; margin-right:2px;}
.citylist .city-hd div.curr { border:#ccc 2px solid; border-bottom:0; height:25px; line-height:22px; padding:0 10px;}
.citylist .city-hd div span { color:#0061a6;}
.citylist .city-hd div s { background:url(img/cct_ui.png) -69px -7px no-repeat; display:block; width:7px; height:4px; overflow:hidden; margin:10px 0 0 5px;}
.citylist .city-bd { margin-top:10px;}
.citylist .city-bd li { float:left; display:inline; width:70px; margin:2px 0 2px 10px; line-height:21px; height:21px; overflow:hidden;}
.citylist .city-bd li a { display:inline-block; padding:0 5px;}
.citylist .city-bd li a:hover { background:#0061a6; color:#fff; text-decoration:none;}
.mhover p { z-index:2; border-bottom:#fff 1px solid;}
.mhover .citylist { display:block;}
.wrap-goods { width:984px; margin:0 auto; padding:10px 0;}
.goods-list li { float:left; display:inline; border:#fff 1px solid; width:200px; padding:12px; margin:7px;}/*padding:15px;左右布局显示四个*/
.goods-list li .p-img { width:200px; height:200px; overflow:hidden; font-size:0;}
.goods-list li .p-price { height:30px; line-height:30px; margin-top:5px;}
.goods-list li .p-price strong { float:left; color:#ff4000; font-size:16px; font-weight:; font-family:Arial;}
.goods-list li .p-price .p-sale { float:right; margin-top:6px;}
.goods-list li .p-price .p-sale em { background:#ff7e00; border-radius:1px; color:#fff; height:17px; line-height:16px; padding:0 2px 0 3px; float:left; display:inline; margin-left:2px;}
.goods-list li .p-name { height:36px; line-height:18px; overflow:hidden;}
.goods-list li .p-name span { color:#ff4000;}
.goods-list li.on { border:#ddd 1px solid; -webkit-box-shadow:0 0 3px rgba(0,0,0,0.3); box-shadow:0 0 3px rgba(0,0,0,0.3);}
.so-nothing { padding:30px 0; text-align:center;}
.so-nothing .ico-error { background-position:0 -133px; width:40px; height:40px; margin-right:15px;}
.so-nothing p { color:#ff7e00; font:16px/40px '\5FAE\8F6F\96C5\9ED1'; margin:20px 0;}
/* 底部推荐 */
.t-h2 { background:url(img/line8x8.gif) 50% repeat-x; height:20px;}
.t-h2 h2 { background:#fff; font:18px/20px '\5FAE\8F6F\96C5\9ED1'; color:#999; width:100px; margin:0 auto; text-align:center;}
.recpro-tab { width:1200px; margin-top:20px; zoom:1;}
.recpro-tab:after { clear:both; content:""; display:table;}
.recpro-tab .goods-list { width:1230px;}
.recpro-tab .goods-list li { float:left; display:inline; width:180px; border:#fff 1px solid; margin:0 30px 0 0; padding:17px;}
.recpro-tab .goods-list li .p-img { font-size:0; width:180px; height:180px; overflow:hidden;}
.recpro-tab .goods-list li.on { border:#ddd 1px solid;}