.vwfilterpaging {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.vwfilterpaging::after {
  content: "";
  flex: auto;
}
.vwfilterpaging .item {
  width: calc(20% - 52px);
  margin: 10px 5px;
  transition: all .2s linear;
  padding: 20px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  position: relative;

  display: flex;
  justify-content: center;
  align-items: center;
}
.vwfilterpaging .item.with-img a {
  text-align: center;
}
.vwfilterpaging .item.without-img a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vwfilterpaging .item div {
  overflow: hidden;
}
.vwfilterpaging .item:hover {
  box-shadow: var(--main-color2) 0px 0px 2.385px 0px !important;
  border-color: var(--main-color);
}
.vwfilterpaging .item img {
  -webkit-transform: scale(1);
  transform: scale(1);

  transition-duration: .3s;
  transition-timing-function: ease-out;
  transition-property: opacity,transform,filter;
}
.vwfilterpaging .item:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.vwfilterpaging > .jshop {
  width: 100%;
}

@media (max-width: 768px) {
  .vwfilterpaging .item {
    width: calc(50% - 52px);
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 640px) and (max-width: 1023px){
  .vwfilterpaging .item {
    width: calc(33% - 50px);
    margin-top: 5px;
    margin-bottom: 5px;
  }
}