@font-face {
  font-family: PingFang SC;
  src: url(../fonts/PingFang_Medium_downcc.ttf);
}
@font-face {
  font-family: YouSheBiaoTiHei;
  src: url(../fonts/YouSheBiaoTiHei.ttf);
}
@font-face {
  font-family: D-DIN;
  src: url(../fonts/D-DIN.ttf);
}
body {
  min-width: 1200px;
  background: radial-gradient(70.71% 70.71% at 50% 50%,
      #f1f1f5 28%,
      #eff2f9 77%);
}

img {
  width: 100%;
  height: 100%;
}

.c_logo_box {
  width: 263;
  height: 61px;
}

.c_header_wrapper {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.c_header {
  padding: 26px 0;
  background: #0356cb;
  font-family: PingFang SC;
}

.c_options_tabbar {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  display: flex;
  gap: 30px;
}

.c_options_tabbar a {
  color: #fff;
}

.c_user_box {
  font-size: 14px;
  color: #fff;
  display: flex;
  gap: 16px;
  justify-content: flex-end;
  margin-bottom: 20px;
}

.c_user_box a {
  color: #fff;
}

.c_user_info {
  display: flex;
  align-items: center;
  gap: 5px;
}

.c_avatar {
  width: 24px;
  height: 24px;
}

.c_top_nav_box {
  height: 150px;
  background: url(../imgs/nav-top.png) no-repeat center center;
  background-size: cover;
  position: relative;
}

.c_logo_2 {
  width: 467px;
  height: 52px;
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, 0);
}

.c_nav_list {
  display: flex;
  gap: 30px;
  font-family: PingFang SC;
  font-size: 18px;
  color: #333;
  position: absolute;
  bottom: 5px;
  left: 25.5%;
}

.c_nav_list li {
  box-sizing: border-box;
  padding-bottom: 8px;
  cursor: pointer;
}

.c_nav_list li.active {
  border-bottom: 2px solid rgba(0, 118, 255);
}

.c_main_content {
  width: 1200px;
  margin: 0 auto;
  background-color: #fff;
  margin-top: 30px;
  border-radius: 6px;
}

.c_tabbar_box_wrapper {
  padding: 24px 20px 0px 20px;
  box-sizing: border-box;
}

.c_main_content .c_tabbar_box_wrapper .c_tabbar_box {
  padding: 8px;
  box-sizing: border-box;
  display: flex;
  border-radius: 12px;
  background: #f4f6fc;
  border-bottom: none;
}

.c_main_content .c_tabbar_box_wrapper .c_tabbar_box li.active {
  background-color: #fff;
  padding: 10px;
  font-weight: 600;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.04);
}

.c_main_content .c_tabbar_box_wrapper .c_tabbar_box li {
  display: flex;
  cursor: pointer;
  gap: 10px;
  justify-content: center;
  color: #1d1d1f;
  font-family: PingFang SC;
  font-size: 18px;
  align-items: center;
  transition: background-color 0.3s;
  flex: 1;
}

.c_tabbar_icon_base {
  display: flex;
  width: 30px;
  height: 30px;
}

.c_tabbar_icon1 {
  background: url(../imgs/icon-tabbar1.svg) no-repeat center center;
  background-size: 100% 100%;
}

.c_tabbar_icon2 {
  background: url(../imgs/icon-tabbar2.svg) no-repeat center center;
  background-size: 100% 100%;
}

.c_tabbar_icon3 {
  background: url(../imgs/icon-tabbar3.svg) no-repeat center center;
  background-size: 100% 100%;
}

.c_tabbar_icon4 {
  background: url(../imgs/icon-tabbar4.svg) no-repeat center center;
  background-size: 100% 100%;
}

.c_retract {
  height: 48px;
}

.c_classification_box {
  border-radius: 6px;
  padding: 24px 32px;
  box-sizing: border-box;
  background: linear-gradient(308deg,
      rgba(227, 236, 255, 0.53) 0%,
      rgba(227, 236, 255, 0) 41%),
    #fff;
  font-family: PingFang SC;
  font-size: 14px;
  transition: all 0.5s;
  position: relative;
  height: auto;
}

.c_classification_box::after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 330px;
  height: 240px;
  background: url(../imgs/nav-decoration.png) no-repeat center center;
  background-size: 100% 100%;
}

.c_classification_box ul>div,
.c_classification_box ul li {
  color: #1d1d1f;
  padding: 5px 20px;
  cursor: pointer;
}

.c_classification_box ul>div {
  color: #999;
}

.c_classification_box ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 27px;
}

.c_classification_box ul:last-child {
  margin-bottom: 0;
}

.c_classification_box ul li.active {
  border-radius: 17px;
  background: rgba(30, 98, 236, 0.1);
  color: #1b70fc;
}

.c_retract_btn {
  display: flex;
  align-items: center;
  gap: 10px;
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
  z-index: 2;
}

.c_szjf_retract_btn {
  display: flex;
  align-items: center;
  gap: 10px;
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
  z-index: 2;
}

.c_book_retract_btn {
  display: flex;
  align-items: center;
  gap: 10px;
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
  z-index: 2;
}

.c_fine_course_retract_btn {
  display: flex;
  align-items: center;
  gap: 10px;
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
  z-index: 2;
}

.c_retract {
  height: 80px;
  overflow: hidden;
}

.c_retract .c_retract_arrow {
  transform: rotate(180deg);
}

.c_retract .c_retract_shower {
  display: flex;
  align-items: center;
  gap: 10px;
}

.c_retract_shower {
  font-size: 16px;
  font-weight: 600;
  color: #1b70fc;
  font-family: PingFang SC;
}

.c_wrapper {
  width: 1200px;
  margin: 0 auto;
}

.c_wrapper .c_nav_list {
  position: static;
}

.c_wrapper {
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
}

.c_wrapper .c_classification_box::after {
  display: none;
}

.c_mianbao {
  width: 1200px;
  margin: 0 auto;
  margin-top: 20px;
  font-size: 14px;
}

.c_mianbao a {
  color: #666;
}

.c_options_btns {
  display: flex;
  align-items: center;
  gap: 10px;
}

.c_options_btns .c_change_btn,
.c_retract_shower .c_change_btn {
  display: flex;
  color: #1b70fc;
  font-size: 14px;
  align-items: center;
  border-radius: 9999px;
  background: #eaf1ff;
  width: fit-content;
  gap: 8px;
  box-sizing: border-box;
  padding: 5px 10px;
  cursor: pointer;
}

.c_retract .c_nav_tip_box,
.c_retract .c_show_main_type {
  display: none;
}

.c_retract_shower {
  display: none;
}

.c_retract_arrow {
  width: 10px;
  height: 6px;
  display: block;
  background: url(../imgs/icon-retract.svg) no-repeat center center;
  background-size: 100% 100%;
  transition: all 0.3s;
}

.c_nav_tip_box {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #999999;
  gap: 10px;
}

.c_tip_icon {
  display: block;
  width: 24px;
  height: 24px;
  background: url(../imgs/tip-icon.png) no-repeat center center;
  background-size: 100% 100%;
}

.c_recent_learn_list {
  padding: 20px !important;
  padding-right: 50px !important;
  position: relative;
}

.c_recent_learn_item {
  border-radius: 8px;
  background: #f7f8fc;
  box-sizing: border-box;
  padding: 16px;
  padding-right: 8px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.c_book_wrapper {
  width: 50px;
  height: 70px;
  box-shadow: 0px 3px 6px 0px rgba(129, 139, 153, 0.12);
}

.c_book_name,.c_fine_course_name {
  color: rgba(0, 0, 0, 0.85);
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 15px;
}

.c_book_wrapper img {
  width: 100%;
  height: 100%;
}

.c_book_info .c_other_info {
  color: #999;
  font-family: PingFang SC;
  font-size: 12px;
}

.swiper-button-next_comsume {
  position: absolute;
  top: 45%;
  right: 10px;
  transform: translate(0, -50%);
  cursor: pointer;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: url(../imgs/next-btn.svg) no-repeat center center;
  background-size: 16px 16px;
  background-color: #fff;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
}

.c_course_info_content {
  display: flex;
}

.c_course_info_content aside {
  width: 391px;
  box-sizing: border-box;
  border-right: 1px solid rgb(238, 238, 238);
}

.c_course_info_content .c_info_content {
  flex: 1;
  background-color: #fff;
  box-sizing: border-box;
  padding: 24px 32px;
}

.c_aside_base {
  padding: 16px 24px;
  position: relative;
  overflow: hidden;
}

.c_course_info_content .c_book_wrapper,.c_fine_course_wrapper {
  width: 76px;
  height: 100px;
  border-radius: 4px;
}

.c_course_info_content .c_cover_background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: blur(10px) brightness(100%);
}

.c_aside_base .c_show_wrapper {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 16px;
}

.c_course_info_content .c_cover_background::after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: rgba(255, 255, 255, 0.6);
  left: 0;
}

.c_show_wrapper .c_book_name,.c_fine_course_name {
  color: #333;
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: 600;
}

.c_show_wrapper .c_other_info,.c_fine_course_other_info {
  color: #666;
  font-family: PingFang SC;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.treeBox {
  margin-top: 10px;
}

.treeBox li {
  width: 100%;
  position: relative;
}

.treeBox li .tree_entry {
  min-height: 36px;
  line-height: 20px;
  position: relative;
  cursor: pointer;
}

.treeBox li .tree_entry:hover {
  background-color: #f0f6ff;
}

.treeBox li .tree_main {
  width: 100%;
  padding: 13px 0;
  position: relative;
}

.treeBox .tree_pack .tree_main::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translate(0, -50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #cdcdcd;
}

/**/
.treeBox li .tree_icon {
  width: 12px;
  height: 12px;
  background: url(../imgs/ico-tree-arrow.png) no-repeat;
  background-size: 12px 12px;
  position: absolute;
  left: 10px;
  top: 17px;
}

.treeBox li .tree_icon {
  -webkit-transform: rotate(0deg);
  -webkit-transition: all 0.2s linear;
}

.treeBox li .tree_down {
  -webkit-transform: rotate(90deg);
}

.treeBox li .tree_text {
  padding-left: 28px;
  max-height: 40px;
  font-size: 14px;
  color: #131b26;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #666;
  font-family: PingFang SC;
  font-size: 14px;
}

.treeBox li .tree_relat {
  padding-left: 28px;
  margin-top: 4px;
  font-size: 14px;
  color: #8a8b99;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.treeBox li .tree_form {
  padding: 2px 0 2px 28px;
}

.treeBox li .tree_input {
  width: 360px;
  height: 20px;
  line-height: 20px;
  padding: 5px 9px;
  font-size: 14px;
  color: #131b26;
  border: solid #3a8bff 1px;
  background: #ffffff;
  border-radius: 4px;
  vertical-align: top;
}

.treeBox li .tree_yes,
.treeBox li .tree_not {
  margin: 4px 0 0 10px;
  width: 24px;
  height: 24px;
  background: url(../imgs/rename_ico.png) no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}

.treeBox li .tree_yes:hover {
  background-position: 0 -30px;
}

.treeBox li .tree_not {
  background-position: -30px 0;
}

.treeBox li .tree_not:hover {
  background-position: -30px -30px;
}

.treeBox li .tree_active,
.treeBox li .tree_active:hover {
  background: #e7effc;
}

.tree_pack .tree_active .c_last_watch,
.tree_pack .tree_active .tree_text {
  color: #1b70fc !important;
}

.tree_pack .tree_active .tree_main::after {
  background-color: #1b70fc !important;
}

.treeBox li .tree_entry .tree_group {
  display: none;
}

.treeBox li .tree_entry:hover .tree_group {
  display: table !important;
}

.treeBox li .editShowHide .tree_group {
  display: none;
}

.treeBox li .editShowHide:hover .tree_group {
  display: none !important;
}

.c_main_text {
  color: #666;
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: 600;
}

.treeBox li .tree_group {
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  display: table;
  position: absolute;
  left: 660px;
  top: 50%;
  margin-top: -14px;
}

.treeBox li .colorBlue {
  margin-right: 24px;
  color: #3a8bff;
}

.treeBox li .tree_more {
  display: inline-block;
  position: relative;
}

.treeBox li .tree_con {
  width: 96px;
  padding: 6px 0;
  font-size: 14px;
  background: #fff;
  border-radius: 6px;
  position: absolute;
  left: -20px;
  top: 100%;
  z-index: 11;
  -webkit-box-shadow: 0 2px 12px 0 rgba(175, 187, 204, 0.75);
  box-shadow: 0 2px 12px 0 rgba(175, 187, 204, 0.75);
}

.treeBox li .tree_con a {
  display: block;
  line-height: 40px;
  color: #474c59;
  padding-left: 20px;
}

.treeBox li .tree_con a:hover {
  background: #f0f6ff;
  color: #3a8bff;
}

/*2021-12-06 start-----------------------------------*/
.treeBox li .tree_more_line {
  width: 100%;
  height: 1px;
  background: #f2f2f2;
  display: block;
  margin: 6px 0;
}

.tree_tags_con {
  padding: 0 0 0 28px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*2021-12-06 end-------------------------------------*/

/* .treeBox li .tree_main {
  width: 620px;
}
.treeBox li li .tree_main {
  width: 590px;
}
.treeBox li li li .tree_main {
  width: 560px;
}
.treeBox li li li li .tree_main {
  width: 530px;
}
.treeBox li li li li li .tree_main {
  width: 500px;
}
.treeBox li li li li li li .tree_main {
  width: 470px;
}
.treeBox li li li li li li li .tree_main {
  width: 440px;
}
.treeBox li li li li li li li li .tree_main {
  width: 410px;
}
.treeBox li li li li li li li li li .tree_main {
  width: 380px;
}
.treeBox li li li li li li li li li li .tree_main {
  width: 350px;
} */

.treeBox li .tree_group {
  left: 660px;
}

.treeBox li li .tree_group {
  left: 630px;
}

.treeBox li li li .tree_group {
  left: 600px;
}

.treeBox li li li li .tree_group {
  left: 570px;
}

.treeBox li li li li li .tree_group {
  left: 540px;
}

.treeBox li li li li li li .tree_group {
  left: 510px;
}

.treeBox li li li li li li li .tree_group {
  left: 480px;
}

.treeBox li li li li li li li li .tree_group {
  left: 450px;
}

.treeBox li li li li li li li li li .tree_group {
  left: 420px;
}

.treeBox li li li li li li li li li li .tree_group {
  left: 390px;
}

.treeBox li .tree_pack {
  /* padding-left: 30px; */
  display: none;
}

/*.treeBox li .tree_pack li .tree_entry:after{ content:''; width:16px; height:0; border-top:dashed #DBDBDB 1px; position:absolute; top:23px; left:-8px;}
.treeBox li:before{ content:''; width:0; border-left:dashed #DBDBDB 1px; position:absolute; top:35px; bottom:-11px; left:16px; display:none;}
.treeBox li.tree_duan:before{ display:none;}
.treeBox li.tree_dotted:before{ display:block;}*/

.treeBox li .tree_pack li:before {
  display: none;
  content: "";
  width: 0;
  border-left: dashed #dbdbdb 1px;
  position: absolute;
  top: -11px;
  bottom: -6px;
  left: -14px;
}

.treeBox li .tree_pack li .tree_entry:after {
  content: "";
  display: none;
  width: 16px;
  height: 0;
  border-top: dashed #dbdbdb 1px;
  position: absolute;
  top: 23px;
  left: -8px;
}

.treeBox li .tree_pack li li:last-child:before {
  bottom: 18px;
}

.treeBox li:last-child .tree_pack>li:last-child:before {
  bottom: 18px;
}

.treeBox li .tree_pack li li.lineOne:last-child:before {
  height: 35px;
}

.treeBox li:last-child .tree_pack>li.lineOne:last-child:before {
  height: 35px;
}

.treeBox li .tree_pack li li.lineTwo:last-child:before {
  height: 35px;
}

.treeBox li:last-child .tree_pack>li.lineTwo:last-child:before {
  height: 35px;
}

.treeBox li .tree_pack li li.lineThree:last-child:before {
  height: 35px;
}

.treeBox li:last-child .tree_pack>li.lineThree:last-child:before {
  height: 35px;
}

.treeBox li .tree_pack li li.lineFour:last-child:before {
  height: 35px;
}

.treeBox li:last-child .tree_pack>li.lineFour:last-child:before {
  height: 35px;
}

.tree_pack .tree_text {
  padding-left: 48px !important;
}

.treeBox li.lineOne.tree_dotted>.tree_entry:before {
  content: "";
  width: 0;
  height: 0;
  border-left: dashed #dbdbdb 1px;
  position: absolute;
  top: 35px;
  left: 16px;
}

.treeBox li.lineTwo.tree_dotted>.tree_entry:before {
  content: "";
  width: 0;
  height: 24px;
  border-left: dashed #dbdbdb 1px;
  position: absolute;
  top: 35px;
  left: 16px;
}

.treeBox li.lineThree.tree_dotted>.tree_entry:before {
  content: "";
  width: 0;
  height: 50px;
  border-left: dashed #dbdbdb 1px;
  position: absolute;
  top: 35px;
  left: 16px;
}

.treeBox li.lineFour.tree_dotted>.tree_entry:before {
  content: "";
  width: 0;
  height: 70px;
  border-left: dashed #dbdbdb 1px;
  position: absolute;
  top: 35px;
  left: 16px;
}

.treeBox li.lineOne.tree_duan>.tree_entry:before {
  height: 0;
}

.treeBox li.lineTwo.tree_duan>.tree_entry:before {
  height: 0;
}

.treeBox li.lineThree.tree_duan>.tree_entry:before {
  height: 0;
}

.treeBox li.lineFour.tree_duan>.tree_entry:before {
  height: 0;
}

.c_last_watch {
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translate(0, -50%);
}

.c_sort_btn {
  padding: 5px 15px;
  border-radius: 32px;
  border: 1px solid #d9d9d9;
  background: #fff;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  color: rgba(0, 0, 0, 0.85);
  text-align: center;
  font-family: PingFang SC;
  font-size: 14px;
  cursor: pointer;
  position: relative;
}

/*.c_sort_btn:hover svg {*/
/*  transform: rotate(180deg);*/
/*}*/

.d_rotate_svg{transform: rotate(180deg);}

.c_sort_btn svg {
  transition: all 0.5s;
}

.c_sort_option_list {
  position: absolute;
  width: 200px;
  z-index: 100;
  box-sizing: border-box;
  padding: 8px;
  top: calc(100% + 10px);
  right: 0;
  border-radius: 6px;
  background: #fff;
  display: none;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.09);
}

.c_sort_option_list::after {
  width: 100%;
  height: 10px;
  display: block;
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
}

.c_sort_option_list>li {
  padding: 5px 10px;
  color: #1d1d1f;
  font-family: PingFang SC;
  font-size: 14px;
  text-align: left;
  position: relative;
  border-radius: 2px;
}

.c_sort_option_list>li:hover {
  background-color: #f6f6f6;
}

.c_sort_option_list>li.active {
  color: #0356cb;
}

.c_sort_option_list>li.active::after {
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translate(0, -50%);
  background: url(../imgs/icon-yes.svg);
}

.c_right_aside .c_course_list>li,
.c_info_content .c_course_list>li {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 20px 0;
  border-bottom: 1px solid rgb(238, 238, 238);
}

.c_right_aside .c_course_list>li {
  border: none;
}

.c_course_list .c_course_wrapper {
  width: 204px;
  height: 120px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}

.c_more_course_item .c_course_wrapper {
  overflow: hidden;
  position: relative;
}

.c_more_course_item .c_course_wrapper .c_tag,
.c_course_list .c_course_wrapper .c_tag {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0px 0 4px 0;
  background: #fdebeb;
  padding: 2px 8px;
  color: #f53f3f;
  font-size: 12px;
  font-family: PingFang SC;
  z-index: 666;
}

.c_more_course_item .c_course_wrapper img,
.c_more_course_item .c_course_wrapper img {
  transition: transform 0.3s;
}

.c_more_course_item:hover .c_course_wrapper img,
.c_course_list_item:hover .c_course_wrapper img {
  transform: scale(1.06);
}

.c_more_course_item .c_course_wrapper .c_date,
.c_course_list .c_course_wrapper .c_date {
  position: absolute;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 5px 10px;
  font-size: 12px;
  color: #fff;
  font-family: PingFang SC;
}

.c_course_list .c_course_info_box {
  flex: 1;
  width: 0;
  color: #999;
  font-family: PingFang SC;
  font-size: 14px;
}

.c_course_list .c_course_info_box p {
  color: #333;
  font-family: PingFang SC;
  font-size: 20px;
  margin-bottom: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 4px;
}

.c_course_list .c_course_info_box p .c_tag {
  color: #1b70fc;
  text-align: center;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  padding: 2px 4px;
  border: 1px solid #1b70fc;
  font-weight: 400;
  border-radius: 4px;
}

.c_base_icon,
.c_base_icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  transform: translateY(2px);
}

.c_course_teacher {
  width: 15px !important;
  height: 15px !important;
  background: url(../imgs/icon-course-teacher.svg) no-repeat center center;
  background-size: 100% 100%;
}

.c_course_school {
  background: url(../imgs/icon-course-school.svg) no-repeat center center;
  background-size: 100% 100%;
}

.c_course_learned {
  background: url(../imgs/icon-learned.svg) no-repeat center center;
  background-size: 100% 100%;
}

.c_course_info_box .c_other_info {
  display: flex;
  align-items: center;
  gap: 42px;
}

.c_course_date {
  width: 14px !important;
  height: 14px !important;
  background: url(../imgs/icon-date.svg) no-repeat center center;
  background-size: 100% 100%;
}

.c_course_watch {
  background: url(../imgs/icon-watch.svg) no-repeat center center;
  background-size: 100% 100%;
}

.c_course_good {
  background: url(../imgs/icon-good.svg) no-repeat center center;
  background-size: 100% 100%;
}

.c_tabbar_box {
  border-bottom: 1px solid rgb(232, 232, 232);
}

.c_tabbar_box .c_nav_list {
  position: static;
}

.c_tabbar_box .c_nav_list li.active {
  color: rgba(0, 118, 255);
  border-bottom: 2px solid rgba(0, 118, 255);
}

footer {
  height: 142px;
  background: linear-gradient(180deg, #005ad2 0%, #0022d2 100%);
  margin-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 90px;
}

footer a {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  /* 185.714% */
}

/* 璇剧▼璇︽儏 */
.c_breadcrumb_box {
  width: 1200px;
  margin: 0 auto;
  color: #333;
  opacity: 0.8;
  font-family: PingFang SC;
  font-size: 18px;
  margin-top: 30px;
}

.c_breadcrumb_box a:last-child {
  color: #000;
  opacity: 1;
}

.c_course_detail_base_info_box {
  padding: 24px;
  font-family: PingFang SC;
  color: #999;
  font-size: 14px;
}

.c_course_detail_base_info_box h2 {
  font-size: 24px;
  font-weight: 600;
  color: #333;
  font-family: PingFang SC;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.c_course_detail_base_info_box .c_book_info {
  color: #666;
  margin-top: 16px;
}

.c_course_detail_base_info_box .c_teacher_box {
  margin-top: 16px;
}

.c_other_info_box {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.c_other_options .c_base_icon {
  width: 16px;
  height: 16px;
}

.c_other_options>span {
  cursor: pointer;
}

.c_other_options>span:hover {
  color: #005ad2;
}

.c_other_info_box .c_start_component {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 100px;
}

.c_pingjia_icon {
  background: url(../imgs/icon-pingjia.svg) no-repeat center center;
  background-size: 100% 100%;
}

.c_video_info_box {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.c_video_aside_wrapper {
  width: 392px;
  height: 100%;
}

.c_video_aside_wrapper header {
  background: linear-gradient(180deg,
      rgba(30, 100, 241, 0.08) 1.98%,
      rgba(30, 98, 236, 0) 50.23%);
  height: 48px;
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 10px;
  padding-left: 18px;
  border-bottom: 1px solid #eee;
  color: #333;
  font-family: PingFang SC;
  font-size: 18px;
  font-weight: 600;
}

.c_video_aside_wrapper header .c_course_icon {
  display: block;
  width: 20px;
  height: 18px;
  background: url(../imgs/icon-course.svg) no-repeat center center;
  background-size: 100% 100%;
}

.c_study-list-item,
.c_study-list-item label {
  width: 100%;
  display: flex;
  gap: 10px;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
  color: #666;
}

.c_study-list-item label {
  padding: 15px 20px;
}

.c_study-list-item-active {
  background: linear-gradient(0deg,
      rgba(30, 98, 236, 0.1) 0%,
      rgba(30, 98, 236, 0.1) 100%),
    #fff;
}

.c_study-list-item-active .c_study-list-text {
  color: #1b70fc;
}

.c_study-list-item-active .c_svg path {
  fill: #1b70fc;
}

.c_study-list-text {
  flex: 1;
  color: #666;
  font-family: PingFang SC;
  font-size: 14px;
}

.c_more_icon,
.c_play_icon {
  display: block;
  width: 16px;
  height: 16px;
}

.c_study_option {
  display: flex;
  align-items: center;
  gap: 15px;
}

.c_persent_icon {
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #1b70fc;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c_persent_icon::after {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  overflow: hidden;
  content: "";
  position: absolute;
  /* background-image: conic-gradient(#1b70fc 120deg, #1b70fc 240deg, transparent); */
  background-image: conic-gradient(#1b70fc 0,
      #1b70fc var(--rotate-deg, 0),
      #fff var(--rotate-deg, 0),
      #fff 100%);
}

.c_play_icon {
  background: url(../imgs/play.png) no-repeat center center;
  background-size: 100% 100%;
}

.c_more_icon {
  background: url(../imgs/icon-more.svg) no-repeat center center;
  background-size: 100% 100%;
}

.c_checkbox:checked {
  border: none !important;
}

.c_checkbox {
  width: 16px !important;
  height: 16px !important;
  background-color: #ffffff;
  border: solid 2px #ccc !important;
  margin: 0 !important;
  padding: 0;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-transition: background-color ease 0.1s;
  transition: background-color ease 0.1s;
  outline: none;
}

.c_checkbox:checked::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  top: 50%;
  left: 50%;
  z-index: 1;
  position: absolute;
  background: url(../imgs/icon-checked.svg) no-repeat center center;
  transform: translate(-50%, -50%);
}

.c_change_container {
  flex: 1;
  overflow: auto;
}

.c_video_wrapper img,
.c_renwu_wrapper img,
.c_lianxi_wrapper img {
  width: 100%;
  height: 100%;
}

.c_video_wrapper,
.c_renwu_wrapper,
.c_lianxi_wrapper {
  width: 100%;
  height: 100%;
}

.c_split_tip {
  width: 1200px;
  margin: 18px auto;
  color: #999;
  font-family: PingFang SC;
  font-size: 14px;
}

.c_more_course_box {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}

.c_more_course_box .c_left_content {
  background: #fff;
  border-radius: 8px;
  flex: 1;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  padding: 24px;
}

.c_more_course_box .c_right_aside {
  width: 395px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  padding: 24px;
}

.c_more_course_box .c_right_aside .c_course_wrapper {
  width: 150px;
  height: 90px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
}

.c_right_aside .c_course_info_box {
  font-size: 12px;
}

.c_right_aside .c_course_info_box p {
  color: rgba(0, 0, 0, 0.85);
  font-family: PingFang SC;
  font-size: 16px;
  width: 100%;
  display: block;
  font-style: normal;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.c_right_aside .c_course_info_box .c_other_info {
  gap: 10px;
}

.c_left_content .c_header_box {
  height: 87px;
  width: 100%;
  background: url(../imgs/header-decoration.png) no-repeat center center;
  background-size: 100% 100%;
  color: #1b70fc;
  font-family: PingFang SC;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 87px;
  box-sizing: border-box;
  padding-left: 24px;
}

.c_more_course_text {
  color: #333;
  font-family: PingFang SC;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  margin-top: 24px;
  margin-right: 20px;
  cursor: pointer;
  padding-bottom: 13px;
}

.c_more_course_list {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.c_course_detail_page .c_more_course_item{width:  30.333%;}
.c_course_detail_page .c_tearcher_name,
.c_course_detail_page .c_other_info{margin-top: 14px !important;}

.c_more_course_item {
  width: 296px;
  box-sizing: border-box;
  /* padding: 10px; */
  border-radius: 8px;
  border: 1px solid #eee;
  background: rgba(255, 255, 255, 0);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
  cursor: pointer;
}

.c_more_course_item .c_course_name {
  color: rgba(0, 0, 0, 0.85);
  font-family: PingFang SC;
  font-size: 18px;
  font-weight: 600;
  margin-top: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 16px;
}

.c_more_course_item .c_tearcher_name {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #999;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  margin-top: 30px;
  padding: 0 10px;
}

.c_more_course_item .c_other_info {
  display: flex;
  align-items: center;
  gap: 30px;
  color: #999;
  font-family: PingFang SC;
  font-size: 12px;
  margin-top: 30px;
  padding: 0 10px;
  padding-bottom: 10px;
}

.c_course_wrapper img {
  transition: all 0.3s;
}

.c_course_wrapper {
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}

.c_asdide_header_active {
  color: #1b70fc;
  position: relative;
}

.c_asdide_header_active::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -10px;
  height: 3px;
  background-color: #1b70fc;
  border-radius: 2px;
}

/* 璇剧▼鍖� */
.c_course_package .c_study-list-item {
  background-color: #f9f9f9;
}

.c_menu_item_label {
  color: #666;
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: 600;
  padding: 15px 20px;
}

.c_course_package .c_tag_box {
  display: flex;
  margin-top: 30px;
  gap: 10px;
}

.c_course_package .c_tag_box .c_tag {
  padding: 2px 8px;
  text-align: center;
  font-family: PingFang SC;
  font-size: 12px;
  border-radius: 4px;
}

.c_course_package .c_tag_box .c_tag_red {
  color: #f53f3f;
  background-color: #fdebeb;
}

.c_course_package .c_tag_box .c_tag_blue {
  color: #1b70fc;
  background-color: #e8effd;
}

.c_course_package .c_tag_box .c_tag_blue.c_tag_border {
  border: 1px solid #1b70fc;
  background-color: #fff;
}

.c_course_package .c_other_info_box,
.c_course_package .c_course_info {
  margin-top: 5px;
}

.c_course_package .c_start_component {
  display: flex;
  justify-content: start;
  margin-left: 25px;
}

.c_course_package .c_course_detail_base_info_box {
  display: flex;
  align-items: center;
  gap: 16px;
}

.c_course_package .c_course_package_left_wrapper {
  width: 354px;
  height: 208px;
  border-radius: 5px;
  overflow: hidden;
  flex-shrink: 0;
}

.c_course_package .c_course_package_right_info {
  flex: 1;
  width: 0;
}

/* 鏁欏璁捐 */
.c_teach_design_page .c_video_info_box {
  height: 748px !important;
}

.c_teach_design_page h2 {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
}

.c_teach_design_page h2 .c_play_option_btn {
  display: flex;
  gap: 8px;
  padding: 6px 10px 6px 12px;
  flex-shrink: 0;
  border-radius: 2000px;
  background: #e8effd;
  color: #1b70fc;
  font-family: PingFang SC;
  font-size: 12px;
  align-items: center;
  font-weight: 400;
  cursor: pointer;
}

.c_teach_design_page .c_play_option_btn>span {
  padding-right: 8px;
  border-right: 1px solid #b7ccf9;
}

.c_teach_design_page .c_play_option_btn .c_teach_play_icon {
  width: 18px;
  display: block;
  height: 18px;
  background: url(../imgs/icon-teach-play.svg) no-repeat center center;
  background-size: 100% 100%;
}

.c_teach_design_page h2>span {
  flex: 1;
  width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.treeContainer>li {
  border-bottom: 1px solid #eee;
}

.c_home_module {
  border-radius: 8px;
  width: 100%;
  margin-bottom: 20px;
  background-color: #fff;
  padding: 24px;
}

.c_home_module.c_banner {
  height: 250px;
  background: url(../imgs/home-module.png) transparent no-repeat center center;
  background-size: 100% 100%;
}

.c_home_module header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.c_home_module header .c_caption {
  display: flex;
  cursor: pointer;
  gap: 10px;
  color: #1d1d1f;
  font-family: PingFang SC;
  font-size: 18px;
  align-items: center;
  font-weight: 600;
  transition: background-color 0.3s;
}

.c_home_module header .c_more_btn {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #666;
  cursor: pointer;
}

.c_home_module .c_more_course_item {
  flex: 1;
  width: 0;
  max-width: 24%;
}

.c_home_module .c_other_info {
  flex-direction: column;
  align-items: unset;
  gap: 5px;
  padding: 0 16px;
  padding-bottom: 16px;
}

.c_family_education .c_home_module.c_banner {
  height: 250px;
  background: url(../imgs/瀹跺涵鏁欒偛banner.png) transparent no-repeat center center;
  background-size: 100% 100%;
}

.c_family_education .c_tabbar_icon1 {
  background: url(../imgs/icon-tabbar5.svg) no-repeat center center;
  background-size: 100% 100%;
}

.c_family_education .c_tabbar_icon2 {
  background: url(../imgs/icon-tabbar2.svg) no-repeat center center;
  background-size: 100% 100%;
}

.c_family_education .c_tabbar_icon3 {
  background: url(../imgs/icon-tabbar6.svg) no-repeat center center;
  background-size: 100% 100%;
}

.c_family_education .c_tabbar_icon4 {
  background: url(../imgs/icon-tabbar7.svg) no-repeat center center;
  background-size: 100% 100%;
}

.c_family_education .c_course_name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: unset;
  height: 50px;
}

.c_after_class_services .c_home_module.c_banner {
  height: 250px;
  background: url(../imgs/璇惧悗鏈嶅姟-banner.jpg) transparent no-repeat center center;
  background-size: 100% 100%;
}

.c_after_class_services .c_tabbar_icon1 {
  background: url(../imgs/icon-tabbar8.svg) no-repeat center center;
  background-size: 100% 100%;
}

.c_after_class_services .c_tabbar_icon2 {
  background: url(../imgs/icon-tabbar4.svg) no-repeat center center;
  background-size: 100% 100%;
}

.c_after_class_services .c_tabbar_icon3 {
  background: url(../imgs/icon-tabbar9.svg) no-repeat center center;
  background-size: 100% 100%;
}

.c_after_class_services .c_tabbar_icon4 {
  background: url(../imgs/icon-tabbar10.svg) no-repeat center center;
  background-size: 100% 100%;
}

.c_resource_promotion .c_home_module.c_banner {
  height: 250px;
  background: url(../imgs/璧勬簮鎺ㄥ箍-banner.jpg) transparent no-repeat center center;
  background-size: 100% 100%;
}

.c_resource_promotion .c_tabbar_icon1 {
  background: url(../imgs/icon-tabbar11.svg) no-repeat center center;
  background-size: 100% 100%;
}

.c_resource_promotion .c_tabbar_icon2 {
  background: url(../imgs/icon-tabbar12.svg) no-repeat center center;
  background-size: 100% 100%;
}

.c_resource_promotion .c_tabbar_icon3 {
  background: url(../imgs/icon-tabbar13.svg) no-repeat center center;
  background-size: 100% 100%;
}

.c_resource_promotion .c_hot_rank_list {
  display: flex;
  column-gap: 24px;
  row-gap: 32px;
  flex-wrap: wrap;
  justify-content: center;
  box-sizing: border-box;
  padding: 24px;
}

.c_resource_promotion .c_hot_rank_list::after {
  display: block;
  content: "";
  flex: 1;
}

.c_resource_promotion .c_hot_rank_list li {
  width: 270px;
  height: 152px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.c_resource_promotion .c_hot_rank_list li:hover img {
  transform: scale(1.2);
}

.c_hot_rank_list li img {
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}

.c_rank_tag {
  position: absolute;
  top: 5px;
  left: 5px;
  padding: 4px 5px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.70);
  font-family: PingFang SC;
  color: #fff;
  z-index: 5;
}

.c_hot_rank_list li:nth-child(1) .c_rank_tag {
  background-color: #FE3E51;
}

.c_hot_rank_list li:nth-child(2) .c_rank_tag {
  background-color: #FFAB0D;
}

.c_hot_rank_list li:nth-child(3) .c_rank_tag {
  background-color: #3D82F2;
}

.c_hot_rank_list .c_hot_item_title {
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  position: absolute;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%);
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 24px;
  box-sizing: border-box;
  font-size: 12px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: PingFang SC;
  z-index: 6;
}


/* 2024-03-25鏂板 */
.c_back_btn{display: flex;align-items: center;color: rgba(153, 153, 153, 1);font-size: 14px;}
.c_back_btn::before{content: "";margin-right: 5px; display: block;width: 20px;height: 20px;background: url(../imgs/icon-return.svg)no-repeat center center;background-size: 100% 100%;}
.c_graph_header{padding-bottom: 15px;border-bottom: 1px solid rgba(240, 240, 240, 1);}
.c_nav_box{display: flex;align-items: center;color: rgba(153, 153, 153, 1);font-size: 14px;}
.c_next_arrow{margin: 0 5px; display: block;width: 16px;height: 16px;background: url(../imgs/icon-right-arrow.svg)no-repeat center center;background-size: 100% 100%;}
.c_current{color: #000;}
.c_course_graph_info{margin-top: 20px;display: flex;align-items: center;}
.c_course_img_wrapper{width: 122px;height: 164px;border-radius: 8px;overflow: hidden;margin-right: 20px;}
.c_course_img_wrapper img{width: 100%;height: 100%;}
.c_course_graph_title{color: rgba(27, 112, 252, 1);font-size: 28px;margin-bottom: 15px;}
.c_course_source_list{display: flex;align-items: center;}
.c_course_source_list li{width: 126px;height: 76px;box-sizing: border-box;padding-left: 15px;padding-top: 10px;margin-right: 15px; border-radius: 6px;background-color: rgba(247, 248, 250, 1);}
.c_course_source_num{font-size: 18px;font-weight: 600;color: rgba(31, 57, 94, 1);}
.c_course_source_desc{color: rgba(89, 105, 133, 1);font-size: 14px;}

.c_graph_iframe_box{width: 100%;height: 640px;position: relative;overflow: hidden; margin-top: 40px; border-radius: 20px;}
.c_graph_iframe_box iframe{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.c_full_screem_btn{position: absolute;top: 0;right: 0;z-index: 10;box-shadow: 0px 2px 9px 0px rgba(103, 161, 255, 0.5);display: flex;align-items: center; color: #fff;padding: 8px 15px;cursor: pointer;font-size: 16px; background: linear-gradient(322.22deg, #5A33FF -34.58%, #6CC7FF 132%);border-radius: 0 16px 0 16px;}
.c_full_icon{display: block;width: 16px;height: 16px;background-size: 100% 100%;background: url(../imgs/icon-full.svg)no-repeat center center;margin-left: 8px;}
.c_detail_card_box{z-index: 8;transition: all 0.4s; background-color: #fff; position: absolute;min-width: 321px; width: 24vw;height: 90%;right: 10px;top: 50%;transform: translateY(-50%); border-radius: 16px;box-shadow: 0px 4px 20px 0px rgba(32, 35, 60, 0.1);}
.c_card_toggle_btn{cursor: pointer; display: flex;align-items: center;justify-content: center; position: absolute;top: 50%;left: -15px;transform: translateY(-50%); width: 15px;height: 44px;background: url(../imgs/icon-card-btn.png)no-repeat center center;background-size: 100% 100%;}
.c_card_toggle_btn::after{content: "";display: block;width: 8px;height: 7px;background: url(../imgs/icon-toggle-btn.svg)no-repeat center center;background-size: 100% 100%;}
.c_detail_card_box.hide{transform: translateX(calc(100% + 10px)) translateY(-50%);}
.c_detail_card_box.hide .c_card_toggle_btn::after{transform: rotate(180deg);}
.c_card_wrapper{height: 100%;}
.c_card_wrapper header{width: 100%;display: flex;align-items: center; font-size: 16px;color: #131B26;font-weight: 600; box-sizing: border-box;padding: 10px;border-bottom: 1px solid rgb(240,240,240);}
.c_card_header_icon{display: block;width: 20px;height: 20px;background: url(../imgs/icon-relation.png)no-repeat center center;background-size: 100% 100%;margin-right: 10px;}
.c_card_content_wrapper{padding: 0 10px;box-sizing: border-box;width: 100%; height: calc(100% - 44px);display: flex;flex-direction: column}
.c_card_module{width: 100%;box-sizing: border-box;padding:15px 0;border-bottom: 1px solid rgb(240,240,240);}
.c_module_title{display: flex;align-items: center;font-size: 14px;color: #131B26;}
.c_module_title::before{content: "";margin-right:5px; display: block;background: url()no-repeat center center;background-size: 100% 100%;}
.c_module_title.c_css_1::before{background-image: url(../imgs/icon-level.png);width: 14px;height: 14px;}
.c_module_title.c_css_2::before{background-image: url(../imgs/icon-source.png);width: 16px;height: 16px;}

.c_card_nav_list{display: flex;align-items: center;justify-content: space-between;margin-top: 10px; box-sizing: border-box;font-size: 14px;color: #2E425E; padding: 5px;border-radius: 6px;background-color: #F0F6FF;}
.c_card_nav_list li{cursor: pointer;border-radius: 5px;padding: 5px;flex: 1;text-align: center;}
.c_card_nav_list li.active{color: #3A8BFF;font-weight: 500;background-color: #fff;box-shadow: 0px 2px 4px 0px #7994B340;}
.c_course_list_nav{display: flex;align-items: center;justify-content: space-between;margin-top: 8px;}
.c_course_list_nav li{padding: 5px;box-sizing: border-box;border-radius: 4px;cursor: pointer;}
.c_course_list_nav li.active{background-color: #F0F6FF;font-size: 12px;font-weight: 500;color: #3A8BFF;}
.c_card_source_list{height: 100%; overflow: auto;}
.c_card_source_list li {margin-bottom: 10px;border-bottom: 2px solid #D6DFED; box-sizing: border-box;padding: 10px;border-radius: 6px;background-color: #F0F5FB;}
.c_card_source_list .c_card_list_item_author, 
.c_card_source_list .c_card_list_item_school{width: 50%;}
.c_source_info_box{display: flex;align-items: center;cursor: pointer;margin-bottom: 10px;}
 .c_source_info_box:last-child{margin-bottom: 0;}
.c_card_list_item_name{font-size: 14px;margin-right: 5px; color: #131B26;flex: 1;width: 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.c_file_icon{width: 20px;margin-right: 5px; height: 20px;display: block;background: url() no-repeat center center;background-size: 100% 100%;}
.c_file_icon.video{background-image: url(../imgs/icon-video.png);}
.c_file_icon.txt{background-image: url(../imgs/icon-txt.png);}
.c_file_icon.word{background-image: url(../imgs/icon-word.png);}
.c_file_icon.audio{background-image: url(../imgs/icon-audio.png);}
.c_file_icon.img{background-image: url(../imgs/icon-img.png);}
.c_file_icon.pdf{background-image: url(../imgs/icon-pdf.png);}
.c_file_icon.link{background-image: url(../imgs/icon-link.png);}
.c_file_icon.excel{background-image: url(../imgs/icon-excel.png);}
.c_blue_color{color: rgba(58,139,255);}
.c_gray_color{color: rgba(143,157,170);}


.c_source_list{display: flex;flex-wrap: wrap;padding-top: 10px;}
.c_source_item{margin-right:22px;cursor: pointer;margin-bottom: 10px; position: relative;width: 200px;padding: 10px;box-sizing: border-box; border-bottom: 2px solid #D6DFED;border-radius:6px;background-color: #F0F5FB;}
.c_source_item:nth-child(5n){margin-right: 0;}
.c_source_img{width: 100%;height: 100px;margin-bottom: 15px;}
.c_source_img > p{max-width: 130px;font-size: 18px;word-break: break-all;padding-top: 10px; margin-left: 10px; font-weight: 600;color: #1D1D1F;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;word-break: break-all;}
.c_source_img img{width: 100%;height: 100%;border-radius: 8px;object-fit: cover;}
.c_graph_other{position: absolute;bottom: 10px;width: 100%;padding: 15px; box-sizing: border-box;font-size: 14px;color: #1B70FC;}
.c_graph_source_num{font-weight: 700;font-size: 28px;margin-left: 2px;font-family: D-DIN;vertical-align: middle;}
.c_graph_source_desc{
  vertical-align: middle;
}

.c_graph_course_list{display: flex;flex-wrap: wrap;padding-top: 70px;}
.c_graph_course_item{margin-right: 16px;cursor: pointer; position: relative; margin-bottom: 55px; width: 270px;height: 186px;border: 1px solid #DBE0EF;border-radius: 12px;background-color: #fff;}
.c_graph_course_item:nth-child(4n){margin-right: 0;}
.c_graph_course_img{position: absolute;left: 10px;top: -40px;display: flex;align-items: center;}
.c_graph_course_img > p{max-width: 130px;font-size: 18px;word-break: break-all;padding-top: 10px; margin-left: 10px; font-weight: 600;color: #1D1D1F;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;word-break: break-all;}
.c_graph_course_img img{width: 112px;height: 150px;border-radius: 8px;}


.c_card_list_item_school,
.c_card_list_item_author{display: flex;align-items: center;color: #415365;}
.c_card_list_item_author span,
.c_card_list_item_school span{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;flex: 1;width: 0;}

.c_card_list_item_author .c_author_icon{flex-shrink: 0; margin-right: 5px; display: block;width: 16px;height: 16px;background: url(../imgs/icon-author.png)no-repeat center center;background-size: 100% 100%;}
.c_card_list_item_school .c_school_icon{flex-shrink: 0; display: block;margin-right: 5px;width: 16px;height: 16px;background: url(../imgs/icon-school.png)no-repeat center center;background-size: 100% 100%;}
.c_source_knowledge,
.c_source_other_info{box-sizing: border-box;padding:0 22px;}
.c_source_knowledge{margin-bottom: 10px;}

/* 闈炲绉戦〉闈㈣缃� */
.c_unsubject_source .c_more_course_item{width: 266px;}
.c_unsubject_source .c_more_course_item .c_other_info{display: block;margin-top: 10px;}
.c_unsubject_source .c_course_name{height: 50px;font-size: 16px;font-weight: 400;margin-top: 10px;white-space: unset;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;word-break: break-all;}
.c_filter_option{display: flex;align-items: center;justify-content: space-between;}
.c_search_box{display: flex;width: 220px;box-sizing: border-box; padding: 8px 10px;font-size: 13px; align-items: center;border: 1px solid #E9E9E9;border-radius: 9999px;}
.c_search_box input{flex: 1;outline: none;border: none;}
.c_search_box input::placeholder{color:#ccc;}
.c_search_btn{display: block;width: 16px;height: 16px;cursor: pointer; background: url(../imgs/icon-search.png)no-repeat center center;background-size: 100% 100%;}
.c_input_clear_btn{display: block;margin: 0 5px;display: none; width: 16px;height: 16px;cursor: pointer; background: url(../imgs/icon-cancel.png)no-repeat center center;background-size: 100% 100%;}
.c_no_data{width: 100%;height: 500px;position: relative;}
.c_nodata_wrapper{color: #6C6C73;font-size: 14px;position: absolute;top: 50%;left: 50%;transform: translate(-50% ,-50%);}
.c_nodata_wrapper img{width: 80px;height: 80px;margin-bottom: 10px;}


.c_relation_course_wrapper{margin-top:40px;border-radius: 20px;border: 1px solid #E0E8F3;}
.c_filter_list{margin-top: 20px;}
.c_filter_list.c_classification_box::after{display: none;}
.c_filter_list.c_classification_box{padding: 0;background-image: none;}
.c_filter_item_box{display: flex;padding-bottom: 10px;margin-top: 10px;}
.c_filter_item_box.boder_bottom{border-bottom: 1px solid rgba(240,240,240);}
.c_filter_name{color: #526989;flex-shrink: 0;line-height: 32px;margin-right: 10px;}


/* 2024-04-03鏂板 */

/* 鐭ヨ瘑鍥捐氨 */
.c_graph_wrapper{position: relative; width: 100%;height: 100vh;overflow: hidden; background: url(../imgs/knowledgeGraph/bg.png)no-repeat center center;background-size: 100% 100%;}

/* logo */
.c_logo_graph_box{height:var(--size);width:fit-content;background:url(../imgs/knowledgeGraph/logo-base.png) no-repeat center center;background-size:100% 100%;overflow:hidden;position:relative;display:flex;align-items:center;padding-left:calc(var(--size) * .32);}
.c_logo_graph_box .c_animate_wrapper{width:calc(var(--size) * 2.4);height:calc(var(--size) * .4);background:url(../imgs/knowledgeGraph/logo-animate.gif),no-repeat;background-size:100% 100%;mix-blend-mode:screen;position:absolute;top:calc(var(--size) * .5);left:0;}
.c_logo_graph_box .c_animate_wrapper:nth-child(2){transform:rotate(-26deg);right:calc(var(--size) * .1);top:calc(var(--size) * .2);left:unset;}
.c_logo_graph_box .c_logo_content{width:fit-content;display:flex;align-items:center;gap:calc(var(--size) * .14);padding-bottom:calc(var(--size) * .02);}
.c_logo_graph_box .c_logo_icon{width:calc(var(--size) * .4);height:calc(var(--size) * .4);border-radius:50%;flex-shrink:0;overflow:hidden;}
.c_logo_icon img{width:100%;height:100%;}
.c_logo_graph_box .c_logo_content .c_logo_title{background:linear-gradient(180deg,#fff 40.36%,#a6c9ff 90%);font-size:calc(var(--size) * .42);background-clip:text;-webkit-background-clip:text;flex-shrink:0;-webkit-text-fill-color:transparent;font-family:YouSheBiaoTiHei;padding-right:calc(var(--size) * 1.4);}

.c_scale{position: absolute;left: 30px;bottom: 30px;display: flex;align-items: center; background-color: #fff;padding: 3px 10px;border-radius: 6px;}
.zscale-number{margin: 0 10px;flex: 1;}
.c_graph{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.c_filter_dialog {
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.3s;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999;
}

.c_filter_fine_course_dialog {
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.3s;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999;
}

.c_filter_dialog.show {
  visibility: visible;
  opacity: 1;
}

.c_filter_fine_course_dialog.show {
  visibility: visible;
  opacity: 1;
}

.c_filter_dialog_content {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  transition: transform 0.3s;
  border-radius: 12px 12px 0 0;
  width: 100%;
  height: 90%;
  display: flex;
  flex-direction: column;
  overflow: auto;
  background-color: #fff;
  position: absolute;
  box-sizing: border-box;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
}

.c_filter_fine_course_dialog_content {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  transition: transform 0.3s;
  border-radius: 12px 12px 0 0;
  width: 100%;
  height: 90%;
  display: flex;
  flex-direction: column;
  overflow: auto;
  background-color: #fff;
  position: absolute;
  box-sizing: border-box;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
}

.c_filter_module_list {
  padding: 16px;
  box-sizing: border-box;
  flex: 1;
  overflow: auto;
}

.c_filter_dialog_content.show {
  transform: translateY(0);
}

.c_filter_fine_course_dialog_content.show {
  transform: translateY(0);
}

.c_filter_module {
  margin-bottom: 24px;
}

.c_filter_module h2 {
  font-size: 18px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.8);
}

.c_filter_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 4px;
}

.c_filter_item {
  list-style: none;
  margin-top: 12px;
  padding: 8px 16px;
  border-radius: 999px;
  margin-right: 12px;
  background-color: #F8F8F8;
  color: #333;
}

.c_filter_item.active {
  background-color: #1B70FC;
  color: #fff;
}

.c_filter_options {
  font-size: 20px;
  font-weight: 600;
  display: flex;
  align-items: center;
  background-color: #fff;
  width: 100%;
  border-top: 1px solid #eee;
}

.c_cancel,
.c_confirm {
  padding: 16px 0;
  box-sizing: border-box;
  width: 50%;
  text-align: center;
}

.c_cancel {
  color: #999;
  border-right: 1px solid #eee;
}

.c_confirm {
  color: #1B70FC;
}


.c_search_detail_filter_label{display: none}
.c_book_from{margin-top: 20px}
.c_phone_filter_trigger{display: none;font-size: 16px;color: #6C6C73;}
.c_phone_filter_trigger::before{content: "";display: block;width: 24px;height: 24px;background: url(../imgs/icon-phone-filter.svg)no-repeat center center;background-size: 100% 100%}
.c_phone_search{display: none}
.c_phone_page{display: none;align-items: center}
.c_cur_page,.c_prev_page,.c_next_page{padding: 5px 12px;border-radius: 4px;font-size: 14px;color: #fff;background-color:#1B70FC}
.c_prev_page{margin-left: auto}
.c_next_page{margin-right: auto}
.c_cur_page{background-color:#F5F5F5;color:#6C6C73;margin:0 10px}
.c_prev_page.disable,.c_next_page.disable{opacity:0.6;pointer-events:none}
.c_share_box{display: flex;align-items: center}
.c_detail_recommend_options{height: 67px;border-bottom: 1px solid #eee;}
@media (max-width:750px){
  .c_header,
  .c_course_info_content > aside,
  .c_classification_box,
  .c_nav_list .d_search_box,
  .c_breadcrumb_box,
  .c_split_tip,
  .d_allTotal_list,
  .pagination_container,
  .d_allTypes_list,
  .c_top_nav_box{display: none !important}
  .c_main_content{width:100%;margin: 0}
  .c_lenged_list{flex-wrap:wrap;padding:16px;padding-bottom:0}
  .c_course_info_content .c_info_content{padding:16px;min-height: 500px}
  .c_course_info_content .d_loading{margin-top: 100px}
  .c_lenged_list .c_base_lenged_item{width: calc(calc(100% - 20px)/3);height: 60px;line-height: 60px;flex:unset;margin-bottom:10px;margin-right:10px;padding-left: 12px;font-size: 14px;}
  .c_lenged_list .c_base_lenged_item:nth-child(3n){margin-right:0}
  body{min-width:unset}
  .c_phone_filter_trigger{display: flex;margin-bottom:10px;}
  .c_phone_search{display: block !important}
  .c_nav_list{font-size: 16px;width:100%;gap:0;justify-content:space-between}
  .c_info_content .c_course_list > li{gap:0;}
  .c_course_list .c_course_wrapper{width:140px;height:90px;margin-right:10px;}
  .c_course_list .c_course_info_box p{margin-bottom:4px}
  .c_phone_page{display: flex;margin-top:20px}
  /*#datalist{min-height:500px}*/
  .c_more_course_box .c_left_content{width:100%;flex:unset;padding:12px;margin-bottom: 12px;}
  .c_more_course_box{ padding:12px; width:100%;box-sizing:border-box; gap:0;flex-direction:column}
  .c_other_info_box {flex-wrap: wrap}
  .c_course_detail_page{margin-top:0;padding:16px;box-sizing:border-box;background-color:#F0F2F8}
  .c_course_detail_base_info_box{padding:12px;background-color:#fff;border-radius:8px;}
  .c_book_from,
  .c_share_box,
  .c_course_detail_base_info_box .c_book_info{margin-top: 8px}
  .c_video_info_box{height: auto !important;}
  .c_right_aside .c_course_list>li{gap:0}
  .c_video_wrapper .box{padding:0}
  .c_share_box .c_other_options > .store{margin: 0 14px;}
  .c_more_course_text {margin-top:0;font-size: 16px;}
  .c_more_course_text.active{color:#1B70FC; border-bottom:1px solid #1B70FC}
  .c_more_course_list{gap:0;margin-top: 12px;}
  .c_course_detail_page .c_more_course_item{margin-right:12px;margin-bottom:12px; width: calc(calc(100% - 12px)/2)}
  .c_course_detail_page .c_more_course_item:nth-child(2n){margin-right:0}
  .c_course_detail_page .c_more_course_item img{width:100%;}
  .c_detail_recommend_options{height: auto;padding-bottom: 12px;overflow: hidden;}
  .c_more_course_box .c_course_info_box > p {margin-bottom:12px}
  .c_course_detail_page .c_other_info{margin-top:0 !important}
  .c_more_course_box .gremark{width: 100%;height: auto}
  .c_more_course_box .gremark .gre_send{border-radius: 4px;border-color: #1B70FC;color: #1B70FC}
  .c_more_course_box .grev_list{width: 100%;box-sizing: border-box}


  .c_search_detail_filter_label{display: flex;justify-content: space-between;align-items: center;padding-bottom: 8px;margin-bottom: 12px; border-bottom: 1px solid rgb(238,238,238)}
  .c_search_detail_filter_label > p{font-size: 20px;font-weight: 600;color: #1D1D1F}
  .c_search_detail_filter_label .c_phone_filter_trigger{margin-bottom: 0}
  .d_retrieval_nav {width:100%}
  .d_retrieval_card{width:100%;max-width:1200px;padding:16px;overflow-x: hidden;}
  .d_retrieval_main{padding: 0}
  .d_retrieval_nav,
  .d_retrieval_search {padding-right:0;margin-top: 0;margin-bottom:14px}
  .d_allTypes_btns{width:100%;justify-content:space-between}
  .d_info_text {display: flex;flex-direction:column}
  .d_result_box{margin-bottom:16px}
  .d_list_layout .d_img{width:140px;height:90px;flex-shrink:0}
  .d_tile_layout .d_img{width:100%;height:100px}
  .d_tile_layout .d_img img,
  .d_list_layout .d_img img{width:100%;height:100%}
  .d_list_layout .d_info{padding:0 10px;width:0}
  .d_list_layout .d_info_text{bottom:0}
  .d_retrieval_item.d_tile_layout{height:auto;width:calc(calc(100% - 16px)/2);margin-right:16px}
  .d_retrieval_item.d_tile_layout:nth-child(2n){margin-right:0}
  .d_tile_layout .d_info_text span.city{margin-top:10px}
  .c_change_container{width:0;overflow:unset;}
  body{overflow-x:hidden}
}