.knowledge_home_page {
  padding-top: var(--header-height-1);
  height: auto;
  min-height: 100vh;
  background: url(/learn/static/imgs/knowledge/knowledge_bg.png), linear-gradient(225deg, #0d124c 0%, #161620 27%, #1b103d 100%);
  background-repeat: no-repeat;
  padding-bottom: 80px;
}
.knowledge_home_page .container {
  max-width: 1650px;
}
.knowledge_home_page .search_wrap {
  text-align: center;
  width: 566px;
  height: 46px;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(11, 144, 243, 0.21) 100%);
  border-radius: 23px;
  border: 2px solid rgba(241, 241, 241, 0.31);
  display: flex;
  align-items: center;
  margin: 0 auto;
  margin-top: 40px;
  padding-left: 20px;
  box-sizing: border-box;
}
.knowledge_home_page .search_wrap .el-icon-search {
  font-size: 20px;
  color: #fff;
  position: relative;
}
.knowledge_home_page .search_wrap .el-icon-search::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  width: 9px;
  height: 9px;
  background-color: #0c8cf5;
  border-radius: 99px;
}
.knowledge_home_page .search_wrap .el-input {
  font-size: 16px;
}
.knowledge_home_page .search_wrap .el-input input {
  background-color: transparent;
  border: unset;
  color: #fff;
}
.knowledge_home_page .waterfall_wrap {
  display: flex;
  margin-top: 30px;
}
.knowledge_home_page .waterfall_wrap .waterfall {
  flex: 1;
  width: 0;
  display: flex;
  margin-right: -25px;
}
.knowledge_home_page .waterfall_wrap .waterfall .col {
  width: calc((100% - 50px) / 3);
  margin-right: 25px;
}
.knowledge_home_page .waterfall_wrap .right_panel {
  width: calc((100% - 75px) / 4);
  margin-left: 25px;
}
.knowledge_home_page .waterfall_wrap .right_panel .waterfall {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 25px;
}
.knowledge_home_page .waterfall_wrap .hot_list {
  width: 100%;
  height: 950px;
  background: linear-gradient(180deg, rgba(33, 87, 217, 0.66) 0%, rgba(91, 56, 172, 0.17) 100%);
  border-radius: 8px;
}
.knowledge_home_page .waterfall_wrap .hot_list .hot_header {
  font-size: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 25px;
}
.knowledge_home_page .waterfall_wrap .hot_list .hot_header img {
  margin-right: 6px;
}
.knowledge_home_page .waterfall_wrap .hot_list .list {
  padding: 0 24px;
}
.knowledge_home_page .waterfall_wrap .hot_list .list .item {
  width: 100%;
  height: 76px;
  line-height: 76px;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.04) 100%);
  border-radius: 7px;
  display: flex;
  margin-bottom: 10px;
  color: #fff;
  align-items: center;
  background-repeat: no-repeat;
}
.knowledge_home_page .waterfall_wrap .hot_list .list .item:nth-child(1) .sort {
  background-image: url(/learn/static/imgs/knowledge/sort_icon_1.png);
}
.knowledge_home_page .waterfall_wrap .hot_list .list .item:nth-child(1) .sort span {
  display: none;
}
.knowledge_home_page .waterfall_wrap .hot_list .list .item:nth-child(2) .sort {
  background-image: url(/learn/static/imgs/knowledge/sort_icon_2.png);
}
.knowledge_home_page .waterfall_wrap .hot_list .list .item:nth-child(2) .sort span {
  display: none;
}
.knowledge_home_page .waterfall_wrap .hot_list .list .item:nth-child(3) .sort {
  background-image: url(/learn/static/imgs/knowledge/sort_icon_3.png);
}
.knowledge_home_page .waterfall_wrap .hot_list .list .item:nth-child(3) .sort span {
  display: none;
}
.knowledge_home_page .waterfall_wrap .hot_list .list .item .sort {
  height: 100%;
  width: 50px;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
}
.knowledge_home_page .waterfall_wrap .hot_list .list .item .name {
  font-size: 14px;
  flex: 1;
  width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.knowledge_home_page .waterfall_wrap .hot_list .list .item .hits {
  width: 70px;
  font-size: 20px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 10px;
}
.knowledge_home_page .waterfall_wrap .hot_list .list .item .hits span {
  line-height: 1;
}
.knowledge_home_page .waterfall_wrap .hot_list .list .item .hits .iconfont {
  color: rgba(255, 255, 255, 0.5);
  margin-right: 6px;
}
.knowledge_home_page .recommend_wrap {
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 8px;
  margin-top: 80px;
  padding: 25px 30px;
}
.knowledge_home_page .recommend_wrap .wrap_title {
  font-weight: 600;
  font-size: 20px;
  color: #ffffff;
  line-height: 28px;
}
.knowledge_home_page .recommend_wrap .list {
  display: flex;
  margin-right: -25px;
  flex-wrap: wrap;
  margin-top: 25px;
}
.knowledge_home_page .recommend_wrap .list .knowledge_course_card {
  width: calc((100% - 100px) / 4);
  margin-right: 25px;
}
@media screen and (max-width: 768px) {
  .knowledge_home_page {
    min-height: unset;
  }
  .knowledge_home_page .container {
    max-width: 100%;
    min-width: 100%;
  }
  .knowledge_home_page .search_wrap {
    width: 100%;
  }
  .knowledge_home_page .knowledge_course_card .cover_box {
    height: 120px;
  }
  .knowledge_home_page .knowledge_course_card.teacher .cover_box .cover img {
    width: 60px;
    height: 60px;
  }
  .knowledge_home_page .waterfall_wrap {
    flex-direction: column;
  }
  .knowledge_home_page .waterfall_wrap > .waterfall .col:nth-child(3) {
    display: none;
  }
  .knowledge_home_page .waterfall_wrap > .waterfall .col:nth-child(2) .knowledge_course_card:nth-child(n+5) {
    display: none;
  }
  .knowledge_home_page .waterfall_wrap .waterfall {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .knowledge_home_page .waterfall_wrap .waterfall .col {
    width: 100%;
    margin-right: 0;
    display: flex;
    flex-wrap: wrap;
  }
  .knowledge_home_page .waterfall_wrap .waterfall .col .knowledge_course_card {
    width: calc(50% - 10px);
  }
  .knowledge_home_page .waterfall_wrap .waterfall .col .knowledge_course_card:nth-child(2n) {
    margin-left: 20px;
  }
  .knowledge_home_page .waterfall_wrap .right_panel {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .knowledge_home_page .waterfall_wrap .right_panel .waterfall {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 0;
  }
  .knowledge_home_page .waterfall_wrap .right_panel .waterfall .row {
    display: none;
    width: calc(50% - 10px);
  }
  .knowledge_home_page .waterfall_wrap .right_panel .waterfall .row:nth-child(2n) {
    margin-left: 20px;
  }
  .knowledge_home_page .waterfall_wrap .right_panel .hot_list {
    height: auto;
    margin-bottom: 10px;
  }
  .knowledge_home_page .waterfall_wrap .right_panel .hot_list .list .item:nth-child(n+6) {
    display: none;
  }
  .knowledge_home_page .recommend_wrap {
    margin-top: 0;
    padding: 0;
    background: none;
  }
  .knowledge_home_page .recommend_wrap .wrap_title {
    margin-top: 10px;
  }
  .knowledge_home_page .recommend_wrap .list {
    width: 100%;
  }
  .knowledge_home_page .recommend_wrap .list .knowledge_course_card {
    width: calc(50% - 10px);
    margin-right: 0;
  }
  .knowledge_home_page .recommend_wrap .list .knowledge_course_card:nth-child(2n) {
    margin-left: 20px;
  }
}


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