.views-xkindex .xklist-box {
  display: flex;
  flex-wrap: wrap;
  min-height: 476px;
  padding-top: 29px;
}
.views-xkindex .xklist-box .li {
  background: #fff;
  border-radius: 15px 15px 15px 15px;
  height: 232px;
  margin-bottom: 18px;
  width: 388px;
}
.views-xkindex .xklist-box .li:not(:nth-child(3n)) {
  margin-right: 18px;
}
.views-xkindex .xk-filter-box {
  display: flex;
  align-items: center;
  padding-top: 40px;
}
.views-xkindex .xk-filter-box span {
  color: #666;
  font-size: 14px;
}
.views-xkindex .xk-filter-box span.on {
  color: #4c7af2;
}
.views-xkindex .xk-filter-box .sale-box, .views-xkindex .xk-filter-box .price-box {
  display: flex;
  align-items: center;
  margin-left: 60px;
}
.views-xkindex .xk-filter-box .triangle-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 3px;
}
.views-xkindex .xk-filter-box .triangle-box .triangle-up {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #666 transparent;
}
.views-xkindex .xk-filter-box .triangle-box .triangle-up.on {
  border-color: transparent transparent #4c7af2 transparent;
}
.views-xkindex .xk-filter-box .triangle-box .triangle-down {
  margin-top: 1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #666 transparent transparent transparent;
}
.views-xkindex .xk-filter-box .triangle-box .triangle-down.on {
  border-color: #4c7af2 transparent transparent transparent;
}

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