.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: #FF0036; color: #fff}

.inTitle{height: 30px; line-height: 30px; position: relative; margin-top:30px; margin-bottom: 15px}
.inTitle p{float: left; border-left:5px #FF0036 solid; color: #FF0036; 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; padding-bottom:10px;}
.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:118px; 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;}

.goods li .cart span{display: block; float: left; line-height: 16px; font-size: 12px; color: #666666; cursor: pointer;}
.goods li .cart span.plusBtn{border:1px #cccccc solid; background-color: #f7f7f7}
.goods li .cart span.number{font-size: 12px; border-top:1px #cccccc solid; border-top:1px #cccccc solid;border-bottom:1px #cccccc solid; padding: 0 5px}
.goods li .cart span.taocan{margin-left: 3px; border:1px #cccccc solid; padding: 0 5px}
.goods li .cart span.disable{cursor:default; color:#cccccc; border-color:#cccccc }
.goods li .cart i{display: block; line-height: 100%}

.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; overflow:hidden;}
.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: #FF0036; color: #fff;border-color: #FF0036}

.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:#FF0036;background: #FF0036}

.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 #000 solid; color: #000; 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: #000; color: #fff; border-color: #000}
.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 #000 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:1px #dbdbdb solid;border-left:3px #000 solid; line-height: 40px; padding-left: 15px; font-size: 18px; background-color: #f7f7f7}
.leftBox .bd{clear: both; overflow: hidden;border:1px #dbdbdb solid; border-top: 0}
.leftBox .bd li{clear: both; padding:20px; border-bottom: 1px #dbdbdb dotted; overflow: hidden;}
.leftBox .bd li img{display: block; width: 80%; margin: auto; margin-bottom: 10px}
.leftBox .bd li h1{font-size: 14px; color: #000; }
.leftBox .bd li p{font-size: 12px; color: #999}
.leftBox .bd li .price{color: #ff0036; font-weight: bold; padding:5px 0}
.leftBox .bd li .price span{color: #999; text-decoration: line-through; padding-left: 10px; font-weight: normal;font-size: 12px}

.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}

.selectBtn{color: #008aff; cursor: pointer;}
.selectBtn i{font-size: 12px}
.actionBox{clear: both; overflow: hidden;}
.actionBox .actionLeft{float: left;}
.actionBox .actionLeft span{line-height: 44px; padding-right: 20px; cursor: pointer;}
.actionBox .actionRight{float: right; text-align: right;}
.numberAction{clear: both; text-align: center; margin:5px 0;}
.numberAction span{display: inline-block; line-height: 20px;padding: 0 5px}
.numberAction span.set{height:20px; width: 20px; border:1px #ccc solid; border-radius: 50%; text-align: center; padding: 0; background: #f1f1f1; cursor: pointer;}
.numberAction span.set:hover{background:#FF0036;color: #fff;border:1px #FF0036 solid; }
.radio{width: 12px; height: 12px; margin: auto; border-radius: 50%; border:1px #ccc solid; cursor: pointer;}
.radio.active{background:#FF0036; border-color: #FF0036}