.page-margin {
  margin: 0 var(--page-margin);
}

.el-switch--small .el-switch__label * {
  font-size: 14px !important;
  color: #000 !important;
}

.el-switch--small .el-switch__label--right {
  margin-left: 5px !important;
}

.list {
  width: 100%;
}
.list .nav-bar {
  padding: 60px var(--page-margin) 20px;
  display: flex;
  justify-content: space-between;
  transition: all 0.3s;
}
.list .nav-bar .nav-item {
  display: flex;
  align-items: center;
}
.list .nav-bar .nav-item.filter, .list .nav-bar .nav-item.hot {
  width: 100px;
}
.list .nav-bar .type-list {
  display: flex;
  justify-content: space-between;
  min-width: 55%;
  transition: all 0.3s;
}
.list .nav-bar .type-list .type {
  border: 1px solid #000;
  padding: 10px 20px;
  border-radius: 50px;
  cursor: pointer;
}
.list .nav-bar .type-list .type.active {
  background-color: #000;
  color: #fff;
}
.list .second-line .def-btn,
.list .second-line .el-button {
  border: 1px solid #BFBFBF;
  height: 36px;
  font-size: 14px !important;
}
.list .data {
  display: grid;
  padding: 0 var(--page-margin);
  transition: all 0.3s;
  grid-template-columns: repeat(5, 1fr);
  -moz-column-gap: var(--image-rc-gap);
       column-gap: var(--image-rc-gap);
  row-gap: var(--image-rc-gap);
}
.list .more {
  display: flex;
  justify-content: center;
  padding: 40px;
}
.list .more .more-btn {
  padding: 15px 30px;
  border: 1px solid #BFBFBF;
  color: #BFBFBF;
  border-radius: 50px;
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  cursor: pointer;
}

@media (max-width: 991.99px) {
  .list .nav-bar {
    padding: 30px var(--page-margin);
  }
  .list .nav-bar .type-list {
    min-width: 80%;
  }
  .list .nav-bar .type-list .type {
    padding: 5px 10px !important;
  }
  .list .nav-bar .filter,
  .list .nav-bar .hot {
    width: 80px !important;
    padding: 5px !important;
  }
  .list .data {
    padding: 0 var(--page-margin);
  }
}/*# sourceMappingURL=index.css.map */