.about-sort{
  font-size:0;
  text-align:center;
}
.about-sort li{
  display:inline-block;
  width:22%;
  border-right:none;
  transition:all 0.5s;
  margin:15px;
  background-color:#123060;
  float:right;
}
.about-sort li i{
  display:block;
  height:35px;
  margin:0 auto;
}
.about-sort li:nth-child(1) i{
  width:40px;
  background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2022123008355541969/cms/image/6d9b6889-79a0-47fc-a97f-90ca7eddff41.png?d=1678556509869) no-repeat center center;
}
.about-sort li:nth-child(2) i{
  width:35px;
  background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2022123008355541969/cms/image/ee2d92fc-c824-49d2-9ab0-03aaa71e982c.png?d=1678556546227) no-repeat center center;
}
.about-sort li:nth-child(3) i{
  width:39px;
  background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2022123008355541969/cms/image/b48db74e-a9f3-4b40-85d9-ff6884ae7dfb.png?d=1678556529484) no-repeat center center;
}
.about-sort li a{
  display:block;
  width:100%;
  height:100%;
  padding:15px 20px;
}
.about-sort li h3{
  font-size:14px;
  color:#fff;
  line-height:21px;
  margin-top:10px;
}
.about-sort li:hover{
  background:#e60012;
  border-color:#e60012;
}
.about-sort li:hover i{
  animation:jitter 0.5s;
}
.about-sort li:nth-child(1):hover i{
  background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2022123008355541969/cms/image/6d9b6889-79a0-47fc-a97f-90ca7eddff41.png?d=1678556509869) no-repeat center center;
}
.about-sort li:nth-child(2):hover i{
  background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2022123008355541969/cms/image/ee2d92fc-c824-49d2-9ab0-03aaa71e982c.png?d=1678556546227) no-repeat center center;
}
.about-sort li:nth-child(3):hover i{
  background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2022123008355541969/cms/image/b48db74e-a9f3-4b40-85d9-ff6884ae7dfb.png?d=1678556529484) no-repeat center center;
}
.about-sort li:hover h3{
  color:#fff;
}
.about-sort li:hover span{
  color:#fff;
}
@media only screen and (max-width: 1440px) and (min-width: 1280px){
  
.about-sort li a{
    padding:30px 20px;
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1100px){
  
.about-sort li a{
    padding:20px;
  }
}
@media only screen and (max-width: 768px){
  
.about-sort li a {
    padding: 16px 0;
}
.about-sort li h3 {
    line-height: 14px;
    margin-top: 16px;
    font-size: 14px;
}
}