.main-content {
  width: 14.8rem;
  min-height: 5rem;
  margin: 0.4rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.main-content .sort-list {
  width: 2.5rem;
  margin-right: .40rem;
  background: #FFFFFF;
  border-radius: .20rem;
  border: .01rem solid #DDDDDD;
  -ms-flex-item-align: start;
  align-self: flex-start;
  padding-bottom: 0.11rem;
}
.main-content .sort-list .sort-title {
  width: 2.5rem;
  margin: -0.01rem 0 .10rem -.01rem;
  height: .60rem;
  background: #2E2E2E;
  border-radius: .20rem .20rem 0rem 0rem;
  border: .01rem solid #DDDDDD;
  font-weight: bold;
  font-size: .24rem;
  color: #FFFFFF;
  line-height: .60rem;
  padding-left: .30rem;
}
.main-content .sort-list a {
  width: 2.5rem;
  margin: 0 0 .07rem -.01rem;
  display: block;
  height: .48rem;
  line-height: .48rem;
  padding-left: .30rem;
  font-size: .20rem;
  color: #111126;
  transition:  0.2s;
}
.main-content .sort-list a:hover, .main-content .sort-list a.active {
  color: #fff;
  background: #1464FF;
}
.main-content .list-main {
  width: 11.9rem;
  padding-bottom: 0.2rem;
}
.main-content .list-main .list-item {
  padding-bottom: .30rem;
  margin-bottom: .39rem;
  border-bottom: .01rem solid #eeeeee;
}
.main-content .list-main .list-item:nth-last-child {
  margin-bottom: .30rem;
}
.main-content .list-main .list-item h3 {
  font-weight: bold;
  font-size: .20rem;
  color: #111126;
  line-height: .25rem;
  transition: 0.2s;
}
.main-content .list-main .list-item h3:hover {
  color: #1464FF;
}
.main-content .list-main .list-item p {
  font-size: .14rem;
  color: #111126;
  line-height: .24rem;
  margin: .17rem 0 .27rem;
  max-height: .72rem;
}
.main-content .list-main .list-item .item-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: .12rem;
  height: .24rem;
  overflow: hidden;
}
.main-content .list-main .list-item .item-bottom .item-bottom_left {
  color: #999999;
  line-height: .24rem;
}
.main-content .list-main .list-item .item-bottom .item-bottom_left span {
  margin: 0 .07rem;
}
.main-content .list-main .list-item .item-bottom .item-bottom_right {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-content .list-main .list-item .item-bottom .item-bottom_right .tag {
  height: .24rem;
  background: #EEF5FF;
  border-radius: .6rem;
  padding: 0 .10rem;
  color: #1464FF;
  margin: 0 0 .10rem .10rem;
  line-height: .24rem;
  max-width: 8rem;
}
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 0.6rem;
}
.pagination .pagination-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pagination a {
  min-width: .32rem;
  height: .32rem;
  line-height: .32rem;
  padding: 0 .05rem;
  font-size: .14rem;
  color: #111126;
  border-radius: .08rem;
  margin: 0 .05rem;
  display: block;
  text-align: center;
}
.pagination a:hover {
  color: #1464FF;
}
.pagination a.active {
  background: #1464FF;
  color: #fff;
}
.pagination a.next, .pagination a.prev {
  background: #F5F5F5;
  transition: 0.2s;
  position: relative;
}
.pagination a.next::after, .pagination a.prev::after {
  content: "";
  display: block;
  position: absolute;
  width: .24rem;
  height: .24rem;
  top: 0.04rem;
  left: 0.04rem;
  background: url("../imgs/next.svg") no-repeat center;
}
.pagination a.prev {
  transform: rotate(180deg);
}
.pagination a.next:hover, .pagination a.prev:hover {
  opacity: 0.8;
}
.pagination a.next:hover::after, .pagination a.prev:hover::after {
  background: url("../imgs/next-active.svg") no-repeat center;
}