@import url(//at.alicdn.com/t/font_1954963_e07irqneeqj.css);
img{border-radius: 6px;}
.icon-caret-down:before{content:unset}
.main-menu>li.current-menu-item>a:after{content:unset}
.header .fixed-top{background-color: #fff;}
.header .fixed-top.scroll{background-color:#fff}
.list-nice-overlay .list-title{color:#333;text-align:center}
.list-nice-overlay .list-content{position:unset;justify-content:unset}
.list-magazine.list-fixed{padding-top:3rem}
.header .fixed-top{box-shadow:0 2px 30px rgb(0 0 0 / 8%)}
.header .fixed-top .main-menu li a,.header .fixed-top .main-submenu .nav-link{color:#666}
.bg-dark,.list-magazine.list-fixed{background-color:#fff!important}
.posts-ajax-load{display:none}
.main-menu li a{font-size:1.05rem}
.header .navbar .navbar-nav li:hover a{color:#666!important}
.header .navbar .container .navbar-collapse ul{margin:0 auto}
.footer-wrapper{background-color:#333333!important}
.footer-wrapper .footer-copyright{border-color: #424242;margin: 0 auto;width: 1200px;}
.footer-wrapper .footer-nav {width: 1200px;margin: 0 auto;padding: 30px 0;font-size: 14px;display: flex;}
.footer-wrapper .footer-nav p{font-weight: bold;}
#zxtj .container{display:flex;justify-content:space-between}
#zxtj .container .course-wrapper{width:59%}
#zxtj .container .course-wrapper .course-index-header{display:flex;margin-bottom:30px}
#zxtj .container .course-wrapper .course-index-header ul{display:flex;align-items:center;margin-left:80px}
/* #zxtj .container .course-wrapper .course-index-header ul li{display:flex;margin:0 20px;font-size:20px;cursor:pointer} */
#zxtj .container .course-wrapper .course-index-header ul li{display:flex;margin:0 20px;font-size:1.1rem;cursor:pointer}
#zxtj .container .course-wrapper .course-index-header ul li.active{font-weight:700}
#zxtj .container .course-index-container .tab-box{display:none}
#zxtj .container .course-index-container .tab-box.active{display:block}
#zxtj .container .course-index-container .jg-tab ul li{display:flex;padding:10px;border-radius:6px;background-color:#fff;margin-bottom:10px}
#zxtj .container .course-index-container .jg-tab ul li:last-child{margin-bottom:0}
#zxtj .container .course-index-container .jg-tab ul li .img{width:30%;margin-right:20px}
#zxtj .container .course-index-container .jg-tab ul li .img a{display:block}
#zxtj .container .course-index-container .jg-tab ul li .img a img{width:100%}
#zxtj .container .course-index-container .jg-tab ul li .content{flex:1;position:relative}
/* #zxtj .container .course-index-container .jg-tab ul li .content .title{margin-bottom:10px;font-weight:700;font-size:18px} */
#zxtj .container .course-index-container .jg-tab ul li .content .title{margin-bottom:.4rem;font-weight:700;font-size:1rem}
#zxtj .container .course-index-container .jg-tab ul li .content .text{line-height:24px;font-size:.875rem;color:#7f7f7f;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
#zxtj .container .course-index-container .jg-tab ul li .content .tab-footer{position:absolute;bottom:0;right:0;color:#cdcdcd;font-size:14px}
#zxtj .container .course-index-container .kc-tab ul li{display:flex;padding:10px;border-radius:6px;background-color:#fff;margin-bottom:10px}
#zxtj .container .course-index-container .kc-tab ul li:last-child{margin-bottom:0}
#zxtj .container .course-index-container .kc-tab ul li .img{width:30%;margin-right:20px}
#zxtj .container .course-index-container .kc-tab ul li .img a{display:block}
#zxtj .container .course-index-container .kc-tab ul li .img a img{width:100%}
#zxtj .container .course-index-container .kc-tab ul li .content{flex:1;position:relative}
#zxtj .container .course-index-container .kc-tab ul li .content .title{margin-bottom:10px;font-weight:700;font-size:18px}
#zxtj .container .course-index-container .kc-tab ul li .content .text{line-height:24px;font-size:14px;color:#7f7f7f;width:100%;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#zxtj .container .course-index-container .kc-tab ul li .content .tab-footer{position:absolute;bottom:0;right:0;color:#cdcdcd;font-size:14px}
#zxtj .container .course-index-container .zx-tab ul li{padding:10px;background-color:#fff;margin-bottom:10px;border-radius:8px}
#zxtj .container .course-index-container .zx-tab ul li a{font-size:18px}
#zxtj .container .course-index-container .wd-tab ul li{padding:10px;background-color:#fff;margin-bottom:10px;border-radius:8px}
#zxtj .container .course-index-container .wd-tab ul li a{font-size:18px}
#zxtj .container .teacher-wrapper{width:40%}
#zxtj .container .teacher-wrapper .teacher-index-wrapper{margin-bottom:30px}
#zxtj .container .teacher-wrapper .teacher-index-container{background-color:#fff}
#zxtj .container .teacher-wrapper .teacher-index-container ul{padding:20px;display:flex;justify-content:space-between;flex-wrap:wrap}
#zxtj .container .teacher-wrapper .teacher-index-container ul li{width:48%;display:flex;margin-bottom:20px}
#zxtj .container .teacher-wrapper .teacher-index-container ul li .img{width:70px;height:120px;overflow:hidden;flex-shrink:0;margin-right:10px}
#zxtj .container .teacher-wrapper .teacher-index-container ul li .img a{display:block}
#zxtj .container .teacher-wrapper .teacher-index-container ul li .img a img{width:100%}
#zxtj .container .teacher-wrapper .teacher-index-container ul li .tname{margin-bottom:8px;font-size:16px}
#zxtj .container .teacher-wrapper .teacher-index-container ul li .content .txt{width:100%;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;color:#8e8e8e}
.custom-hover .media-content img{width: 100%;height: 100%;}
#tjjg{padding-top: 130px !important;}

/* (min-width: 768px) and (max-width: 991.98px) */

/* 中等 */
@media (min-width: 768px) and (max-width: 991.98px) {
    #zxtj .container {
        display: block;
    }
    #zxtj .container .course-wrapper {
        width: 100%;
        margin-bottom: 30px;
    }
    #zxtj .container .teacher-wrapper {
        width: 100%;
    }
}



/* 小尺寸 */
@media (max-width: 767.98px) {
    .header .fixed-top .container{
        height: 40px;
    }

    .header .navbar-brand {
        padding: 0;
    }

    #tjjg {
        padding-top: 5rem !important;
    }
    
    #zxtj .container {
        display: block;
    }

    #zxtj .container .course-wrapper .course-index-header{
        display: block;
        margin-bottom: 20px;
    }
    #zxtj .container .course-wrapper .course-index-header .h4 {
        margin-bottom: 10px;
    }
    
    #zxtj .container .course-wrapper .course-index-header ul {
        margin-left: 0;
    }
    #zxtj .container .course-wrapper .course-index-header ul li {
        margin: 0 20px 0 0;
    }
    #zxtj .container .course-wrapper {
        width: 100%;
        margin-bottom: 20px;
    }
    #zxtj .container .teacher-wrapper {
        width: 100%;
    }
    #zxtj .container .course-index-container .kc-tab ul li .content, #zxtj .container .course-index-container .jg-tab ul li .content{
        padding-bottom: 1.4rem;
    }
    #zxtj .container .teacher-wrapper .teacher-index-wrapper {
        margin-bottom: 20px;
    }
    #mobile-tab-menu-id{
        display: flex;
        flex-wrap: wrap;
    }

    .footer-wrapper .footer-nav,
    .footer-wrapper .footer-copyright {
        width: 100%;
    }
}