@import url("fonts/iconfont.css");
@import url("adp.css");
@media (max-width: 767px) { .container-fluid { width: 95%; margin: 0 auto; }
  .bigTitle h1 { font-size: .30rem; }
  .hui-table-responsive { width: 100%; margin-bottom: 15px; overflow-x: scroll; overflow-y: hidden; border: 1px solid #ddd; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; }
  .hui-table-responsive > .hui-table { margin-bottom: 0; }
  .hui-table-responsive > .hui-table > thead > tr > th, .hui-table-responsive > .hui-table > tbody > tr > th, .hui-table-responsive > .hui-table > tfoot > tr > th, .hui-table-responsive > .hui-table > thead > tr > td, .hui-table-responsive > .hui-table > tbody > tr > td, .hui-table-responsive > .hui-table > tfoot > tr > td { white-space: nowrap; }
  .hui-table-responsive > .hui-table-bordered { border: 0; }
  .hui-table-responsive > .hui-table-bordered > thead > tr > th:first-child, .hui-table-responsive > .hui-table-bordered > tbody > tr > th:first-child, .hui-table-responsive > .hui-table-bordered > tfoot > tr > th:first-child, .hui-table-responsive > .hui-table-bordered > thead > tr > td:first-child, .hui-table-responsive > .hui-table-bordered > tbody > tr > td:first-child, .hui-table-responsive > .hui-table-bordered > tfoot > tr > td:first-child { border-left: 0; }
  .hui-table-responsive > .hui-table-bordered > thead > tr > th:last-child, .hui-table-responsive > .hui-table-bordered > tbody > tr > th:last-child, .hui-table-responsive > .hui-table-bordered > tfoot > tr > th:last-child, .hui-table-responsive > .hui-table-bordered > thead > tr > td:last-child, .hui-table-responsive > .hui-table-bordered > tbody > tr > td:last-child, .hui-table-responsive > .hui-table-bordered > tfoot > tr > td:last-child { border-right: 0; }
  .hui-table-responsive > .hui-table-bordered > tbody > tr:last-child > th, .hui-table-responsive > .hui-table-bordered > tfoot > tr:last-child > th, .hui-table-responsive > .hui-table-bordered > tbody > tr:last-child > td, .hui-table-responsive > .hui-table-bordered > tfoot > tr:last-child > td { border-bottom: 0; }
  .page-header .row { position: relative; padding-bottom: 0; }
  .page-header .header { padding: .25rem .4rem .25rem 0; }
  .page-header div.nav { display: none; }
  .page-header .logo { width: 2.7rem; }
  .page-header .searchPanel { width: 95%; display: none; }
  .page-header .mobile { position: absolute; right: 5px; top: 50%; margin-top: -10px; }
  .page-header .denglu { margin: 0; }
  .page-header.index { height: 2.4rem; }
  .indexNews .link { width: 100%; }
  .indexNews .text { width: 70%; }
  .swiper-course-recommend .swiper-button-next { display: none; }
  .swiper-course-recommend .swiper-button-prev { display: none; }
  .swiper-course-recommend .swiper .swiper-slide img { height: 1.7rem; }
  .row-course_category .course_category .category { display: block; }
  .row-course_category .course_category .category .title { margin-bottom: 10px; }
  .row-course_category .course_category .category .grid li { margin: 0 5px 5px; }
  .row_LearningResources .col-md-3 { width: 100%; }
  .row_LearningResources .col-md-9 { width: 100%; }
  .course-right-column { margin-top: .2rem; }
  .course-right-column .input-group { display: none; }
  .course_media_list { gap: 10px; }
  .course_media_list li { width: calc(50% - 5px); }
  .course_media_list a.unit .pic { height: 1.6rem; }
  .course_media_list .text .key { flex-direction: column; align-items: flex-start; }
  .course_media_list .text .key .time { margin-top: 5px; }
  .row-learningDetail .courseDetail { display: block; }
  .row-learningDetail .courseDetail .picBox { width: 100%; padding: 0; }
  .row-learningDetail .courseDetail .picBox.zt { width: 100%; }
  .row-learningDetail .courseDetail .detail { padding: 10px 0; }
  .row-learningDetail .courseDetail .detail .category li { padding-left: 3px; margin-left: 3px; }
  .row-learningDetail .courseDetail .head { padding-right: 1rem; }
  .mt-courseList .unit .time { top: auto; bottom: 0; }
  .coursePanel .kc-courseList > li { padding: 15px 0; }
  .coursePanel .kc-courseList .aptext .text .head { display: block; }
  .coursePanel .kc-courseList .aptext .text .head .name .title { margin-right: 0; display: block; }
  .coursePanel .kc-courseList .aptext .text .head .name .tag { margin: .1rem 0; display: inline-block; }
  .meiti-dataBox .group dl { flex-direction: column; }
  .meiti-dataBox .group dl dt { text-align: left; margin-bottom: .2rem; }
  .resource_content .group dl { flex-direction: column; align-items: flex-start; }
  .resource_content .group dl dt { text-align: left; margin-bottom: .2rem; }
  .resource_content .group dl dd { width: 100%; }
  .resource_content .group01 { display: block; }
  .resource_content .group01 * { margin-top: 10px; }
  .resource_content .row-bookmarks { display: block; }
  .resource_content .hui-tab { position: relative; }
  .resource_content .hui-tab .operate-btn { position: absolute; right: 0; top: -.68rem; }
  .resource_content .hui-tab .operate-btn a { padding: 5px; margin-left: 3px; }
  .row_search .newslist_box .link { display: block; }
  .row_search .newslist_box .link .pic { margin: 0 auto .2rem; height: 1.6rem; }
  .topic_course { display: block; }
  .topic_course .rankingPanel { width: 100%; margin-left: 0; }
  .topic_course .unit { display: block; }
  .topic_course .unit .pic { width: 100%; }
  .topic_course .unit .right { width: 100%; padding: .1rem 0; height: auto; }
  .mulu_category .muluWrap .item { display: block; }
  .recommend_courses .head .title .name { width: 3rem; }
  .recommend_courses .slide a.unit { width: calc(50% - 12px); }
  .recommend_courses .slide a.unit .pic { height: 1.4rem; }
  .recommend_courses .slide.topic a.unit { width: calc(50% - 12px); }
  .recommend_courses .slide.topic a.unit .pic { height: 1.4rem; }
  .row-branch-center .branch-center-num .left .num { padding: .1rem .2rem; }
  .row-branch-center .branch-center-num .left .num font { font-size: .3rem; }
  .row-friendLink { background-size: cover; }
  .swiper-friendLink { margin: 0 .3rem; }
  .loginWrap .left { display: none; }
  .loginWrap .login_box { width: 100%; }
  .registration_box { width: 100%; }
  .registration_box .list { display: block; }
  .registration_box .list > [class^="col-md-"] { width: 100%; }
  .row-mypage { display: block; }
  .row-mypage > .col-md-3 { width: 100%; margin-bottom: .2rem; }
  .row-mypage .left_column .menu { margin: 0; display: flex; flex-wrap: wrap; gap: 10px; }
  .row-mypage .left_column .menu li { width: 30%; margin: 0; }
  .row-mypage .personal_resource_leftMenu .user_info { display: flex; align-items: center; justify-content: center; }
  .row-mypage .personal_resource_leftMenu .user_info .avatar { margin: 0; margin-right: 20px; }
  .courseList_detail .unit { display: block; }
  .courseList_detail .unit .pic { width: 100%; height: 2.5rem; }
  .courseList_detail .unit .right { width: 100%; padding: .1rem 0; }
  .courseList_detail .unit .right .info { height: auto; margin-bottom: .2rem; }
  .courseList_detail .unit .right .bottom { flex-direction: column; }
  .courseList_detail .unit .right .bottom div + div { margin-left: 0; margin-top: .1rem; }
  .row-video { display: block; }
  .row-video .videoInfo { margin-top: .2rem; margin-left: 0; width: 100%; } }

@media (min-width: 768px) and (max-width: 1199px) { .container-fluid { width: 90%; margin: 0 auto; }
  .page-header .row { position: relative; padding-bottom: 0; }
  .page-header .header { padding: .25rem .4rem .25rem 0; }
  .page-header div.nav { display: none; }
  .page-header .logo { width: 4rem; }
  .page-header .searchPanel { width: 95%; display: none; }
  .page-header .mobile { position: absolute; right: 5px; top: 50%; margin-top: -10px; }
  .page-header .denglu { margin: 0; }
  .page-header.index { height: 4.5rem; }
  .recommend_courses .slide a.unit .pic { height: 1.6rem; } }

/* 收藏弹窗 */
.hui-modal-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9998; }
body.hui-modal-open { overflow: hidden; }
#hui-modal-alert.hui-modal-alert { position: fixed; top: 50%; left: 50%; z-index: 9999; padding: 0; margin-left: 0 !important; background: #fff; border: none; border-radius: 8px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25); overflow: hidden; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#hui-modal-alert .hui-modal-alert-info { padding: 0; }
.collect-modal { font-size: 14px; color: #333; }
.collect-modal-hd { padding: 14px 20px; overflow: hidden; background: #2973e3; color: #fff; }
.collect-modal-hd h3 { float: left; margin: 0; font-size: 16px; font-weight: normal; line-height: 1.5; }
.collect-modal-hd .close { float: right; cursor: pointer; color: #fff; font-size: 14px; line-height: 1.5; }
.collect-modal-hd .close:hover { opacity: 0.8; }
.collect-modal-bd { padding: 25px 30px; }
.collect-modal .form-item { display: flex; align-items: flex-start; margin-bottom: 18px; }
.collect-modal .form-item label { width: 85px; margin-right: 12px; text-align: right; line-height: 38px; color: #555; flex-shrink: 0; }
.collect-modal .form-item .input-wrap { flex: 1; }
.collect-modal .form-item input[type="text"], .collect-modal .form-item select, .collect-modal .form-item textarea { width: 100%; padding: 8px 12px; border: 1px solid #d9d9d9; border-radius: 4px; box-sizing: border-box; font-size: 14px; line-height: 1.5; color: #333; background: #fff; transition: border-color 0.2s, box-shadow 0.2s; }
.collect-modal .form-item input[type="text"]:focus, .collect-modal .form-item select:focus, .collect-modal .form-item textarea:focus { border-color: #2973e3; box-shadow: 0 0 0 2px rgba(41, 115, 227, 0.15); outline: none; }
.collect-modal .form-item input[type="text"], .collect-modal .form-item select { height: 38px; }
.collect-modal .form-item textarea { height: 110px; resize: vertical; }
.collect-modal .submit-wrap { padding-left: 97px; }
.collect-modal .btn-submit { display: inline-block; padding: 8px 28px; border: 1px solid #2973e3; background: #fff; color: #2973e3; font-size: 14px; border-radius: 4px; cursor: pointer; transition: all 0.2s; }
.collect-modal .btn-submit:hover { background: #2973e3; color: #fff; }

@media (min-width: 1200px) and (max-width: 1600px) { .container-fluid, .areazx { width: 1400px; margin: 0 auto; }
  .mobile, .m-show { display: none; } }

@media (min-width: 1601px) { .container-fluid, .areazx { width: 1600px; margin: 0 auto; }
  .mobile, .m-show { display: none; } }