/* products page style */
.prodoct-search{
  padding-top:20px;
  padding-bottom:20px;
}
ul,li,ol{
  margin-bottom: 0;
}
.row{
  margin-right: 0;
  margin-left: 0;
}
.product-nav ul{
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  display: flex;
  text-align: center;
}
.product-nav ul li a{
  display: block;
  padding: 10px 0px;
  color: #000;
}
.product-nav ul li a:hover{
  color: red;
}
.product-nav ul {
  display: flex;
}
.product-nav ul li {
  flex:1;
}
.product-main{
  padding: 0 20px 20px;
}
.product-main aside{
  border-right: 1px solid #ccc;
  padding-top: 20px
}
.product-main>section>ul>li{
  /* width: 20%;
  float: left; 
  padding-right: 10px;
  margin-right: 20px;*/
  text-align: center;
  margin-top: 20px;
}
.product-main>section>ul>li:last-child{
  margin-right: 0;
}
.product-main>section>ul>li>a{
  display: block;
}
.product-main>section>ul>li>a>img{
  width: 100%;
  margin:0 auto;
}
.product-main>section>ul>li>a>.pro-price{
  color: red;
}

.product-main aside a {
  color: #333;
}
.product-main aside dd:hover,
.product-main aside dd:hover a,
.product-main aside a:hover,
.product-main aside a:active,
.product-main aside dd.active,
.product-main aside dd.active a,
.product-main aside a.active {
  color: #f1592a;
}
.product-main aside dl {
  margin-bottom: 10px;
}
.product-main aside dl dd {
  position: relative;
  padding-left: 15px;
}
.product-main aside dl dd::after {
  content: '>';
  font-size: 12px;
  line-height: 20px;
  color: inherit;
  position: absolute;
  top: 0;
  left: 0;
}