﻿.icon{background: url(productIcon.png) no-repeat;}
.productEmpty span{background: url(productEmpty.png) no-repeat;background-size:100%;}
section{margin-top:40px;}
/*banner begin*/
@media(max-width: 768px){
	.sp .flexslider{width: 80%;height: auto;margin:0 auto 8px;}
	.proInfoFrame .promotion{margin-bottom: 15px;}
}
@media(min-width: 768px) and (max-width: 1024px){
	.topHalf{width: 730px;margin: 0 auto 30px;}
	.sp .flexslider{float: left;display: inline-block;width: 300px;height: 300px;}
}
@media(min-width: 1024px){
	.topHalf{width:980px;margin: 0 auto 30px;}
	.sp .flexslider{float: left;display: inline-block;width: 300px;height: 300px;}
}
/*轮转区域begin*/
#sec_famous { margin: 0 auto; overflow: hidden;}
.clearfix:after { clear: both; display: block; content: "..."; visibility: hidden; height: 0; font-size: 0;}
.flexslider { background: #fff; position: relative; zoom: 1;}
.flexslider .slides { background-color: #fff; zoom: 1;}
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.flexslider .slides > li { position: relative;display: none; -webkit-backface-visibility: hidden;}
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none;}
.flexslider .slides img {width: 100%; height: auto; display: block; margin: 0 auto;}
.flex-control-nav { width: 100%; position: absolute; bottom: 6px; text-align: center;}
.flex-control-nav li:first-child { margin: 0;}
.flex-control-nav li { margin: 0 0 0 10px; display: inline-block; zoom: 1;}
.flex-control-nav li a.active { background-position: 0 -26px; cursor: default; background-color: #d60008;}
.flex-control-nav li a { width: 10px; height: 10px; display: block; cursor: pointer; text-indent: -999em; background-color: #b2aeab; border-radius: 50%;}
.flex-direction-nav { height: 0;}
.flex-direction-nav li a { width: 26px; height: 26px; margin: -13px 0 0; display: block; position: absolute; top: 50%; cursor: pointer; text-indent: -999em;}
.flex-direction-nav li .next { background-position: -30px 0; right: 0px;}
.flex-direction-nav li .prev { left:0px;}
/*轮转区域end*/
/*banner end*/

/*商品信息begin*/
.proInfoFrame{overflow: hidden;position: relative;top: 0;left: 0;}
.nameFrame{width: 80%;margin-bottom: 8px;padding-left: 10px;}
.nameFrame .name{line-height: 18px;font-size: 16px;color: #000;max-height: 36px;overflow: hidden;margin-bottom: 3px;font-weight: bold;}
.nameFrame .slogan{color: #ef8726;line-height: 16px;height: 16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.collect{position: absolute;top: 0px;right: 8px;padding-left: 8px;border-left: 1px solid #d2d2d4;height: 55px;}
.collect i{width: 35px;height: 30px;background-position: -76px -59px;display: block;margin-bottom: 5px;}
.collect.on i{background-position: -124px -59px;}
.collect span{text-align: center;width: 35px;display: block;color: #999;}
.collect.on span{color: #de4943;}
.proInfoFrame .price{color: #de4942;padding-left: 10px;}
.proInfoFrame .price strong{font-size: 22px;}
.proInfoFrame .price i{margin-left: 10px;color: #d2d2d4;text-decoration: line-through;font-size: 12px;font-style: normal;}
.proInfoFrame .title{width: 56px;display: inline-block;text-align: right;}
.proInfoFrame .proNum,.proInfoFrame .brand,.proInfoFrame .goldCoin{margin-bottom: 10px;padding-left: 10px;}
.proInfoFrame .proNum *{float: left;display: inline-block;}
.proInfoFrame .proNum .numTip{display:block;color: #ff3938;clear:both;margin-left: 56px;}
.proInfoFrame .proNum .numOver{display:none;color: #ff3938;clear:both;margin-left: 56px;}
.goldCoin *{float:left;color:#777;}
.goldCoin .bonus{margin-left:20px;}
.brand a{display:inline-block;background-color:#aeaeae;color:#fff;padding:0 5px;margin-left:-4px;}
.proNum .title{margin-top: 5px;}
.proNum a{width: 23px;height: 23px;border: 1px solid #d2d2d2;background-color: #e3e3e3;}
.proNum input{width: 53px;height: 23px;border-top: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;line-height: 23px;text-align: center;}
.proNum .increase{background-position: -56px 4px;}
.proNum .increase.off{background-position: -78px 4px;}
.proNum .decrease{background-position: -120px 4px;}
.proNum .decrease.off{background-position: -101px 4px;}
.proInfoFrame .address{padding-left: 10px;}
.address .title{float: left;display: inline-block;margin-top: 5px;}
.address .addCon{float: left;display: inline-block;}
.addCon select{width: 80px;text-align: center;margin-bottom: 3px;font-family: "Microsoft Yahei";}
.addCon .addTip{color: #ff3938;}
.proInfoFrame .promotion{border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;padding: 10px 0 5px 10px;position: relative;top: 0;left: 0;}
.promotion .title{float: left;display: inline-block;}
.promotion .promotags{float: left;display: inline-block;width: 70%;}
.promotags li{float: left;display: inline-block;}
.promotags li .tag{padding: 1px 5px;color: #fff;border-radius: 3px;margin-right: 6px;}
.tag.jjg{background-color: #fa4242;}
.tag.xsg{background-color: #ecd538;}
.tag.tg{background-color: #fab742;}
.tag.hyj{background-color: #da120d;}
.tag.manj{background-color: #42b2fa;}
.tag.manz{background-color: #318aee;}
.tag.maiz{background-color: #374add;}
.tag.fq{background-color: #fa8742;}
.tag.rnt{background-color: #b231ee;}
.tag.dbg{background-color: #fa427e;}
.promotion .detial{position: absolute;top: 15px;right: 2px;width: 30px;height: 20px;background-position: -91px -29px;display: block;}
.promotion.open li{float: none;display: block;margin-bottom: 5px;}
.promotion.open .detial{background-position: -60px -29px;}
.promotags li .explain{display: none;color:#777;}
@media(max-width: 768px){
	.proInfoFrame{border-top: 1px solid #e8e8e8;padding-top: 10px;}
	.proInfoFrame .address{margin-bottom: 10px;}
	.collect{top: 10px;}
}
@media(min-width: 768px) and (max-width: 1024px){
	.proInfoFrame{width: 410px;float: left;display: inline-block;margin-left: 10px;margin-top: 33px;overflow: hidden;}
	.proInfoFrame .address{margin-bottom:3px;}
	.proInfoFrame .promotion{margin-bottom: 0;}
}
@media(min-width: 1024px){
	.proInfoFrame{width:60%;overflow: hidden;margin-left: 30px;float: left;display: inline-block;margin-top: 33px;}
	.proInfoFrame .address{margin-bottom:3px;}
	.proInfoFrame .promotion{margin-bottom: 0;}
}
.detialTit{height: 24px;line-height: 24px;background: url(prodInfoBg.jpg) 0 0 repeat-x;padding: 0 10px;font-weight: bold;font-size: 14px;margin-bottom: 10px;}
.detialTit i{float: left;height: 8px;width: 8px;overflow: hidden;background:#b00000;margin: 8px 8px 0 0;}
/*商品信息end*/

/*商品展示begin*/
.proShowFrame .tabBar{background-color: #ededed;border-top: 1px solid #b0b0b0;border-bottom: 1px solid #b0b0b0;width: 100%;height: 35px;line-height: 35px;position: relative;top: 0;left: 0;}
.tabBar .tab{width: 33%;height: 35px;float: left;display: inline-block;text-align: center;color: #888;overflow: hidden;}
.tabBar .tab.tab3{width: 34%;}
.tabBar .tab.on{background-color: #fff;color: #de4943;height: 36px;}
.tabBar .line{width: 1px;height: 35px;background-color: #b0b0b0;position: absolute;top: 0;display: block;}
.tabBar .line.line1{left: 33%;}
.tabBar .line.line2{left: 66%;}
.showCon{padding-bottom: 60px;}
.showCon.showCon1{color: #848484;max-width: 780px;margin: 0 auto;padding: 10px 10px 45px;}
.showCon.showCon1 img{width:100%;height:auto;}
.showCon.showCon1 .detailImg p embed{display:none;}
.showCon.showCon1 .detailImg img{width:100%!important;height:auto!important;}
.showCon.showCon1 table{width:100%!important;}
.showCon.showCon1 li{float: left;display: inline;margin-right: 30px;margin-bottom: 3px;}
.showCon.showCon1 .text{margin-bottom: 10px;}
.showCon.showCon1 .imgShow img{display: block;width: 100%;height: auto;max-width: 780px;margin: 0 auto;}
.showCon.showCon2{color: #848484;display: none;padding-bottom:90px;}
.showCon2 li{border-bottom: 1px solid #d2d2d4;padding: 10px;}
.showCon2 .userInfo{margin-bottom: 8px;}
.showCon2 .userInfo *{float: left;display: inline-block;}
.showCon2 .userPhoto{width: 40px;height: 40px;border: 1px solid #c3c3c3;border-radius: 50%;overflow: hidden;margin-right: 12px;} 
.userPhoto img{width: 42px;height: 42px;margin-left: -1px;margin-top: -1px;}
.userInfo .userName{color: #666;width: 55%;overflow: hidden;}
.userInfo .score{float: right;width: 68px;height: 12px;margin-top: 4px;}
.userInfo .score.score1{background-position: 0 -112px;}
.userInfo .score.score2{background-position: 0 -125px;}
.userInfo .score.score3{background-position: 0 -138px;}
.userInfo .score.score4{background-position: 0 -151px;}
.userInfo .score.score5{background-position: 0 -164px;}
.showCon2 .judge{margin-bottom: 5px;}
.showCon2 .time{text-align: right;}
.showCon2 .time span{margin-left: 10px;}
.showCon.showCon3{display: none;}
.showCon3 li{position: relative;top: 0;left: 0;border-bottom: 4px solid #f5f5f5;}
.showCon3 li .prodLink{width: 100%;height: 100%;display: block;position:absolute;top:0;left:0;z-index:2;background:#fff;opacity:0; filter:alpha(opacity=0);}
.showCon3 li .prodImg{width: 100px;height: 100px;display: block;}
.list li .tag{width: 35px;height: 16px;position: absolute;top:20px;text-align: center;font-size: 12px;line-height: 16px;padding-top: 2px;background-color: #fe7774;color: #fff;}
.recoInfo .recoName{color: #000;height: 36px;overflow: hidden;display: block;margin-bottom: 5px;line-height: 18px;}
.recoInfo .recoSlogan{color: #f58f2b;height: 16px;overflow: hidden;margin-bottom: 10px;}
.recoInfo .recoPrice{color: #df4a44;}
.recoInfo .recoPrice strong{font-size: 18px;margin-left: 3px;}
.recoInfo .recoPrice span{font-size: 12px;color: #999;margin-left: 10px;text-decoration: line-through;}
.showCon3 .addCart{width: 35px;height: 35px;background-position: 0 0;display: block;position: absolute;z-index:10;}
.tip{width:auto;height:auto;padding:5px 10px;background-color: #000;opacity: 0.7;color: #fff;position:absolute;bottom:55px;z-index: 1000;display: none;}
@media(max-width: 768px){
	.showCon3 li{height: 100px;padding: 10px;}
	.showCon3 li.first{border-top: none;}
	.showCon3 li .prodImg{position: absolute;top: 10px;left: 10px;}
	.list li .tag{top:10px;left:5px;}
	.showCon3 li .recoInfo{float: left;display: inline-block;margin:15px 0 0 110px;}
	.showCon3 .addCart{right: 10px;bottom: 5px;}
	.tip{right:10px;bottom:45px;}
}
@media(min-width: 768px) and (max-width: 1024px){
	.showCon3 li{width: 25%;height: 200px;float: left;display: inline-block;padding: 20px 4.16%;}
	.showCon3 .addCart{right: 40px;bottom: 15px;}
	.showCon3 li .prodImg{margin: 0 auto;}
	.list li .tag{left: 12%;}
    .tip{right:35px;}
}
@media(min-width: 1024px){
	.showCon3 li{width: 20%;height: 200px;float: left;display: inline-block;padding: 20px 2.5%;}
	.showCon3 .addCart{right: 30px;bottom: 15px;}
	.showCon3 li .prodImg{margin: 0 auto;}
	.list li .tag{left: 10%;}
    .tip{right:25px;}
}
/*商品展示end*/

/*购买begin*/
.buyArea{background-color: #f0f0f0;width: 100%;height: 45px;position: fixed;left: 0;bottom: 0;z-index:50;}
.buyArea .toCart,.buyArea .buyNow,.buyArea .cartGray,.buyArea .buyGray{float: left;display: inline-block;color: #fff;text-align: center;line-height: 30px;font-size: 16px;}
.buyArea .toCart{border-radius: 5px;background-color: #f43d35;}
.buyArea .buyNow{border-radius: 5px;background-color: #f4a046;}
.buyArea .cartGray,.buyArea .buyGray{border-radius: 5px;background-color:#9b9c9b;}
.cartIcon{width: 30px;height: 22px;float: right;display: inline-block;background-position: 0 -59px;margin-top: 4px;margin-right: 20px;position: relative;top: 0;left: 0;}
.cartIconleft{width:30px;height: 28px;float:left;background-position:-76px -112px;display: block;margin-top: 2px;margin-right: 0px;position: relative;top: 0;left: 0;}
.cartIcon span{padding: 1px 3px;background-color: #de4943;color: #fff;font-size: 12px;text-align: center;height: 12px;line-height: 1;border-radius: 3px;position: absolute;top: -8px;right: -7px;}
@media(max-width: 768px){
	.buyFrame{width: 330px;height: 30px;margin: 10px auto 5px;}
	.buyArea .toCart,.buyArea .cartGray{width: 100px;height: 30px;margin-left: 15px;}
	.buyArea .buyNow,.buyArea .buyGray{width: 100px;height: 30px;margin-left: 15px;}
}
@media(min-width: 768px){
	.buyFrame{width: 500px;height: 30px;margin: 10px auto 5px;}
	.buyArea .toCart,.buyArea .cartGray{width: 190px;height: 30px;margin-left: 10px;}
	.buyArea .buyNow,.buyArea .buyGray{width: 190px;height: 30px;margin-left: 25px;}
}
/*购买end*/

/* 评价等级begin */
.commj li{float:left;display:inline-block;}
.showCon2 .commj li{border-bottom:none;}
/* 评价等级end */

/*加入购物车弹层begin*/
.mask{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: #000;opacity: 0.5;z-index: 999;display: none;}
.buyTip{width: 230px;height: 100px; background-color: #000;opacity: 0.7;border-radius: 5px;color: #fff;position: fixed;top: 50%;left: 50%;margin: -50px 0 0 -115px;z-index: 1000;display: none;}
.buyTip .tips{height: 63px;line-height: 63px;border-bottom: 1px solid #6e6e6e;text-align: center;}
.buyTip .tips i{width: 30px;height: 30px;display: inline-block;margin: 15px 10px auto 20px;vertical-align:top; background: url("../images/base-icon.png") no-repeat scroll -96px -45px;}
.buyTip a{width: 115px;height: 36px;line-height:36px;display: inline-block;float: left;border-radius: 0;color:#fff;text-align: center;}
.buyTip .continue{border-right: 1px solid #6e6e6e;width: 114px;}
/*加入购物车弹层end*/
/*商品下架begin*/
.productEmpty{padding-top:30px;}
.productEmpty span{width:80px;height:80px;display: block;margin:0 auto;}
.productEmpty .tips{margin:20px auto;text-align:center;color: #999;}
/*商品下架end*/
/*补充样式begin*/
.prodDet{margin-bottom:10px;}
@media(max-width:480px){.showCon.showCon1 .detailImg td{display:block;}}
@media(min-width:481px){.showCon.showCon1 .detailImg td img{width:150px!important;height:auto!important;}}
/*补充样式end*/