.sort_box{
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
  padding:0;    border-left: #e3e2e2 1px solid;
}
.sort_name{
  padding:0 20px;
  min-width:130px;
  font-size:16px;
  line-height:55px;
  color:#fff!important;
  text-align:center;
  overflow:hidden;
  text-overflow:ellipsis;
  display:block;
  white-space:nowrap;
  text-decoration: none!important;
  outline:none!important;    border-right: #e3e2e2 1px solid;
}
.sort_list:last-child{
  margin-right:0;
}
.sort_name:hover{
  background:var(--color);
  color:#fff!important;
}
.sort_name{  background:#005da2;}
.sort_name.sort_click{
  background:#58a134;
  color:#fff!important;
}
@media(max-width:768px){
  .sort_box{
    width:100%;
    margin: 0 0;
    padding:10px 0;
    background-color:rgba(243, 242, 242, 1);
  }
  .sort_name{
    font-size:14px;
    line-height:44px;
    margin:5px;
    padding:0 10px;
    min-width:90px;
    border-radius:5px;
  }
}