div[id*="c_category"]{
  border-bottom: 1px solid #ddd;
}
.li_sort{
  width:94%!important;
  max-width:1500px;
}
.li_sort .p_list{
  justify-content: flex-start;
}
.li_sort .p_loopitem{
  width:auto;
  flex:0!important;
  position:relative;
}
.li_sort .p_loopitem:before{
  position:absolute;
  content:'';
  display:block;
  width:1px;
  height:40%;
  background:#d4d7d9;
  top:50%;
  left:-1px;
  transform:translateY(-50%);
}
.li_sort .p_loopitem:after{
  position:absolute;
  content:'';
  display:block;
  width:1px;
  height:40%;
  background:#d4d7d9;
  top:50%;
  right:0;
  transform:translateY(-50%);
}
.s_button6{
  position:relative;
  display:flex!important;
  justify-content:center;
  align-items:center;
  padding:0 6px!important;
  width:auto!important;
  min-width:180px!important;
  height:60px!important;
  background:transparent!important;
  border:none!important;
  border-radius: 0;
  font-size:15px!important;
  color:#ffffffd1 !important;
  box-shadow:none!important;
}
.s_button6:before{
  display:none!important;
}
.s_button6:after{
  width:0;
  height:2px!important;
  opacity:0;
  background:var(--color);
  left:0!important;
  top:auto!important;
  bottom:0px;
  z-index:1!important;
}
.s_button6 span{
  position:relative;
  display:flex!important;  
  justify-content:center;
  align-items:center;
  white-space:nowrap;
}
.s_button6 span:before{
  position:relative;
  content:'';
  display:block;
  border:5px solid transparent;
  border-left:5px solid var(--color);
  margin-right:10px;
  transform:translateX(-10px);
  opacity:0;
  transition:all 0.4s;
}
.s_button6 span:after{
  position:relative;
  content:'';
  display:block;
  border:5px solid transparent;
  border-right:5px solid var(--color);
  margin-left:10px;
  transform:translateX(10px);
  opacity:0;
  transition:all 0.4s;
}
.s_button6:hover{
  color:#fff !important;
}
.s_button6:hover::after{
  opacity:1;
  width:100%!important;
}
/*
.s_button6:hover span:before{
  transform:translateX(0);
  opacity:1;
}
.s_button6:hover span:after{
  transform:translateX(0);
  opacity:1;
}*/
@media(max-width:768px){
  .s_button6{
    min-width:0!important;
    font-size:14px!important;
    height:50px!important;
  }
  .li_sort .p_loopitem:before{
    height:16px;
  }
  .li_sort .p_loopitem:after{
    height:16px;
  }
  .li_sort .p_loopitem:last-child::after{
    display:none;
  }
  .li_sort{
    display:flex;
    justify-content:center;
  }
 .li_sort .p_list{
    display: flex;
    flex-wrap:nowrap!important; 
    justify-content: flex-start;
    overflow: auto;
  }
}