@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: 24px auto 10px 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%;}
}
.commodityDetailImgBig{width: 540px;height:540px;
  border: 1px solid #ddd;float: left;margin-left: 10px;overflow:hidden;}
.commodityDetailsBoxRight{
 float:left;margin-left:50px;width:500px;
}
// 关注
.attentionBox{text-align: right;}
.attentionBtn{
  display: inline-block;cursor: pointer;height: 30px;width: 60px;
  line-height: 30px;padding:0 5px;
  .heartIcon{color:#E14C46;font-size: 15px;
    margin-right:3px;vertical-align: middle;}
}
// 商品信息
.commodityDetailsMessageUl{
  width: 100%;
  em{font-style:normal;}
  .contBs{}
  .unitBs{margin-left: 5px;color:#999;}
  .priceBs{color:#E14C46;font-size: 14px;}
  // 冒号
  .symbolEm{color: #999;font-style:normal;}
   li{display: block;margin-bottom: 14px;}
   // 商品价格
   .priceList{
     span{font-size: 36px;color:#E14C46;}
     del{font-size: 12px;color:#999;margin-left: 10px;}
   }
   // 信息行
   .titleTextList{
    .title{color:#333;text-align: justify;text-align-last:justify;display: inline-block;width: 60px;color:#999;}
    .textBox{display:inline-block;}
  }
    // 商品名称
    .commodityNameList{
      .commodityNameBox{font-size: 20px;margin:10px 0;}
    }
    // 商品编码
    .commodityCodeBox{font-size: 12px;color:#999;margin-bottom: 10px;
      span{}
    }
   // 材质
   .texturBox{
     display:inline-block;
     .textur{
       margin-right: 10px;
       display: inline-block;height: 30px;min-width: 100px;
       border: 1px solid #ebebeb;line-height: 30px;text-align:center;
       cursor: pointer;
       &:hover{border-color:#E14C46;outline:1px solid #E14C46; }
     }
   }
   // 颜色
   .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: 20px;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: #E14C46;margin-top:16px;
     height: 45px;line-height: 45px;cursor:pointer;
     width: 145px;text-align: center;color:#fff;font-size: 18px;
   }

}

// 详情导航
.detailsNavBox{margin-top:20px;
  &::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;
   // color: "#E14C46";
   // border-bottom:3px solid #E14C46;
  }
  .navBtn{display: block;height: 40px;min-width: 140px;line-height: 40px;font-size: 18px;text-align: center;}
}
// 详情内容
.detailsContentBox{min-height:300px;
  .contentBox{display: none;}
  .detailImg{}
}



