.maincate {
  width: 100%;
  height: 50px;
  line-height: 50px;
  white-space: nowrap;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-overflow-scrolling: touch;
  text-align: justify;
  padding: 0px 5px;
  box-sizing: border-box;
}

.maincate a {
  font-size: 3.5vw;
  color: #333333;
  text-decoration: none;
  margin-right: 10px;

}
.maincate a.actived {
  color: #9d1d22;
  font-size: 4vw;
  font-weight: 800;
  padding-bottom: 1vw;
  border-bottom: 0.2rem solid #9d1d22;
} 
.maincate::-webkit-scrollbar {
  display: none;
}