*{ word-wrap:break-word;
  word-break:normal; 
}
.my_sort{
  position:relative;
  margin:0 auto;
  border-bottom:1px solid rgba(255,255,255,0.2);
  margin-bottom:50px;
}
.sort_box{
  width:100%;
  max-width:1420px;
  margin:0 auto;
  display:flex;
}
.sort_list{
  position:relative;
}
.sort_name{
    position: relative;
    font-size: 15px;
    height: 60px;
    line-height: 60px;
    padding: 0px 40px;
    color: #fff;
    display: block;
  white-space:nowrap;
    transition: all 0.3s ease;
}
.sort_name:hover{
  background:var(--color);
}
.sort_name.sort_click{
  background:var(--color);
}
a:active, a:hover, a:focus{
    color: #fff;
    text-decoration: none;
}
@media(max-width:768px){
  .my_sort{
   margin-bottom:30px;
  }
  .sort_box{
   overflow-x:auto;
  }
  .sort_name{
    margin:0;
    padding:0 20px; 
    height:44px;
    line-height:44px;
  }
  
  .p_pagebox .NumBox{
    height: 45px;
  }
  .p_pagebox .font{
    font-size:14px!important;
  }
  .p_pagebox .iconfont{
    font-size:18px!important;
  }
  .p_pagebox .num{
    font-size:16px!important;
  }
  .p_pagebox .num .iconfont:before{
    font-size:16px!important;
  }
}