.sort_bar .item .button .img, .sort_bar .item .button .img-sel {
  max-width: 0.6rem;
  max-height: 0.6rem;
}


.main-content {
  padding: 1.14rem 1.6rem;
  background: #f5f5f5;
}

.main-content .mc-item {
  flex-wrap: wrap;
}

.main-content .item {
  border-width: 0.13rem 0.16rem;
  border-color: #eceded;
  border-style: solid;
  width: calc((100% - .37rem * 2) / 3);
  margin-right: 0.37rem;
  margin-bottom: 0.36rem;
  background: #fff;
}
.main-content .item .image {
  height: auto;
  margin: 1.2vw auto 0;
  width: 88%;
}
.main-content .item .title {
  line-height: 2;
  font-size: 0.24rem;
  color: #333;
  text-align: center;
  font-weight: 500;
}
.main-content .item:nth-of-type(3n) {
  margin-right: 0;
}



@media only screen and (max-width: 768px) {
  .main-content {
    padding: 2.5vw 0 0 2.5vw;
  }

  .main-content .item {
    width: calc(50% - 2.5vw);
    margin-right: 2.5vw;
    margin-bottom: 2.5vw;
    border-width: 0.67vw 0.83vw;
  }

  .main-content .item:nth-of-type(3n) {
    margin-right: 2.5vw;
  }

  .main-content .item .title {
    font-size: 4vw;
  }
}