/*goodsDetail*/
html{
  height: 100%;
}
#goodsDetail{
  height: 100%;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
#goodsDetail > div{
  max-width: 1000px;
  width: 100%;
}
#goodsDetail ul.slide{
  pointer-events: none;
  width: 100%;
}
#goodsDetail ul.thumbNail{
  width: 90%;
  margin: 0 5%;
}
#goodsDetail ul.thumbNail li{
    border: 2px solid #fff;
    opacity: 0.5;
    cursor: pointer;
    margin: 0 5px;
    width: 18%;
  }
  #goodsDetail ul.thumbNail li.slick-current{
    opacity: 1;
    border: 2px solid #333;
  }
#goodsDetail .slick-prev:before, #goodsDetail .slick-next:before{
  color: #000 !important;
}
@media(max-width:768px){
  #goodsDetail ul.slide{
    width: 100%;
  }
}