.list-box {
  background-color: #f7f8fc;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 50px 0;
}

.list-box .tab-bar {
  width: 1400px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 32px;
  padding: 0 23px;
  flex-wrap: wrap;
}
.list-box .tab-bar a {
  color: black;
  border: 1px solid #ddd;
  border-radius: 4px;
  min-width: 90px;
  padding: 0 10px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  color: #606266;
  background-color: white;
  margin: 5px 10px;
}
.list-box .tab-bar .current {
  background-color: #0d6efd;
  color: white;
  border-color: #0d6efd;
}

/*.list-box .tab-bar {*/
/*  !*width: 1400px;*!*/
/*  !*display: flex;*!*/
/*  !*justify-content: space-between;*!*/
/*  !*align-items: center;*!*/
/*  !*margin-bottom: 32px;*!*/
/*  !*padding: 0 23px;*!*/
/*}*/
/*.list-box .tab-bar a {*/
/*  color: black;*/

/*  border: 1px solid #ddd;*/
/*  border-radius: 4px;*/
/*  min-width: 90px;*/
/*  padding: 0 10px;*/
/*  height: 32px;*/
/*  line-height: 30px;*/
/*  text-align: center;*/
/*  color: #606266;*/
/*  background-color: white;*/
/*}*/
/*.list-box .tab-bar .current {*/
/*  !*color: #0d6efd;*!*/
/*  background-color: #0d6efd;*/
/*  color: white;*/
/*  border-color: #0d6efd;*/
/*}*/
.list-box .list {
  width: 1400px;
  display: flex;
  flex-wrap: wrap;
}
.list-box .list .list-item {
  flex-basis: 25%;
  padding: 29px 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.list-box .list .list-item .img {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  margin-bottom: 20px;
  width: 300px;
  height: 340px;
}
.list-box .list .list-item .img img {
  width: 80%;
}
.list-box .list .list-item .name {
  color: #2F318B;
  font-size: 18px;
  margin-bottom: 5px;
  font-weight: bold;
}
.list-box .list .list-item .cate {
  font-size: 18px;
}
.list-box .pagination-box {
  padding: 80px 0 40px;
}
.list-box .pagination-box .page-link {
  margin: 0 10px;
  width: 50px;
  text-align: center;
  border-radius: 5px;
}

/*# sourceMappingURL=list.css.map */