html {
  min-width: 1500px;
}
.home_box {
  /* width: 100%;
  height: 100%;
  background: url("../assets/shouye_bg@2x.png") no-repeat;
  background-size: cover; */

  width: 100%;
  background: url("../assets/pic_shouyeone.png") no-repeat;
  background-size: 100% 100%;
}

.flex_center {
  display: flex;

  align-items: center;
}

.home_title {
  font-family: SourceHanSansCN, SourceHanSansCN;

  font-weight: bold;

  font-size: 22px;

  color: #ffffff;

  line-height: 36px;

  letter-spacing: 1px;

  font-style: normal;

  margin-left: 10px;
}

.send_word {
  width: 100%;

  /* height: 300px; */

  padding-top: 114px;

  color: #ffffff;
}

.flex_double_send {
  width: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;
}

.flex_double_send div:first-child {
  font-family: SourceHanSansCN, SourceHanSansCN;

  font-weight: bold;

  font-size: 42px;

  color: #ffffff;

  line-height: 84px;

  letter-spacing: 1px;

  font-style: normal;
}

.flex_double_send div:nth-child(2) {
  font-family: PingFangSC, PingFang SC;

  font-weight: 400;

  font-size: 16px;

  color: #ffffff;

  line-height: 30px;

  letter-spacing: 1px;

  font-style: normal;

  margin-top: -10px;
}

.header_nav {
  box-sizing: border-box;

  height: 30.625rem;

  display: flex;

  /* justify-content: space-between; */

  align-items: center;

  padding-bottom: 50px;

  margin-top: 30px !important;
}

.header_left_nav {
  width: 358px;

  height: 100%;

  background: #ffffff;

  border-radius: 16px;

  padding: 16px;
}

.header_right_pic {
  position: relative;

  /* width: 1098px; */
  width: 74.2%;

  height: 100%;

  margin-left: 24px;

  /* background: url("../assets/pic_shangxian@2x.png") no-repeat; */

  /* background-size: 100% 100%; */

  /* background-position: center; */
}

.header_left_title {
  font-family: SourceHanSansCN, SourceHanSansCN;

  font-weight: 500;

  font-size: 24px;

  color: #323335;

  line-height: 36px;

  letter-spacing: 1px;

  font-style: normal;

  padding-top: 24px;

  padding-left: 14px;

  padding-bottom: 25px;
}

.header_left_list {
  height: 40px;

  border-radius: 9px;

  display: flex;
  justify-content: space-between;

  align-items: center;

  padding: 11px 14px;
}
/* .header_left_list a {
  height: 40px;

  border-radius: 9px;

  display: flex;

  align-items: center;
} */

.header_left_list .nav_text {
  /* width: 32%; */

  /* position: relative; */

  cursor: pointer;

  /* padding-right: 10px; */

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  line-height: 40px;

  font-family: SourceHanSansCN, SourceHanSansCN;

  font-style: normal;
  /* flex: none; */
}

.nav_icon {
  width: 14px;

  height: 14px;

  cursor: pointer;
}

.nav_icon img {
  width: 100%;

  height: 100%;

  object-fit: cover;
}

/* img {

  width: 100%;

  height: 100%;

  object-fit: cover;

} */

.text_tooltip {
  position: absolute;

  top: -20px;

  /* 提示框定位上方 */

  left: 0;

  background-color: #f9f9f9;

  border: 1px solid #ccc;

  padding: 5px;

  display: none;

  /* 默认不显示提示框 */
}

.header_left_list .nav_text:after {
  content: attr(data-tooltip);

  /* 使用自定义属性作为提示文本 */

  position: absolute;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  top: -1.2em;

  /* 提示文本位于文本上方 */

  left: 0;

  background: #fff;

  /* 提示文本背景色 */

  padding: 2px 5px;

  /* 提示文本内边距 */

  z-index: 1;
}

.header_left_list .nav_text[data-tooltip]::after {
  content: attr(data-tooltip);

  /* 如果文本超出，显示完整提示 */
}

.header_left_list:hover {
  background: #f5f7fd;
}

.nav_1 a {
  font-family: SourceHanSansCN, SourceHanSansCN;

  font-weight: 500;

  font-size: 16px;

  color: #323335;

  line-height: 40px;

  letter-spacing: 1px;
}

.nav_1 a:hover {
  color: #2468f2;
}

.nav_2 a:hover {
  color: #2468f2;
}

.nav_2 a {
  font-weight: 400;

  font-size: 15px;

  color: #68696d;
  margin-left: 5px;
}

.selected_courses {
  width: 100%;
  padding-bottom: 50px;
  background: url("../assets/pic_shouyetwo.png") no-repeat;
  background-size: 100% 100%;
  padding-top: 20px;
}

.selected_courses .course_header {
  display: flex;

  justify-content: space-between;

  align-items: center;
}

.selected_courses .course_header .course_title {
  font-family: SourceHanSansCN, SourceHanSansCN;

  font-weight: 500;

  font-size: 24px;

  color: #323335;

  line-height: 36px;

  letter-spacing: 1px;

  font-style: normal;
}

/* .selected_courses .course_header .course_tip{

  display: flex;

  align-items: center;

  cursor: pointer;

} */

.selected_courses .course_header .course_tip a {
  display: flex;

  align-items: center;

  cursor: pointer;
}
.selected_courses .course_header .course_tip a:hover div {
  color: #0486fe;
}

.selected_courses .course_header .course_tip .nav_erji {
  width: 14px;
  height: 14px;
  background: url("../assets/icon_erji@2x.png");
  background-size: cover;
}
.selected_courses .course_header .course_tip a:hover .nav_erji {
  width: 14px;
  height: 14px;
  background: url("../assets/icon_erji_c@2x.png");
  background-size: cover;
}
.selected_courses .course_header .course_tip div {
  font-family: SourceHanSansCN, SourceHanSansCN;

  font-weight: 400;

  font-size: 16px;

  color: #68696d;

  line-height: 24px;

  font-style: normal;
}

.course_list {
  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;
}

.course_item {
  box-sizing: border-box;

  width: 23.78%;

  height: auto;

  background-color: #ffffff;

  border-radius: 8px;

  margin-top: 36px;

  cursor: pointer;

  margin-right: calc(4.88% / 3);
}

.course_item a {
  /* box-sizing: border-box;

  width: 100%;

  height: 100%;

  background-color: #ffffff;

  border-radius: 8px;

  cursor: pointer;

  display: flex;

  flex-direction: column; */
}

.default_img {
  width: 23.78%;

  height: auto;

  border-radius: 8px;

  /* margin-top: 36px; */

  /* background: url("../assets/pic_kechengyunying@2x.png") no-repeat; */

  /* background-size: 100% 100%; */

  cursor: pointer;
}

.default_img img {
  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 8px;
}

.course_item:nth-child(4n) {
  margin-right: 0;
}

.course_item:last-child {
  margin-right: auto;
}

.course_item .course_top {
  width: 100%;

  height: 190px;
}

.course_item .course_top img {
  width: 100%;

  height: 100%;

  object-fit: cover;

  border-top-left-radius: 8px;

  border-top-right-radius: 8px;
}

.course_item .course_bottom {
  padding: 24px;
}

.bottom_course_title {
  width: 100%;

  font-family: PingFangSC, PingFang SC;

  font-weight: 400;

  font-size: 16px;

  color: #323335;

  line-height: 22px;

  letter-spacing: 1px;

  font-style: normal;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;
}

.bottom_course_title:hover {
  color: #2468f2;
}

.bottom_course_tip {
  height: 40px;
  margin-top: 8px;

  font-family: SourceHanSansCN, SourceHanSansCN;

  font-weight: 400;

  font-size: 12px;

  color: #68696d;

  line-height: 20px;

  font-style: normal;

  padding-right: 4px;
  text-align: justify;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  overflow: hidden;

  text-overflow: ellipsis;
}

.course_item .course_bottom .bottom_course_status {
  margin-top: 27px;

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding-right: 4px;
}

.course_item .course_bottom .bottom_course_status .free_status {
  font-family: SourceHanSansCN, SourceHanSansCN;

  font-weight: 500;

  font-size: 16px;

  color: #ff2e2e;

  line-height: 24px;

  letter-spacing: 1px;

  font-style: normal;
}

.course_item .course_bottom .bottom_course_status .free_people {
  font-family: SourceHanSansCN, SourceHanSansCN;

  font-weight: 400;

  font-size: 14px;

  color: #323335;

  line-height: 21px;

  letter-spacing: 1px;

  font-style: normal;
}

.premium_package {
  width: 100%;

  min-height: 540px;

  background: url("../assets/taocan_bg@2x.png") no-repeat;

  background-size: 100% 100%;
}

.premium_div {
  height: 100%;

  padding: 50px 0;
}

.premium_div .course_header {
  display: flex;

  justify-content: space-between;

  align-items: center;
}

.premium_div .course_header .course_title {
  font-family: SourceHanSansCN, SourceHanSansCN;

  font-weight: 500;

  font-size: 24px;

  color: #323335;

  line-height: 36px;

  letter-spacing: 1px;

  font-style: normal;
}

.premium_div .course_header .course_tip {
  display: flex;

  align-items: center;
}

.premium_div .course_header .course_tip div {
  font-family: SourceHanSansCN, SourceHanSansCN;

  font-weight: 400;

  font-size: 16px;

  color: #68696d;

  line-height: 24px;

  font-style: normal;
}

.premium_div .course_header .course_tip a:hover div {
  color: #0486fe;
}

.premium_div .course_header .course_tip .nav_erji {
  width: 14px;
  height: 14px;
  background: url("../assets/icon_erji@2x.png");
  background-size: cover;
}
.premium_div .course_header .course_tip a:hover .nav_erji {
  width: 14px;
  height: 14px;
  background: url("../assets/icon_erji_c@2x.png");
  background-size: cover;
}

.course_list .package_item {
  box-sizing: border-box;

  width: 23.78%;

  height: auto;

  background-color: #f9fbff;

  border-radius: 8px;

  margin-top: 36px;

  cursor: pointer;
  margin-right: calc(4.88% / 3);
}

.course_list .package_item a {
  box-sizing: border-box;

  width: 100%;

  height: 358px;

  background-color: #f9fbff;

  border-radius: 8px;

  /* margin-top: 36px; */

  cursor: pointer;

  margin-bottom: 20px;
}

.package_item:nth-child(4n) {
  margin-right: 0;
}

.package_item:last-child {
  margin-right: auto;
}

.package_item .package_top {
  width: 100%;

  height: 190px;
}

.package_item .package_top img {
  width: 100%;

  height: 100%;

  object-fit: cover;

  border-top-left-radius: 8px;

  border-top-right-radius: 8px;
}

.package_item .package_bottom {
  width: 100%;

  height: 157px;

  background: #f9fbff;

  border-radius: 0px 0px 8px 8px;
}

.package_item .package_bottom .bottom_package_img {
  width: 100%;

  height: 111px;

  background: url("../assets/wenben_bg@2x.png") no-repeat;

  background-size: 100% 100%;

  padding: 24px;
}

.package_item .package_bottom .bottom_package_status {
  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 0 24px;
}

.package_item .package_bottom .bottom_package_status .free_status {
  font-family: SourceHanSansCN, SourceHanSansCN;

  font-weight: 500;

  font-size: 16px;

  color: #ff2e2e;

  line-height: 24px;

  letter-spacing: 1px;

  font-style: normal;
}

.package_item .package_bottom .bottom_package_status .free_people {
  font-family: SourceHanSansCN, SourceHanSansCN;

  font-weight: 400;

  font-size: 14px;

  color: #323335;

  line-height: 21px;

  letter-spacing: 1px;

  font-style: normal;
}

.knowledge_sharing {
  padding-top: 30px;
}

.konwledge_content {
  margin-top: 36px;

  display: flex;

  justify-content: space-between;

  /* align-items: center; */
}

.konwledge_content .konwledge_left a {
  width: 49.18%;

  height: 609px;

  background: #ffffff;

  border-radius: 8px;
}

.konwledge_content .konwledge_left {
  width: 49.18%;

  height: inherit;

  background: #ffffff;

  border-radius: 8px;
}

.konwledge_content .konwledge_left .know_left_img {
  width: 100%;

  height: auto;

  object-fit: cover;

  /* background: url('../assets/pic_xwfengmian1@2x.png') no-repeat; */

  /* background-size: 100% 100%; */
}

.konwledge_content .konwledge_left .know_left_img img {
  width: 100%;

  height: 100%;


  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  object-fit: cover;
}

.konwledge_content .konwledge_left .know_left_content {
  padding: 24px;
}

.konwledge_content .konwledge_left .know_left_content .know_left_content_title {
  font-family: SourceHanSansCN, SourceHanSansCN;

  font-weight: 500;

  font-size: 30px;

  color: #323335;

  line-height: 45px;

  letter-spacing: 1px;

  font-style: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.konwledge_content
  .konwledge_left
  .know_left_content
  .know_left_content_title:hover {
  color: #0486fe;
}
.konwledge_content .konwledge_left .know_left_content .know_left_content_tip {
  height: 40px;

  margin-top: 16px;

  font-family: SourceHanSansCN, SourceHanSansCN;

  font-weight: 400;

  font-size: 14px;

  color: #68696d;

  line-height: 20px;

  font-style: normal;
  text-align: justify;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  overflow: hidden;

  text-overflow: ellipsis;
}

.know_left_time_eye {
  margin-top: 34px;

  display: flex;

  justify-content: space-between;

  align-items: center;

  font-family: SourceHanSansCN, SourceHanSansCN;

  font-weight: 400;

  font-size: 14px;

  color: #323335;

  line-height: 21px;

  letter-spacing: 1px;

  font-style: normal;
}

.know_left_time_eye .know_left_eye {
  display: flex;

  align-items: center;
}

.know_left_time_eye .know_left_eye img {
  width: 24px;

  height: 18px;
}

.konwledge_content .konwledge_right {
  width: 49.18%;

  /* height: 609px; */

  background: #ffffff;

  border-radius: 8px;

  padding: 36px 24px 0 24px;
}

/* .konwledge_content .konwledge_right .know_list{

  display: flex;

  align-items: center;

  padding-bottom: 36px;

  border-bottom: 1px solid #EEEFF0;

  margin-top: 36px;

} */

.konwledge_content .konwledge_right .know_list a {
  display: flex;

  justify-content: space-between;

  align-items: center;

  padding-bottom: 36px;

  border-bottom: 1px solid #eeeff0;

  margin-top: 36px;
}

.konwledge_content .konwledge_right .know_list:last-child a {
  border-bottom: none;
}

.konwledge_content .konwledge_right .know_list:first-child a {
  margin-top: 0;
}

.konwledge_content .konwledge_right .know_list .know_right_img {
  width: 41.7%;

  height: auto;
}

.konwledge_content .konwledge_right .know_list .know_right_img img {
  width: 100%;

  height: 100%;

  object-fit: cover;
  border-radius: 8px;
}

.konwledge_content .konwledge_right .know_list .know_right_item {
  width: 55%;
}

.konwledge_content .konwledge_right .know_list .know_right_title {
  font-family: PingFangSC, PingFang SC;

  font-weight: 400;

  font-size: 16px;

  color: #323335;

  line-height: 22px;

  letter-spacing: 1px;

  font-style: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.konwledge_content .konwledge_right .know_list .know_right_title:hover {
  color: #2468f2;
}
.konwledge_content .konwledge_right .know_list .know_right_tip {
  margin-top: 8px;

  font-family: SourceHanSansCN, SourceHanSansCN;

  font-weight: 400;

  font-size: 12px;

  color: #68696d;

  line-height: 20px;

  font-style: normal;

  text-align: justify;
  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  overflow: hidden;

  text-overflow: ellipsis;
}

.ct1180 {
  width: 1480px;
  margin: 0 auto;
}

.footer_item {
  width: 100%;

  /* background-color: #141414; */
  background: url('../assets/bottom_bg.png') no-repeat;
  background-size: 100% 100%;
  /* min-height: 389px; */
}

.footer_item .footer_padd {
  /* height: 100%; */

  padding: 50px 0 24px 0;

  display: flex;

  flex-direction: column;

  justify-content: space-between;
}

.footer_item .footer_padd .footer_top {
  display: grid;

  padding-bottom: 50px;

  border-bottom: 1px solid rgba(238, 239, 240, 0.2);

  grid-template-columns: 3fr 2fr 4fr 2fr;

  gap: 80px;
}

.footer_item .footer_padd .footer_top .qiye_message .qiye_logo {
  /* width: 254px;

  height: 62px; */

  /* background: url("../assets/pic_qiyelogo_fyy@2x.png") no-repeat; */
  width: 240px;
    height: 56px;
  background: url("../assets/bottom_feiyuelogo_shen.png") no-repeat;


  background-size: cover;
}

.footer_item .footer_padd .footer_top .qiye_message .qiye_phone {
  display: flex;

  align-items: center;

  margin-left: 9px;

  margin-top: 28px;
}

.footer_item .footer_padd .footer_top .qiye_message .qiye_phone img {
  width: 30px;

  height: 30px;

  object-fit: cover;
}

.footer_item .footer_padd .footer_top .qiye_message .qiye_phone div {
  font-family: SourceHanSansCN, SourceHanSansCN;

  font-weight: bold;

  font-size: 30px;

  /* color: #ffffff; */
  color: #323335;
  line-height: 45px;

  letter-spacing: 1px;

  font-style: normal;

  margin-left: 10px;

  white-space: nowrap;
}

/* .footer_item .footer_padd .footer_top .qiye_about{

  padding: 0 15px;

} */

.qiye_about_title {
  font-family: SourceHanSansCN, SourceHanSansCN;

  font-weight: 500;

  font-size: 16px;

  /* color: #ffffff; */
  color: #323335;

  line-height: 36px;

  letter-spacing: 1px;

  font-style: normal;

  text-align: left;

  white-space: nowrap;
}

.footer_item .footer_padd .footer_top .qiye_about .qiye_about_content {
  display: grid;

  justify-content: space-between;

  grid-template-columns: repeat(2, 1fr);

  gap: 16px;

  margin-top: 28px;
}

.footer_item .footer_padd .footer_top .qiye_about .qiye_about_content div {
  text-align: left;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  cursor: pointer;

  font-size: 14px;
}

.footer_item
  .footer_padd
  .footer_top
  .qiye_about
  .qiye_about_content
  div:hover
  a {
  /* color: #ffffff; */
  color: #2468F2;
}

.footer_item .footer_padd .footer_top .qiye_address .qiye_addr_item {
  display: flex;

  align-items: center;

  margin-top: 24px;
}

.footer_item .footer_padd .footer_top .qiye_address .qiye_addr_item img {
  width: 16px;

  height: 18px;

  object-fit: cover;
}

.footer_item .footer_padd .footer_top .qiye_address .qiye_addr_item div {
  margin-left: 6px;

  font-family: PingFangSC, PingFang SC;

  font-weight: 400;

  font-size: 14px;

  color: #999999;

  line-height: 22px;

  letter-spacing: 1px;

  font-style: normal;

  /* white-space: nowrap; */
}

.footer_item .footer_padd .footer_top .qiye_ewm {
  display: flex;

  flex-direction: column;

  align-items: center;

  cursor: pointer;
}

.footer_item .footer_padd .footer_top .qiye_ewm img {
  width: 122px;

  height: 122px;

  object-fit: cover;
}

.footer_item .footer_padd .footer_top .qiye_ewm div {
  margin-top: 6px;

  font-family: PingFangSC, PingFang SC;

  font-weight: 400;

  font-size: 16px;

  color: #999999;

  line-height: 22px;

  letter-spacing: 1px;

  font-style: normal;
}

.footer_item .footer_padd .footer_bottom {
  margin-top: 30px;

  display: flex;

  justify-content: center;

  align-items: center;

  font-family: PingFangSC, PingFang SC;

  font-weight: 400;

  font-size: 14px;

  color: #999999;

  line-height: 20px;

  letter-spacing: 1px;

  font-style: normal;
}

.footer_item .richText {
  padding-top: 30px;

  border-bottom: 2px solid #606266;
}

.footer-link {
  display: flex;

  justify-content: center;

  padding: 30px 0 20px;

  flex-wrap: wrap;

  align-items: flex-end;

  height: 18px;

  box-sizing: content-box;

  line-height: 18px;
}

.footer-link li {
  color: #c0c4cc;

  font-size: 16px;

  margin: 0 30px 0;
}

.footer-copyright {
  color: #c0c4cc;

  font-size: 12px;

  text-align: center;

  padding-bottom: 30px;
}

.head_course_nav > ul > li a {
  color: #323335 !important;
}

.head_course_nav > ul > li a:hover {
  color: #0486fe !important;
}

.head_course_nav .head-nav-active i {
  width: 32px;

  height: 3px;

  /* background: #0486fe; */

  background-color: #2468f2 !important;

  position: absolute;

  left: 50%;

  margin-left: -16px;

  /* bottom: 16px; */

  bottom: 0;

  border-radius: 2px;
}

.head_course_nav .head-nav-active a {
  /* color: #0486fe; */

  color: #2468f2 !important;

  font-weight: bold;
}

.page_card {
  margin-top: 26px;

  display: flex;

  justify-content: center;

  align-items: center;
}

.page_card .page_total {
  font-family: SourceHanSansCN, SourceHanSansCN;

  font-weight: 400;

  font-size: 14px;

  color: #323335;

  line-height: 21px;

  letter-spacing: 1px;

  font-style: normal;
}

.page_arrow {
  cursor: pointer;

  margin-left: 14px;

  width: 32px;

  height: 32px;

  background: #ffffff;

  border-radius: 4px;

  border: 1px solid #eeeff0;

  display: flex;

  justify-content: center;

  align-items: center;
}

.page_arrow img {
  width: 16px;

  height: 16px;
}

.page_num {
  margin: 0 8px;

  display: flex;

  align-items: center;
}

.page_num div a {
  cursor: pointer;

  width: 32px;

  height: 32px;

  background: #ffffff;

  border-radius: 4px;

  border: 1px solid #eeeff0;

  margin-right: 8px;

  display: flex;

  justify-content: center;

  align-items: center;

  font-family: SourceHanSansCN, SourceHanSansCN;

  font-weight: 400;

  font-size: 14px;

  color: #68696d;

  letter-spacing: 1px;

  font-style: normal;
}

.page_active_num a {
  background: #2468f2 !important;

  color: #ffffff !important;
}

.page_num div:last-child {
  margin-right: 0;
}

.page_select {
  cursor: pointer;

  box-sizing: border-box;

  margin-left: 20px;

  padding: 0 16px;

  display: flex;

  align-items: center;

  height: 32px;

  background: #ffffff;

  border-radius: 4px;

  border: 1px solid #eeeff0;
}

.page_select img {
  width: 16px;

  height: 16px;
}

.page_select .div {
  font-family: SourceHanSansCN, SourceHanSansCN;

  font-weight: 400;

  font-size: 14px;

  color: #323335;

  letter-spacing: 1px;

  font-style: normal;
}

/* 首页 精选课程 目录 */
.list-content {
  width: 372px;
  height: 339px;
  background: #fff;
  box-shadow: 0 10px 20px 0 rgba(101, 106, 134, 0.2);
  border-radius: 8px;
  opacity: 0.98;
  position: absolute;
  left: 100%;
  top: 0;
  box-sizing: border-box;
  display: none;
}

.list-content-title {
  /* height: 22px;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  line-height: 22px;
  cursor: pointer; */
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 500;
  font-size: 20px;
  color: #323335;
  line-height: 30px;
  letter-spacing: 1px;
  font-style: normal;
}

.list-content .category-title-arrow {
  height: 16px;
  width: 16px;
  cursor: pointer;
}

.list-content .category-detail {
  margin: 24px;
  min-height: 144px;
}

.list-content .category-detail-top {
  display: flex;
  align-items: center;
  color: #14171c;
}
.sanjiao_bg {
  margin-left: 4px;
  width: 14px;
  height: 14px;
  background: url("../assets/icon_erji@2x.png");
  background-size: cover;
}
.list-content .category-detail-top:hover {
  color: #2468f2;
}
.list-content .category-detail-top:hover .sanjiao_bg {
  margin-left: 4px;
  width: 14px;
  height: 14px;
  background: url("../assets/icon_erji_c@2x.png");
  background-size: cover;
}
.list-content .category-detail .subject-list-item {
  display: inline-block;
  margin: 16px 24px 0 0;
  white-space: nowrap;
  cursor: pointer;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  font-size: 16px;
  color: #68696d;
  line-height: 24px;
  font-style: normal;
}

.list-content .category-detail .subject-list-item:hover {
  color: #2468f2;
}

.list-content .hot-course {
  margin: 0 24px 24px;
}

.list-content .hot-course-list {
  display: flex;
  justify-content: space-between;
}

.list-content .hot-course-list-item {
  width: 152px;
}

.list-content .hot-course-list .course-cover {
  width: 152px;
  height: 85px;
  border-radius: 3px;
  margin-top: 12px;
  cursor: pointer;
}

.list-content .hot-course-list .course-title {
  width: 152px;
  font-size: 12px;
  font-weight: 400;
  color: #14171c;
  line-height: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 8px;
  cursor: pointer;
  white-space: nowrap;
}

.list-content.active {
  display: block;
}
.category-filter {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 99;
}

.category-filter li {
  list-style-type: none;
}
.category-filter-list {
  max-height: 290px;
  box-sizing: border-box;
  overflow-y: scroll;
}

.category-filter-list::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.category-filter-list:hover::-webkit-scrollbar {
  width: 5px;
}

.category-filter-list:hover::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 2px;
}

.category-filter-list .list-item {
  position: relative;
  width: 322px;
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: 14px;
  color: #717274;
  overflow: hidden;
}

.category-filter-list .list-item .word-wrapper {
  width: 18.75rem;
  margin-left: 10px;
}

.category-filter-list .list-item .category-name {
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 500;
  font-size: 17px;
  color: #323335;
  line-height: 2.5rem;
  font-style: normal;
  float: left;
  padding-right: 10px;
}

.category-filter-list .list-item .category-name:hover {
  color: #2468f2;
}

.category-filter-list .list-item .subject-name {
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  font-size: 16px;
  color: #68696d;
  line-height: 2.5rem;
  font-style: normal;

  white-space: nowrap;
  float: left;
  position: relative;
  cursor: pointer;
}

.category-filter-list .list-item .subject-name:not(:nth-child(2)):before {
  content: "/";
  position: absolute;
  left: -13px;
  margin-left: 4px;
  font-size: 14px;
  color: #8b8fa1;
}

.category-filter-list .list-item .subject-name:not(:nth-child(2)) {
  margin-left: 13px;
}

.category-filter-list .list-item .subject-name:hover {
  color: #2468f2;
}

.category-filter-list .list-item .arrow {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 5px;
}

.category-filter-list .list-item:hover {
  background: #f5f7fd;
  border-radius: 9px;
}