@import "~antd/lib/style/themes/default.less";
//topMap
.classHead {
  width: 100%;
  height: 36px;
  background: #f5f5f5;
  padding: 8px 0 10px 20px;
}
.nameIndex {
  color: #666;
  font-size: 12px;
}
.nameChild {
  font-size: 12px;
  color: #666;
  padding-left: 14px;
  cursor:pointer;
  & .nameIcon {
    padding-right: 5px;
  }
  &:last-child{
   color: #151515; cursor: none; 
  }
}
// 商品详情页面
ul,li{list-style: none;padding: 0;margin:0;}

.clearfix{
  &::after{
    content:".";display:block;visibility:hidden;height:0;clear:both;
   }
}

.commodityDetailsPage {
  width: 1200px;
  margin: 0 auto;
}
.commodityDetailsBox{width: 1200px;margin:12px 0 10px 0;}
.commodityDetailsBoxLeft{float: left;}
.commodityDetailImgsBox{
  &::after{
    content:".";display:block;visibility:hidden;height:0;clear:both;
   }
}
.commodityDetailImgUl{padding: 0;float:left;margin:0;
    &::after{
      content:".";display:block;visibility:hidden;height:0;clear:both;
    }
  }
.commodityDetailImgList{width: 100px;height: 100px;
  border: 1px solid #ddd;list-style: none;overflow:hidden;
  margin-bottom:10px;
  .img{width: 100%;height: 100%;}
}
.commodityDetailImgUl>li:last-child{
	margin-bottom: 0;
}
.commodityDetailImgBig{width: 540px;height:540px;
  border: 1px solid #ddd;float: left;margin-left: 10px;overflow:hidden;}
.commodityDetailsBoxRight{
	 float:left;
	 margin-left:40px;
	 width:500px;
}
// 关注
.attentionBox{text-align: right;}
.attentionBtn{
	display: inline-block;
	cursor: pointer;
	height: 30px;
	width: 60px;
	line-height: 30px;
	padding:0;
  	.heartIcon{font-size: 15px;
    margin-right:3px;vertical-align: middle;}
}
// 商品信息
.commodityDetailsMessageUl{
	width: 100%;
	font-size: 12px;
  	em{font-style:normal;}
  	.unitBs{margin-left: 5px;color:#999;}
  	.priceBs{color:#E14C46;font-size: 14px;}
  	// 冒号
  	.symbolEm{color: #999;font-style:normal;margin-right: 5px;}
		 li{display: block;margin-bottom: 10px;}
   	// 商品价格
   	.priceList{
		width: 500px;
		min-height: 90px;
		padding: 10px;
		background: #FAFAFA;
     	.money{
			 font-size: 36px;
			 color:#E14C46;
			 /* &::after{
				content:".";display:block;visibility:hidden;height:0;clear:both;
			} */
		}
		del{font-size: 12px;color:#999;margin-left: 10px;}
	}
	.priceList_left{
		display: inline-block;
		width: 70px;;
		font-size:12px;
		color: #999;
		letter-spacing: 2px;
	}
   	// 信息行
   	.titleTextList{
    .title{
		color:#333;
		text-align: justify;
		text-align-last:justify;
		display: inline-block;
		width: 62px;
		height:30px;
		line-height: 30px;
		color:#999;
	}
    .textBox{display:inline-block;}
}
    // 商品名称
    .commodityNameList{
      	.commodityNameBox{
		  	font-size: 20px;
			color: #333;
		  	margin:3px 0 5px;
		}
    }
    // 商品编码
    .commodityCodeBox{
			font-size: 12px;color:#999;margin-bottom: 10px;
    }
   	// 材质
   	.texturBox{
     	display:inline-block;
     	.textur{
				margin-right: 10px;
				color: #333;
				display: inline-block;height: 30px;min-width: 100px;
				border: 1px solid #ebebeb;line-height: 30px;text-align:center;
				cursor: pointer;
			}
			.isChecked{
				border-color:#E14C46;outline:1px solid #E14C46;
				&:hover{border-color:#E14C46;outline:1px solid #E14C46; }
			}
			.isDisabled{
				border:1px dashed #ddd;
				&:hover{border:1px solid #E14C46; }
			}
			.isDisableTrue{
				border:1px solid #ddd;
				&:hover{border:1px solid #ddd; }
				cursor: default;
			}
   	}
	// 颜色
	.colorBox{
		display:inline-block;
		.color{
			margin-right: 10px;
			display: inline-block;height: 30px;min-width: 100px;
			border: 1px solid #ebebeb;line-height: 30px;text-align:center;
			&:hover{border-color:#E14C46;outline:1px solid #E14C46; }
			cursor: pointer;position: relative;
				i{width: 20px;height: 20px;
					display:inline-block;position: absolute;top: 4px;left:5px;
				}
				.ashen{background-color: #999;}
				.red{background-color: #d33;}
		}
	}
   // 重量
   .weightBox{display:inline-block;margin-right: 10px;min-width:100px;}
   // 体积
   .volumeBox{display:inline-block;}
   // 数量
   .amountBox{display:inline-block;margin-right: 30px;
    min-width:160px;}
   // 库存
   .stockBox{display:inline-block;}
   // 购物车按钮
   .shoppingCatBtn{
     display: inline-block;background-color: #E75A55;margin-top:16px;
     height: 45px;line-height: 45px;cursor:pointer;
		 width: 145px;text-align: center;color:#fff;font-size: 18px;
		 border: none;
		 border-radius: 0;
   }

}

// 面包屑
.detailsNavBox{
  	margin-top:10px;
  	height: 36px;
  	width: 1200px;
  	line-height: 36px;
  	padding-left: 20px;
  	background: #f5f5f5;
  	color: #151515;
  	font-size: 12px;
  	&::after{
    	content:".";display:block;visibility:hidden;height:0;clear:both;
   	}
}
.detailsNavItems{
	margin-top:78px;
	&::after{
	  content:".";display:block;visibility:hidden;height:0;clear:both;
	 }
	 ul{border-bottom: 1px solid #f5f5f5;height: 43px;}
	li{
	  float: left;
	  cursor:pointer;
	  color: #333;
	  margin-right: 5px;
	}
	.navBtn{
		display: block;
		height: 40px;
		min-width: 140px;
		line-height: 40px;
		font-size: 18px;
		text-align: center;
  }
}
// 详情内容
.detailsContentBox{
	min-height:300px;
	text-align: center;
  	.contentBox{display: none;}
  	.detailImg{
		margin-top: 10px;	  
	}
}

.colorItem {
	margin: 0px 30px 15px 0px;
  }



