body{background-color: #fff;}
a, a:hover { text-decoration: none; color: #333; }
ul, li { list-style: none; }
.clear{ clear:both;}
.red{ color: #ed0303 !important;}
.hide{ display: none;}

.discover-nav{ height: 44px; border-bottom: 2px solid #222;}
.tab-title {width: 800px; margin: 0 auto; text-align: center;}
.tab-title .item { line-height: 42px; padding: 0 20px; margin: 0 20px; display: inline-block; text-align: center; color: #333; font-size: 18px; }
.tab-title .item-cur { color: #ed0303; border-bottom: 4px solid #ed0303; }
.tab-cont { position: relative;width: 1190px; min-height: 600px; margin: 0 auto; }
.tab-cont__wrap {width: 1190px; }
.tab-cont .crumb{ height: 50px; line-height: 50px; color: #ed0303; }
.tab-cont .crumb a{ color:#333;}
.tab-cont .crumb span{ margin:0 10px; color: #333;}
.tab-cont .item {width: 100%; }

.filter-list{ margin-bottom: 30px;}
.filter-list .filter-list-con{ height: 30px; margin-bottom: 10px; overflow: hidden;}
.filter-list label { float: left; display: inline; font-size: 13px; color: #333; width: 63px; height: 30px; line-height: 30px; }
.filter-list a { float: left; display: inline; width: 111px; height: 28px; border: solid 1px #e4e4e4; line-height: 28px; color: #333; text-align: center; margin-right: 20px; position: relative; }
.filter-list .f-item-selected, .filter-list a:hover { border: solid 1px #ed0303; color: #ed0303; }
.filter-list2{ width: 800px; height: 212px; border: 1px solid #dddddd; border-right: 0; padding: 10px; margin-bottom: 30px; float: left; box-sizing: border-box; }
.filter-list2 .filter-list-con{ margin-bottom: 10px; clear: both;}
.filter-list2 label{ float: left; display: inline; font-size: 13px; color: #fff; text-align: center; width: 60px; height: 28px; line-height: 28px; background-color: #ed0303;}
.filter-list2 .list-con{ width: 718px; float: left; background-color: #fff;}
.filter-list2 a{ float: left; display: inline; min-width:60px; width: auto; height: 28px; border: solid 1px transparent; line-height: 28px; color: #333; text-align: center; margin-left: 20px; margin-bottom: 10px; position: relative; }
.filter-list2 .f-item-selected, .filter-list2 a:hover { border: solid 1px #ed0303; color: #ed0303; }
.sy-banner{ width: 390px; height: 212px; float: right;}
.sy-banner img{ width: 390px; height: 212px; border: 0;}

.pro-list{ width: 1190px; margin: 0 auto;}
.pro-list-ul{ margin-right: -20px;}
.pro-list-ul li{ float: left; display: inline; width: 280px; margin-right: 20px; padding-top: 5px; height: 330px; position: relative; margin-bottom: 20px; border: 1px solid #dddddd; border-radius: 3px; overflow: hidden; }
.pro-list-ul li a,.pro-list-ul .list-item a{ display: block;}
.pro-list-ul .list-item{ width: 580px; float: left; margin-right: 20px; height: 330px; position: relative; margin-bottom: 20px; border: 1px solid #dddddd; border-radius: 3px; overflow: hidden;}
.pro-list-ul li:hover,.pro-list-ul .list-item:hover{ border: 1px solid #ffd4d4;}
.pro-list-ul .p-img, .pro-list-ul .p-name, .pro-list-ul .p-orders,.pro-list-ul .p-number,.pro-list-ul .p-price2, .pro-list-ul .p-price, .pro-list-ul .p-countdown, .pro-list-ul3 .p-img { width: 190px; margin: 0 auto; text-align: center; max-height:200px;}
.pro-list-ul .p-name,.pro-list-ul3 .p-name3{ font-size: 14px; height: 20px; color: #333; margin-bottom: 5px; overflow: hidden;}
.pro-list-ul .p-img,.pro-list-ul3 .p-img{ margin-bottom: 40px;}
.pro-list-ul .p-price,.pro-list-ul3 .p-price3{ font-size: 16px; font-weight: 700; color: #ed0303; margin-bottom: 10px;}
.pro-list-ul .p-orders,.pro-list-ul .p-number,.pro-list-ul .p-price2{ height: 16px; margin-bottom: 10px; }
.pro-list-ul .p-orders i,.pro-list-ul .p-number i,.pro-list-ul .p-price2 i{ display: inline-block; vertical-align: top; margin-right: 5px;}
.pro-list-ul .p-orders span,.pro-list-ul .p-number span,.pro-list-ul .p-price2 span{ display: inline-block; vertical-align: top;  color: #999; font-size: 12px;}
.pro-list-ul .p-countdown{ margin-bottom: 10px;}
.pro-list-ul .p-btnbox { margin: 0 auto; width: 140px; height: 40px; line-height:40px; color: rgb(255, 255, 255); text-align: center; font: 16px/40px ΢���ź�, "Hiragino Sans GB"; border-radius: 2px; background: #ed0303; }
.p-wrap-yy{ background-color: #f7f7f7; height: 160px; width: 280px; padding-top: 20px; opacity: 0; filter:alpha(opacity=0); z-index: 999; position: absolute; bottom: 0; left: 0;}
.pro-list-ul li:hover .p-wrap-yy, .pro-list-ul .list-item:hover .p-wrap-yy2{ opacity: 1; filter:alpha(opacity=100); transition: all .4s;}
.p-wrap-yy2{ background-color: #f7f7f7; height: 160px; width: 580px; padding-top: 30px; display: block; opacity: 0; filter:alpha(opacity=0); z-index: 999; position: absolute; bottom: 0; left: 0;}
.pro-list-ul .p-img2{ width: 580px;text-align: center; position: absolute; top:0; left:0;}
.pro-list-ul .p-name2{ width: 560px;text-align: center; font-size: 14px; height: 30px; line-height: 30px; color: #333; margin-bottom: 10px; position: absolute; top:0;left: 10px; z-index: 10; overflow: hidden;}
.pro-list-ul .p-img2 img{width: 330px; height: 280px; margin-top: 35px;}
.text strong{ font-size: 14px; color: #ed0303;}

.pro-list-ul3{ margin-right: -20px;}
.pro-list-ul3 li{ float: left; display: inline; width: 280px; height: 280px; margin-right: 20px; padding-top: 20px; position: relative; margin-bottom: 20px; border: 1px solid #dddddd; border-radius: 3px; overflow: hidden; }
.pro-list-ul3 .p-price3{ padding:0 10px; margin-bottom: 3px;}
.pro-list-ul3 .p-name3,.pro-list-ul3 .p-dianpu{ width: 260px; line-height: 20px; padding:0 10px; margin-bottom: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pro-list-ul3 .p-name3:hover{ color:#ed0303; cursor: pointer;}
.pro-list-ul3 .p-dianpu{ color: #999;}
.pro-list-ul3 .xp-flag{ width: 40px; height: 47px; line-height: 40px; background: url("../images/xp-flag.png") right top no-repeat; color: #fff; font-size: 14px; text-align: center; position: absolute; top:-1px; right: 0; z-index: 10000;}

.product-intro{ width: 1190px; margin: 0 auto;}

/*��Ʒ�Ŵ�*/
.preview-wrap{ width: 400px; float: left;}
#showbox { background:#eee; z-index: 999999;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum { left:25px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}

.showpage { width:400px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}

.itemInfo-wrap{ width: 590px; margin-left: 20px; float:left;}
.itemInfo-wrap .sku-name{ font: 700 16px Arial,"microsoft yahei"; color: #666; line-height: 28px; margin-bottom: 5px;}
.itemInfo-wrap .tips{ color: #ed0303; margin-bottom: 5px;}
.itemInfo-wrap .tips .item { width: 590px; margin-bottom: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-height: 1.5em; line-height: 1.5em; }
.activity-banner { height: 32px; line-height: 32px; padding: 0 10px; background-color: #e4393c; font-family: "Microsoft YaHei"; overflow: hidden; zoom: 1; }
.activity-banner i { display: inline-block; }
.activity-type { float: left; }
.activity-banner .sprite-yy{background-image: url(../images/icon1.png);  margin-right: 5px;}
.activity-banner .sprite-yy { width: 14px; height: 14px; background-position: -76px -103px; vertical-align: -2px;}
.activity-type strong { font-size: 16px; color: #ffe134; font-weight: 400; }
.activity-banner .sprite-item, .activity-banner .sprite-person, .activity-banner .sprite-time{background-image: url(../images/icon1.png);  margin-right: 4px; }
.activity-message { float: right; color: #fff; font-size: 14px; }
.activity-message .item { margin-left: 30px; }
.activity-banner .sprite-person { width: 13px; height: 14px; background-position: -90px -103px; vertical-align: -2px; }
.activity-message .J-count { font-weight: 700; }
.activity-banner .sprite-time { width: 17px; height: 16px; background-position: -135px -119px; vertical-align: -3px; }
.product-price-wrap{ position: relative; padding-bottom: 5px;}
.product-price-con{ padding-top: 10px; background-color: #f3f3f3;}
.hh-price{ position: relative; margin-bottom: 5px;}
.hh-price label{ float: left; padding-left: 10px; line-height: 22px; font-family: simsun; color: #999;}
.hh-price .p-price{ margin-left: 60px; font-size: 22px; color: #ec0404;}
.hh-price .p-price span{ font-size: 16px;}
.yu-yue{ position: absolute; top:8px; right:10px; color: #999;}
.yu-yue a{ color: #005ea7;}
.hh-promotion{ display: block; padding-bottom: 5px;}
.hh-promotion label{ float: left; padding-left: 10px; line-height: 30px; font-family: simsun; color: #999;}
.hh-promotion .promotion-info{ position: relative; line-height: 30px; padding-right: 90px; margin-left: 10px; min-height: 35px;}
.hh-promotion .promotion-info .border-red { color: #df3033; background: 0 0; border: 1px solid #df3033; padding: 2px 3px; margin-right: 5px; display: inline-block; line-height: 16px; }
.product-ad-choose{ position: relative; margin: 5px;}
.product-ad-choose label{ float: left; padding-left: 10px; font-family: simsun; color: #999;}
.product-ad-choose .ad-choose{ padding-left: 60px; }
.product-ad-choose .ad-choose .store-prompt{ margin-right: 10px; color: #999; height: 24px; float: left;}

#store-selector{position:relative;float:left;z-index:2;height:26px;margin-right:6px}
#store-selector dl,#store-selector dt,#store-selector dd{float:none;color:#999}
#store-selector dl{position:absolute;top:23px;z-index:1;width:358px;width:358px;padding:5px;border:1px solid #ddd;background:#fff;display:none;-moz-box-shadow:0 0 5px #ddd;-webkit-box-shadow:0 0 5px #ddd;box-shadow:0 0 5px #ddd}
#store-selector dt{padding:6px 0 10px;color:#999}
#store-selector dd{padding-bottom:5px;line-height:18px}
#store-selector a:link,#store-selector a:visited{color:#005aa0}
#store-selector a:hover,#store-selector a:active{background:#005aa0;color:#fff}
#store-selector .text{float:left;+float:none;_float:left;position:relative;top:0;z-index:2;height:23px;background:#fff;border:1px solid #CECBCE;padding:0 20px 0 4px;line-height:23px;overflow:hidden}
#store-selector .text b{display:block;position:absolute;top:0;right:0;overflow:hidden;width:17px;height:24px;background:url(../images/btn20121210.png) 0 0 no-repeat}
#store-selector .close{display:none;position:absolute;z-index:2;top:19px;left:366px;cursor:pointer;width:17px;height:17px;background:url(../images/20120418.png) no-repeat -40px 0}
#store-selector a:hover{background:#B79567;color:#fff;cursor:pointer}
#store-selector.hover .text{border-bottom:0}
#store-selector.hover .i-storeinfo{position:relative;z-index:2;}
#store-selector.hover .i-storeinfo div{}
#store-selector.hover dl{display:block}
#store-selector.hover .close{display:block}

#store-prompt{float:left;line-height:25px}
#store-prompt strong{font-size:14px}
#store-prompt a{color:#005EAA}
*html #store-selector .i-storeinfo,*html #store-selector .i-storeinfo div{float:left}
*html #store-selector dl{left:0}
#store-selector .content{display:none;position:absolute;top:23px;left:-45px;border:1px solid #cecbce;width:390px;padding:15px;background:#fff;-moz-box-shadow:0 0 5px #ddd;-webkit-box-shadow:0 0 5px #ddd;box-shadow:0 0 5px #ddd}
#store-selector .content select{float:left;width:120px;border:1px solid #cecbce;margin-right:15px}
#store-selector .content .select3{margin-right:0}
#store-selector.hover .content,#store-selector.hover .close{display:block}
#JD-stock{position:relative;margin-bottom:0}
#JD-stock .tab{width:100%;height:25px;float:left;border-bottom:2px solid #edd28b;overflow:visible;*overflow:hidden}
#JD-stock .tab li{float:left;clear:none;height:23px;padding:1px 1px 0;border:1px solid #ddd;border-bottom:0;margin-right:3px;background-color:#fff;line-height:22px;text-decoration:none}
#JD-stock .tab .curr{*position:relative;height:25px;padding:0;border:2px solid #edd28b;border-bottom:0}
#JD-stock .tab a{position:relative;float:left;height:23px;padding:0 20px 1px 10px;line-height:23px;text-align:center;text-decoration:none;cursor:pointer;color:#005AA0;outline:0;*blr:expression(this.onFocus=this.blur())}
#JD-stock .tab a:hover{background:0;color:#005AA0}
#JD-stock .tab a i{position:absolute;right:5px;top:10px;*top:9px;display:block;width:7px;height:5px;overflow:hidden;background:url(img/20130606B.png) no-repeat -76px -34px;opacity:.5;filter:alpha(opacity=50)}
#JD-stock .tab .curr i,#JD-stock .tab a:hover i{opacity:1;filter:alpha(opacity=100)}
#JD-stock .area-list{padding-top:5px}
#JD-stock .area-list li{float:left;width:80px;padding:2px 0 2px 15px;clear:none}
#JD-stock .area-list li a{float:left;padding:2px 4px;*padding:0 4px;color:#005aa0}
#JD-stock .area-list li a:hover{color:#fff}
#JD-stock .area-list .longer-area{width:370px}
#JD-stock .area-list .long-area{width:170px}

.product-supply{ position: relative; margin-bottom: 5px; clear: both; border-bottom: 1px dotted #ddd;}
.product-supply-tips{ padding-left: 60px; line-height: 30px;}
.product-choose-wrap{ position: relative; margin-bottom: 5px; padding: 10px 0; border-bottom: 1px dotted #ddd; }
.product-choose-wrap label{ line-height: 40px; float: left;}
.product-wrap{ margin-left: 60px; }
.product-wrap .item{ width: auto; float: left; color: #666; background-color: #FFF; margin-right: 7px; margin-bottom: 4px;}
.product-wrap .item a{ border: 1px solid #ccc; display: block; white-space: nowrap;}
.product-wrap .item.disabled a{ border: 1px dashed #ccc; color: #999;}
.product-wrap .item a i{ margin: 0 8px;}
.product-wrap .item.selected a,.product-wrap .item:hover a{ border: 1px solid #ed0303; color: #666;}
.choose-btns-wrap{ margin: 10px 0 20px; padding: 10px 0 10px;}
.choose-btns-wrap .choose-amount { width: 58px; height: 44px; overflow: hidden; border: 1px solid #ccc; position: relative; margin-right: 10px; float: left; }
.choose-btns-wrap .choose-amount input { display: block; width: 43px; height: 42px; line-height: 42px; position: absolute; top: 1px; left: 0; border: 0; text-align: center; }
.choose-btns-wrap .choose-amount a { display: block; width: 15px; text-align: center; height: 22px; line-height: 22px; overflow: hidden; background: #f1f1f1; color: #666; position: absolute; right: -1px; border: 1px solid #ccc; }
.choose-btns-wrap .choose-amount a.btn-reduce { bottom: -1px; }
.choose-btns-wrap .choose-amount a.btn-add { top: -1px;}
.choose-btns-wrap .btn-lg { height: 46px; line-height: 46px;  padding: 0 26px;  font-size: 18px; font-weight: 700; margin-right: 10px; float: left; background-color: #ed0303; color: #fff;}

.dianpu{ width: 160px; float: right; border: 1px solid #ddd; }
.dianpu-name{ height: 40px; line-height: 40px; padding: 0 10px; background-color: #f7f7f7; border-bottom: 1px solid #ddd;}
.dianpu-name a{ font-size: 14px; font-weight: 700;}
.dianpu-btns{ padding: 20px 0 20px 40px;}
.dianpu-btns .btn-def { display: inline-block; width: 88px; height: 34px; line-height: 34px; padding: 0; margin-right: 8px; font-size: 12px; _padding-top: 10px; _height: 24px; color: #ed0303 }
.dianpu-btns .btn-def:hover{ color: #ed0303;}
.dianpu-btns .follow-shop { margin-right: 0; }
.dianpu-btns .btn-def i { display: inline-block; vertical-align: -2px; margin-right: 3px; }
.dianpu-btns .btn-def i.sprite-enter { width: 16px; height: 16px; background: url(../images/icon2.png) -34px 0; }
.dianpu-btns .follow-shop .sprite-follow { width: 16px; height: 16px; background: url(../images/icon2.png) -34px -16px; }
.dianpu-btns .kefu .sprite-kefu { width: 16px; height: 16px; background: url(../images/icon2.png) 0px 0px; }

.yy-process { width: 1190px; margin: 20px auto!important; border: 1px solid #eee; background: #f7f7f7; overflow: hidden; }
.yy-process h3 { width: 12.9%; float: left; line-height: 60px; border-right: 1px solid #eee; text-align: center; font-size: 20px; color: #e4393c; font-family: "microsoft yahei"; }
.yy-process .item { padding-left: 0.5%; float: left; margin-top: 0px;}
.yy-process .item1, .yy-process .item3, .yy-process .item5 { width: 20%; }
.yy-process .item2, .yy-process .item4 { width: 20%; }
.yy-process .item i { display: inline-block; float: left; margin-top: 7px;  }
.yy-process .item .sprite-yy-step1 {width: 45px; height: 45px; text-align: center; line-height: 45px; color: #999; font-weight: 700; font-size: 18px; background: #eee; border-radius: 100%;}
.yy-process .item .sprite-yy-step2 { width: 45px; height: 45px; text-align: center; line-height: 45px; color: #999; font-weight: 700; font-size: 18px; background: #eee; border-radius: 100%;}
.yy-process .item .sprite-yy-step3 {width: 45px; height: 45px; text-align: center; line-height: 45px; color: #999; font-weight: 700; font-size: 18px; background: #eee; border-radius: 100%;}
.yy-process .item .sprite-yy-step4 {width: 45px; height: 45px; text-align: center; line-height: 45px; color: #999; font-weight: 700; font-size: 18px; background: #eee; border-radius: 100%;}
.yy-process .item .sprite-yy-step5 {width: 45px; height: 45px; text-align: center; line-height: 45px; color: #999; font-weight: 700; font-size: 18px; background: #eee; border-radius: 100%;}
.yy-process .item dl { margin: 15px 0 0 55px; }
.yy-process .item dt { font: 700 14px/18px "microsoft yahei"; color: #666; font-weight: 700; }
.yy-process .item dd { font-size: 12px; color: #999; }

#detail-tab { width: 1190px; font-size: 13px; margin: 0 auto !important; padding-bottom: 40px;}
#tags { width: 1190px; border-bottom: 1px solid #ed0303; padding:0; margin-bottom: 0 !important; }
#tags li { float: left; margin-right: -1px; list-style-type: none; height: 42px; width: 110px; border: 1px solid #ddd; border-bottom: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;}
#tags li:first-child{ border-top-left-radius: 3px;}
#tags li:last-child{ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
#tags li a { font-size: 13px; text-align: center; color: #333; line-height: 42px; height: 42px; text-decoration: none; display: block; }
#tags li.emptyTag { background: none transparent scroll repeat 0% 0%;width: 4px }
#tags li.selectTag { position: relative; height: 42px; border-right: 0;}
#tags li.selectTag a { height: 42px; line-height: 42px; color: #fff; background-color: #ed0303 }
#tagContent { font-size: 12px; background-color: #fff; clear: both; }
.tagContent { font-size: 12px; padding: 10px 20px; display: none; width: 1077px; color: #474747; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }
#tagContent div.selectTag { display: block }
#ul-mycity .fl {border: 0px; left: 220px;padding-top: 0px; border: 0px;}
#heard_div {padding-bottom: 3px;}
#ttbar-myjd {left: 0px;}
#goodsDetailsHtmlDiv img{max-width:100%;}
#shipping-addr-a span {margin: 0px; padding: 0px;}
#shipping-addr-a span select{width:100%; height:100%;}
 .p-price span{color: #2A6469; font-size: 15px;}
 .sidebox .titlebar h3{margin-top: 0px; margin-bottom: 0px;}
 
 
 /* banner */
.banner { position: relative; overflow: auto; text-align: center;}
.banner li { list-style: none; }
.banner ul li { float: left; }
#bannerId { width: 1190px; margin: 0 auto 20px auto;}
#bannerId .dots { position: absolute; left: 0; right: 0; bottom: 20px;}
#bannerId .dots li { display: inline-block; width: 10px; height: 10px; margin: 0 4px; text-indent: -999em; border: 2px solid #fff; border-radius: 6px; cursor: pointer; opacity: .4; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s; }
#bannerId .dots li.active { background: #fff; opacity: 1; }
#bannerId .arrow { position: absolute; top: 150px;}
#bannerId #al { left: 15px;}
#bannerId #ar { right: 15px;}