.inCate{clear: both; overflow: hidden;}
.inCate .hd{float: left; width:60px; color: #999;}
.inCate .bd{margin-left:60px;}
.inCate .bd a{white-space: nowrap; padding:0 5px; margin-bottom:5px; display: block; float: left; line-height: 24px}
.inCate .bd a.this,.inCate .bd a:hover{background: #FF3A3A; color: #fff}

.inTitle{height: 30px; line-height: 30px; position: relative; margin-top:30px; margin-bottom: 15px}
.inTitle p{float: left; border-left:5px #FF3A3A solid; color: #FF3A3A; font-weight: bold; padding:0 10px; font-size:22px; z-index: 1; position: absolute;left: 0; top: 0; background-color: #f7f7f7}
.inTitle .line{border-bottom: 1px #dbdbdb solid; width: 100%; position: absolute; left: 0; top: 15px; font-size: 0; height: 0; z-index: 0}

.goods{clear: both; overflow: hidden;}
.goods li{width: 20%; box-sizing: border-box; padding:5px; position: relative; float: left;}
.goods li:hover{box-shadow: 0 0 5px #ccc}
.goods li .tag{position: absolute; left:10px; top: 10px}
.goods li .tc{position: absolute; left:5px; bottom:120px; background-color: #FEEBEB; line-height:46px; height:40px; width:40px;border-top-right-radius:40px;text-align: center; color: #FF3A3A;}
.goods li img{height:220px; width: 100%}
.goods li .name{height: 38px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.goods li .priceBox{clear:both; padding:10px 0; overflow: hidden;}
.goods li .priceBox .price{font-size: 18px; float: left;}
.goods li .priceBox .stock{float: left; padding-top:4px; padding-left: 10px}
.goods li .date{clear: both; margin-top: 10px; height: 23px}
.goods li .dLeft{float: left; color: #999; font-size: 12px; line-height: 23px;max-width: 60%}
.goods li .cart{float: right; cursor: pointer; font-weight: bold; width: 50px; text-align: right;}
.goods li .cart i{font-size:20px}
.goods li .soldOut{ position: absolute;left:50%; margin-left: -41px; top:20%; width:83px; height:83px; background-image: url(../image/new/sold-out.png); background-size: cover;opacity:0.6; }
.goods li .tie{position: absolute; right:0px; top: 20px; width: 60px}
.goods li .tie p{background:rgba(255,255,255,.8); border:1px #ff0036 solid; border-right: 0; border-top-left-radius:12px; border-bottom-left-radius:12px; padding: 2px; font-size:12px; color: #ff0036; margin-bottom: 3px; text-align: center;}


.goodsImage{clear: both; padding: 20px; box-sizing: border-box;}
.swiper-container{width: 100%;margin-left: auto;margin-right: auto;}
.swiper-container .soldOut{ position: absolute;left:10px; top:10px; width:83px; height:83px; background-image: url(../image/new/sold-out.png); background-size: cover; z-index: 99 }
.gallery-top{height: 80%;width: 100%;}
.gallery-thumbs {box-sizing: border-box; padding: 10px 0;}
.gallery-thumbs .swiper-slide{opacity: 0.4; border:2px #dbdbdb solid; cursor: pointer;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.goodsImage .tie{position: absolute; right:5px; top: 20px; width: 60px; z-index: 99}
.goodsImage .tie p{background:rgba(255,255,255,.8); border:2px #ff0036 solid; border-right: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding: 3px; font-size:12px; color: #ff0036; margin-bottom: 5px; text-align: center;}

.baseInfo{width:100%; clear: both; padding:20px; box-sizing: border-box; }
.baseInfo h1{font-size: 30px;}
.baseInfo .say{margin-top: 10px;}
.baseInfo .xinghao{margin-top: 10px}
.baseInfo .intr{margin-top: 10px; color: #666; line-height: 150%}
.baseInfo .price span{font-size: 30px}
.baseInfo .price span.rmb{font-size: 14px; margin-left: 10px; font-weight: normal; color: #999}


.pack{clear: both; overflow: hidden;}
.pack li{display: block; float: left; padding: 5px 10px; margin-right: 10px; border: 1px #dbdbdb solid; cursor: pointer;margin-bottom:5px;}
.pack li.red{background: #FF3A3A; color: #fff;border-color: #FF3A3A}

.serverBox{clear: both; overflow: hidden;}
.serverBox li{border:1px #ddd solid;padding:5px;float:left;margin-right:10px;white-space:nowrap;margin-bottom:5px;cursor:pointer}
.serverBox li.active{color:#fff;border-color:#FF3A3A;background: #FF3A3A}

.plus{clear:both;overflow:hidden; margin-top: 20px}
.plus .btn{float:left;width:32px;height:32px;display:block;line-height:32px;text-align:center;border:1px #dbdbdb solid;font-size:20px;cursor:pointer;color:#999}
.plus .mp_mp{width:40px;float:left;}
.plus .mp_mp input.buyNum{margin:0;height:32px;line-height:32px;width:40px;text-align:center;border:1px #dbdbdb solid; border-left: 0; border-right: 0}

.addBtn{border: 1px #FF3A3A solid; color: #FF3A3A; line-height: 40px; text-align: center; margin: auto; cursor: pointer; transition: 0.3s; background: #fff; padding: 0 15px; font-size: 18px; font-weight: bold; margin-right: 10px}
.addBtn:hover,.addBtn.active{background: #FF3A3A; color: #fff; border-color: #FF3A3A}
.addBtn.favBtn{color: #ccc; border-color: #ccc}
.addBtn.favBtn:hover{color: #fff}
.noBtn{border: 1px #CCC solid; color: #CCC; line-height: 40px; text-align: center; margin: auto; background: #fff; padding: 0 15px; font-size: 18px; font-weight: bold; margin-right: 10px}

.goodsContent{clear: both; overflow: hidden; background: #fff}
.goodsContent .hd{border-left:3px #FF3A3A solid; line-height: 40px; padding-left: 15px; font-size: 18px; background-color: #fff}
.goodsContent .bd{padding: 10px; clear: both; overflow: hidden;}
.goodsContent .bd img{display: block; margin: auto;}

.leftBox{clear: both; overflow: hidden;}
.leftBox .hd{border-left:3px #FF3A3A solid; line-height: 40px; padding-left: 15px; font-size: 18px; background-color: #fff}
.leftBox .bd{clear: both; overflow: hidden; background: #fff}
.leftBox .bd li{clear: both; border-bottom: 1px #dbdbdb dotted; overflow: hidden;}

.brand{clear: both; overflow: hidden;}
.brand li{width: 12.5%; float: left; padding: 5px; box-sizing: border-box; text-align: center;}
.brand li a{display: block;}
.brand li img{width: 100%;border:1px #dbdbdb solid;}
.brand li p{line-height: 20px;}

.empty{text-align: center; color: #999; padding: 20px; clear: both; max-width: 1160px}