/* ---------------- 条件筛选区域 start ---------------- */
/* 搜索样式 */
.search-keyword {
  padding: 24px 0;
  border-bottom: 1px solid #E9EEF3;
}
.search-keyword>input {
  width: 258px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 2px;
  border: 1px solid #E9EEF3;
  margin-right: 10px;
  padding: 0 12px;
}

.search-keyword>input:hover,
.search-keyword>input:focus {
  border-color: #bed3e9;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.search-keyword>button {
  width: 62px;
  height: 30px;
  background: #FF5600;
  border-radius: 2px;
  font-size: 14px;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 30px;
}

.search-keyword>button:hover,
.search-keyword>button:active {
  opacity: 0.8;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.step-before {
  width: 120px;
  text-align: left;
  display: inline-block;
}

.category>div {
  width: calc(100% - 212px);
}

.category>div>span {
  margin-bottom: 15px;
  display: inline-block;
}

/* ---------------- 条件筛选区域 end ---------------- */

/* ---------------- 项目列表区域 start ---------------- */
.card-box {
  margin-top: 24px;
}

/* ---------------- 项目列表区域 end ---------------- */