body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,form,fieldset,table,td,img,div,input,textarea{ margin:0; padding:0; }
body{ font-size:12px; font-family:simsun,arial; color:#333; background-color:#fff; }
ul,ol{ list-style-type:none; }
s,b,em,i{ font-style:normal; text-decoration:none; }
select,input,img,textarea{ vertical-align:middle; outline:none; }
textarea{ resize:none; }
a{ text-decoration:none; color:#666; }

a:hover,a:active,a:focus{ color:#f40; }
img { border: none; }

.fl{ float:left}
.fr{ float:right}
.tc{ text-align:center}
.fb{ font-weight:bold}
.fn{ font-weight:normal}
.bn{ border:none !important}
.pr{ position:relative}
.pa{ position:absolute}
.dis{ display:block}
.undis{ display:none}
.oz{ overflow:hidden; *zoom:1}
.cl{ clear:both}
.clear:after{ height:0; clear:both; content:"."; visibility:hidden; display:block}

.f40, .topLogin a, .TopQuick a:hover, a.hot, .cateBox .cateLeft dd em a:hover, .hl { color:#f40 !important}
.gray { color:#666}

.tSina, .tQq, .tWeixin, .cart s, .saleText s, .hotBrand li i, .mytools a s, .content .discount, .searchBtn, .flash-sale .favorite s { background-image:url(../image/shopin.png); background-repeat:no-repeat; }

.in{ width:1200px; margin:0 auto}

#waterfall { margin-top:; }
#waterfall ul { zoom:1; }
#waterfall li { float:left; height:auto; margin: 0 10px 10px 0; background: #fff; box-shadow: 0 1px 1px #d7d7d7; border: solid 1px #ccc; color: #666; }
#waterfall li:hover { border-color: #f40; }
#waterfall li .pic img { display: block; width: 100%; height: auto; vertical-align: middle; }
#waterfall li:hover img { opacity: .9; filter: Alpha(opacity=90); }
.flash-sale li { width:288px; color: #666; }
.flash-sale .pic { width:288px; height:auto; }
.flash-sale  li .text { padding: 17px 0; height: 36px; text-align: center; }
.flash-sale .discount { float: left; width: 140px; height: 36px; line-height: 36px; overflow: hidden; margin-right: 5px; border-right: solid 1px #bcbcbc; }
.flash-sale .discount strong { margin-right: 4px; font: 500 36px/36px Tahoma; color: #f40; }
.flash-sale .favorite { line-height: 18px; }
.flash-sale .favorite s { display: inline-block; *display: inline; *zoom:1; width: 17px; height: 17px; vertical-align: -4px; background-position: -34px -88px; }
.flash-sale .tag { height: 16px; line-height: 16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top: 4px; font-weight: 700; }
.flash-sale  li .countDown { height: 30px; line-height: 30px; text-align: center; overflow: hidden; background: #f2f2f2; }
#loading { display: none; height: 30px; text-indent: -999em; overflow: hidden; background: url(../image/loading49.gif) no-repeat center center; }
.pageMoreWrap { text-align: center; margin-bottom: 40px; }
.pageMore{ display:block; cursor:pointer; background:#e1e2e5; width:300px; height:36px; color:#51545b; font-weight:700; line-height:36px; text-align:center; margin:30px auto 40px; text-decoration:none; font-size:14px; position:relative; z-index:5; -webkit-transition:all ease .3s; -moz-transition:all ease .3s; transition:all ease .3s; }

.recommend li { width:228px; }
.recommend li .text { height: 40px; padding: 10px 0 15px 15px; }
.recommend li .discount { position: absolute; left: 12px; top: -1px; width: 42px; height: 25px; line-height: 22px; text-align: center; background: url(../image/shark.png) no-repeat 0 0; color: #fff; }
.recommend li .tag { height: 24px; line-height: 24px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.recommend li .favorite { float: right; width: 50px; height: 32px; padding-top: 3px; margin-top: 5px; text-align: center; border-left: solid 1px #ffc6af; }
.recommend li .favorite span { display: block; }
.recommend li .price strong { padding-left: 11px; font-size: 14px; background: url(../image/shopin.png) no-repeat 0 -140px; color: #f40}
.recommend li .price del { margin-left: 10px; color: #9c999c; }



.saleTitle { margin:15px 0; font-size:14px; font-family:'Microsoft YaHei'}
.saleTitle strong { margin-right:5px; font-weight:700; font-size:20px}
.saleList li { opacity:.9; filter:alpha(opacity=90); position:relative; _height:200px; margin-bottom:20px; overflow:hidden; border:solid 1px #eaeaea}
.saleList li.on { opacity:1; filter:alpha(opacity=100); border-color:#f40}
.saleList li .saleText, .saleList li .saleTextBg { position:absolute; right:0; bottom:-30px; z-index:10; width:528px; height:30px; padding:0 6px}
.saleList li .saleText { line-height:30px; text-align:left; color:#fff}
.saleList li .saleTextBg { z-index:9; background:#000; opacity:.6; filter:alpha(opacity="60")}
.saleList li .saleText s { float:left; height:17px; line-height:17px; padding:0 12px 0 8px; margin:6px 6px 0 0; background-position:right -34px}
.saleList .discount { position:absolute; left:20px; top:130px; width:220px; height:78px; }
.discount .sOff strong { margin-right:5px; font-size:30px; font-family:arial; color:#f40}
.discount .sTime { font-family:'microsoft yahei'}
.saleList .promotionmask { left: 0; top: 0; pointer-events: none; }


.hotBrand { margin-top:20px}
.hotBrand h3 { height:16px; line-height:16px; padding:8px 0; font-size:14px; font-family:'microsoft yahei'; color:#000; border-bottom:solid 2px #000}
.hotBrand ul { border-bottom:solid 2px #000}
.hotBrand li { position:relative; float:left; width:50%; padding:20px 0; text-align:center; _margin-left:-1px; border-top:solid 1px #eaeaea}
.hotBrand li img { opacity:.8; filter:alpha(opacity=80); width:90px; height:45px; border:solid 1px #fff}
.hotBrand li.on img { opacity:1; filter:alpha(opacity=100); border-color:#f40}
.hotBrand li i { position:absolute; right:10px; top:10px; height:17px; line-height:17px; padding:0 8px 0 12px; background-position:0 -51px; color:#fff}
.hotBrand li i.emblem { background-position:0 0}

.sidebar .promise { height:80px; margin-top:42px; background:#fff; background:url(../image/cx.png) no-repeat center 0\9}
.promise li { float:left; width:85px; text-indent:-9999em\9; overflow:hidden\9; cursor:default; font-family:'simhei'}
.promise li p { line-height:32px}
.promise li s { position:relative; display:inline-block; width:48px; height:48px; line-height:48px; font-weight:600; font-size:16px; border-radius:48px; background:none\9; background:#f40; color:#fff; -webkit-animation:smallToBig 1s ease 400ms; -moz-animation:smallToBig 1s ease 400ms; -ms-animation:smallToBig 1s ease 400ms}
.promise li s.hdfk { line-height:38px}

#footer { padding:40px 0 20px; margin-top:30px; background:#ccc}
#footer, #footer a, #footer a:hover { color:#8a8a8a}
#footer a:hover { text-decoration:underline; color:#f40}
#footer .promise { height:80px; margin-bottom:40px; background:url(../image/fcx.png) no-repeat center 0}
.help dl{ float:left; width:140px; line-height:28px; padding-left:80px; text-align:left; font-size:14px; font-family:simhei,'microsoft yahei'}
.help dl dt{ margin-top:5px; font-weight:600}
.help dl dd { font-size:12px}
.help dl a:hover{ color:#f40; text-decoration:none}
.bottomLink { padding:5px 0; margin-top:40px}
.bottomLink a { line-height:12px; padding:0 6px; border-right:solid 1px #a2a2a2}
#footer p { line-height:22px}
.authentication { height:38px; padding:10px 0; background:#fff}
.authentication span { margin:0 4px}

.mytools { width:64px; height:105px; overflow:hidden; }
.mytools a { display:block; height:20px; padding-top:30px; margin-bottom:5px; text-align:center; white-space:nowrap; color:#fff}
.mytools a:hover { color:#fff}
.mytools a s { position:absolute; left:50%; top:7px; width:17px; height:17px; margin-left:-9px; zoom:1}
.mytools a.subcart { background:#f40}
.mytools a.backToTop { background:#000}
.mytools a.subcart s { background-position:0 -88px}
.mytools a.backToTop s { background-position:-17px -88px}
.mytools a.backToTop:hover { background:#f40}

.promotion { width:100%; height:240px; overflow:hidden}
.promotionWrap { left:50%; top:0; width:1100px; height:240px; margin-left:-550px; zoom:1}
.promotion .promotionInfo { left:0; top:20px; width:220px; height:200px; padding:0 30px; overflow:hidden; background:#fff}
.promotionTop { width:220px; height:115px; display:table-cell; vertical-align:middle; *display:block; *font-size:100px; *font-family:Arial;  border-bottom:solid 2px #eaeaea}
.promotionTop img { vertical-align:middle; }
.promotionBottom { padding-top:10px}

.searchTopbar { height:24px; padding:13px 15px; margin-top:20px; background:#fff; border:solid 1px #e4e4e4}
.searchTopbar li { float:left; padding:0 13px; line-height:24px; font-size:14px; font-family:microsoft yahei; color:#666}
.searchTopbar a { display:block; _float:left; height:22px; }
.searchTopbar a.on { color:#000; border-bottom:solid 2px #000}

.sortbar { width:1101px; height:40px; line-height:40px; margin-top:10px; background:#e4e4e4}
.sortbar li { float:left; font-size:14px; font-family:microsoft yahei; }
.sortbar a { position:relative; display:block; _float:left; height:40px; }
.sortbar i { position:absolute; right:22px; top:50%; width:11px; height:12px; line-height:12px; margin-top:-6px; *zoom:1; overflow:hidden; background-image:url(../image/sprite1.gif); background-repeat:no-repeat}
.sortbar .sortcut { position:relative; top:19px; width:0; height:12px; line-height:12px; padding:0; overflow:hidden; border-left:solid 1px #d8d8d8}
.sortleft a { padding:0 40px 0 20px}
.sortleft a:hover, .sortleft a.on { background:#f40; color:#fff}
.sortleft i { background-position:0 -17px}
.sortleft .on i, .sortleft a:hover i { background-position:0 -29px}
.sortleft .up i { background-position:-20px -17px}
.sortleft .on.up i, .sortleft .up:hover i { background-position:-20px -29px}
.sortleft a.sortPrice i { right:15px; width:20px}

.sortbar .range { height:24px; padding:9px 0 7px 16px}
.sortbar .range ul li { position:relative; z-index:1; line-height:24px}
.sortbar .range .sep { width:8px; padding:0 3px; text-align:center}
.sortbar .range .input { width:32px; height:20px; line-height:20px; overflow:hidden; vertical-align: top; border:solid 1px #bebebe}
.sortbar .prices .input { padding-left:15px}
.sortbar .discount .input { width:29px; padding-right:18px; text-align:right}
.sortbar .range .btnli { padding-left:5px}
.sortbar .range .btn { width:42px; height:22px; vertical-align: top; cursor:pointer; background:#f40; border:none; color:#fff}
.sortbar .range s { position:absolute; left:3px; top:5px; width:12px; height:12px; text-align:center; font:500 10px arial; color:#999}
.sortbar .discount s { left:auto; right:4px}
.sortbar .range .btnli { display:none}
.sortbar .rangeHover { position:relative; z-index:11; padding-right:19px; margin-right:-66px; box-shadow:0 0 4px #ccc; background:#fff}
.sortbar .rangeHover .btnli { display:block}


.sortright, .sortright a { color:#000}
.sortright li { margin-right:15px}
.sortright .pageInfo { margin-right:30px}
.sortright a:hover { color:#f40}
.sortright .prev { padding-left:13px}
.sortright .next { padding-right:13px}
.sortright .prev i { left:5px; right:auto; width:5px; height:9px; background-position:-9px -41px}
.sortright .next i { right:5px; width:5px; height:9px; background-position:-13px -41px}
.sortright .prev:hover i { background-position:-18px -41px}
.sortright .next:hover i { background-position:-22px -41px}
.sortright .disabled, .sortright .disabled:hover { cursor:default; color:#999}
.sortright .disabled i { background-position:0 -41px !important}
.sortright .disabled:hover i { background-position:0 -41px}
.sortright .next.disabled i { right:5px; width:5px; background-position:-4px -41px}

.content ul { width:1100px; margin-left:1px}
.content li { position:relative; z-index:1; float:left; width:200px; height:254px; padding:10px 37px; margin:0 0 -1px -1px; zoom:1; border:solid 1px #eaeaea}
.content li.on { z-index:2; border:solid 1px #f40}
.content .productImg { display:block; color:#000}
.content .productImg:hover, .content .productImg:hover h3 { text-decoration:underline; color:#f40}
.content .productName { width:200px; height:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font:500 14px/16px 'microsoft yahei'}
.content .price { margin-right: 10px; font:700 18px/30px arial; vertical-align:-3px; color:#f40;}
.content .discount { display:inline-block; *display:inline; *zoom:1; display: none!important; height:17px; line-height:17px; padding:0 8px 0 12px; margin:0 11px 0 4px; background-position:0 -51px; color:#fff}
.content .productAttrs, .content .bg { display:none; position:absolute; left:36px; top:170px; width:200px; height:36px; overflow:hidden}
.content .bg { background:#fff; opacity:.6; filter:alpha(opacity=60)}
.content .productAttrs { width:180px; height:22px; padding:8px 10px; text-align:center; }
.content .attrsin { width:185px; height:22px; overflow:hidden}
.content .attrValue { float:left; display:inline-block; *display:inline; *zoom:1; height:16px; line-height:16px; padding:2px 6px; margin-right:5px; overflow:hidden; font:500 12px 'microsoft yahei'; background:#fff; border:solid 1px #dedede; color:#666}
.content .productAttrs .prev, .content .productAttrs .next { position:absolute; left:0; top:15px; width:5px; height:9px; cursor:pointer; background:url(../image/sprite1.gif) no-repeat 0 -41px; }
.content .productAttrs .next { left:auto; right:0; background-position:-4px -41px}
.content .productAttrs .prev:hover { background-position:-18px -41px}
.content .productAttrs .next:hover { background-position:-22px -41px}
.content .on .productAttrs, .content .on .bg { display:block}
.content .unList { height:300px; padding:0 0 0 380px; background:url(../image/warn1.png) no-repeat 280px center; border:solid 1px #eaeaea; border-top:none}
.content .unList h2 { margin:115px 0 16px}
.content .unList .signpost { font-size:18px}

.pagination { height:40px; margin-top:20px; font:500 14px 'microsoft yahei'}
.pagination li { float:left; line-height:38px; margin-left:10px; _display:inline}
.pagination .pageInfo { margin-right:30px}
.pagination li a { position:relative; float:left; height:38px; line-height:38px; padding:0 18px; background:#fff; border:solid 1px #eaeaea; }
.pagination li a.cur, .pagination li a:hover { background:#f40; border-color:#f40; color:#fff}
.pagination .prev i, .pagination .next i { position:absolute; width:5px; height:9px; left:12px; top:15px; background-image:url(../image/sprite1.gif); background-repeat:no-repeat}
.pagination .prev:hover, .pagination .next:hover { background:#fff; color:#f40}
.pagination .prev { padding-left:24px}
.pagination .next { padding-right:24px}
.pagination .prev i { background-position:0 -41px}
.pagination .next i { left:auto; right:12px; background-position:-4px -41px}
.pagination .prev:hover i { background-position:-18px -41px}
.pagination .next:hover i { background-position:-22px -41px}
.pagination li span { float:left; height:38px; line-height:38px; padding:0 8px; }

.crumb { line-height:36px; color:#666}

.filter { margin-bottom:40px; line-height:26px; zoom:1; font-family:microsoft yahei; border:solid 1px #e4e4e4}
.filter dt { float:left; width:80px; padding-right:10px; text-align:right; color:#666}
.filter dd a { color:#000}
.filter dd a:hover { color:#f40}
.filter .selected { height:26px; padding:5px 0; zoom:1; background:#e4e4e4}
.filter .selected li { float:left}
.filter .selected li a { position:relative; float:left; padding:0 10px; border-right:solid 30px #ccc; background:#fff}
.filter .empty { right:10px; top:5px; _right:-15px}
.filter .filAttrs { padding:5px 120px 5px 0; border-top:solid 1px #e4e4e4}
.filter .Fvalues a { display:inline-block; margin-right:40px; white-space:nowrap}
.filter .Fmore, .filter .Fmulti { position:absolute; top:10px; padding-right:20px}
.filter .Fmore i, .filter .Fmulti i, .filterSwitch i { position:absolute; right:5px; top:12px; width:9px; height:5px; line-height:5px; overflow:hidden; background:url(../image/sprite1.gif) no-repeat -27px -41px}
.filter .Fmore { right:20px; }
.filter .Fmulti { right:60px}
.filter .cancelSel { position:absolute; right:-19px; top:11px; width:9px; height:9px; background:url(../image/sprite1.gif) no-repeat -27px -41px}
.filter .advanced { text-align:right; height:0}
.filterSwitch { display:inline-block; *display:inline; *zoom:1; margin-bottom:-30px; height:30px; line-height:30px; padding:0 30px 0 20px; cursor:pointer; background:#e4e4e4}
.filterSwitch i { right:15px}
.attrExtra { display:inline !important}
.filter .fold i, .retract i { background-position:-27px -45px}



.w_main_l { float: left; width: 900px; min-height: 800px; overflow: hidden; }
.w_main_l .saleTitle { margin-bottom: -5px; zoom:1;}
.SP_feed { overflow: hidden; padding: 20px 0; border-bottom: solid 1px #ebebeb;}
.SP_pic { float: left; width: 80px; }
.SP_detail { overflow: hidden; margin-left: 95px; _margin-left:92px; _zoom:1; }
.SP_store_name { font-weight: 700; color: #ff4a01}
.SP_text { line-height: 24px; padding: 4px 0; }
.SP_text .a_topic { margin-right: 5px; }
.SP_media{ margin-right: -20px; padding: 0 0 15px; overflow:hidden; zoom:1; }
.SP_media li{ float:left; width:150px; height:150px; text-align:center; line-height:150px; margin: 5px 0 0 10px; *font-size:125px; overflow: hidden; }
.SP_media li:after{ content:' '; vertical-align:middle; }
.SP_media li img{ vertical-align:middle; width: 150px; }
.SP_func { margin-bottom: 10px;}
.SP_func { line-height: 22px; text-align: right; }
.SP_func span { float: left;}
.SP_feed span { color: #6c6c6c; }
.SP_func a { display: inline-block; padding: 0 10px;}
.SP_func i { margin-right: 3px; vertical-align: -3px; *vertical-align: -1px; cursor: pointer; }
.ui_icon { display: inline-block; zoom:1; width: 15px; height: 15px; background-image: url(../image/icon271.png); background-repeat: no-repeat; }
.SP_feed .icon_praise { background-position: 0 -23px; }
.SP_feed .icon_comment { background-position: 0 -69px; }
.SP_func a:hover { background: #ff4a00; color: #fff; }
.SP_func a:hover .icon_praise { background-position: 0 0; }
.SP_func a:hover .icon_comment { background-position: 0 -46px; }
.SP_comment { line-height: 22px; background: #f2f2f2; }
.SP_feed .icon_btn { float: left; position: relative; width: 36px; margin-top: 8px; text-align: center;}
.SP_comment .SP_like { overflow: hidden; border-bottom: solid 1px #ebebeb;}
.SP_comment .like_list { height: 22px; padding: 5px 0;}
.SP_comment .mod_comments { padding-bottom:15px; padding-right: 36px; border-top: solid 1px #fff;}
.SP_feed .comments_list { overflow: hidden;}
.SP_feed .comments_list li { padding: 5px 0; border-bottom: solid 1px #ebebeb;}
.SP_feed .comments_list a { color: #ff4a00;}
.comments_func .act-reply { margin-left: 5px;}
.comments_func .act-reply i { vertical-align: middle;}
.ui-icon { display: inline-block; background-repeat: no-repeat; font-size: 0; overflow: hidden; -webkit-text-size-adjust: none; }
.commnets_poster { position: relative; padding-right: 82px; margin: 10px 0 0 36px; background: #fff; border: solid 1px #cccccc;}
.commnets_box { width: 100%; line-height: 20px; height: 60px; outline: 0; padding: 3px; border: none; border: 0; word-wrap: break-word; overflow-x: hidden; overflow-y: auto; }
.commnets_poster .txt { position: absolute; right: 10px; bottom: 10px; width: 62px; height: 32px; line-height: 32px; text-align: center; border-radius: 3px; background: #ff4a00; color: #fff;}
.hotBanner { padding-bottom: 10px;}
.hotBanner ul { margin-left: -10px; zoom: 1;}
.hotBanner li { float: left; margin-left: 10px; _display:inline;}


.w_main_r { float: right; width: 290px; margin-top: 20px; overflow: hidden;}
.store_atten { padding: 0 2%; height: 72px; border: solid 1px #ccc; border-top: none;}
.store_atten li { float: left; width: 32%; text-align: center; line-height: 20px; padding: 16px 0; color: #666;}
.store_atten li span { display: block;}
#follow_store { position: relative; display: block; width: 60px; margin: 0 auto; background: #ff4a00; color: #fff;}
.store_atten li i { position: absolute; right: 0; top: 27px; display: none; width: 180px; background: #8dce00; color: #fff;}
.store_atten li i b { position: absolute; color: #8dce00; right: 24px; top: -10px;}
#follow_store:hover i { display: block;}
.SP_weixin { height: 86px; margin-top: 10px; border: solid 1px #ccc;}
.SP_briefing, .SP_store_address { line-height: 28px; padding: 10px 0; border-bottom: dotted 1px #ccc; color: #333;}
.SP_briefing p { text-indent: 2em; margin-top: 3px;}
.store_map { width: 290px; height: 300px;}

.notFound { margin-top:10px; border-top:solid 1px #ccc}
.notFound .errorWrap { height:273px; padding:50px 0 100px 606px; background:url(../image/4042.png) no-repeat 186px 50px}
.errorWrap h2 { margin:120px 0 26px; font:700 24px 'microsoft yahei'; color:#000}
.errorWrap .signpost { font:700 16px 'microsoft yahei'; color:#000}
.errorWrap .signpost a, .errorWrap .signpost a:hover { margin:0 10px; color:#f40}
.errorWrap .signpost a:hover { text-decoration:underline}
.notFound .title { height:40px; line-height:40px; background:#f5f5f5; border:solid 1px #eaeaea}
.notFound .title h3 { display:inline-block; *display:inline; *zoom:1; padding:0 38px; height:42px; position:relative; top:-1px; background:#fff; border-top:solid 2px #f40; border-right:solid 1px #eaeaea}
.notFound .content { padding:20px 0 1px; border:solid 1px #eaeaea; border-top:none}
.notFound .content li { border-color:#fff}


.transition, .transition:hover { transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; -ms-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s; -webkit-transition:all 0.2s ease-in-out 0s; }
.transition { -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease 0s; transition:all 0.2s ease-in-out; }
@-webkit-keyframes smallToBig{ 0% { -webkit-transform:scale(1)}
@-moz-keyframes smallToBig{ 0% { -webkit-transform:scale(1)}
@-ms-keyframes smallToBig{ 0% { -webkit-transform:scale(1)}