@charset "utf-8";
/* ====================== index ================= */
.ban { width:100%;margin:0 auto; position:relative; overflow:hidden;   }
.ban .hd{ width:100%; height:.1rem;  position:absolute; z-index:1; bottom:.13rem; text-align:center; }
.ban .hd ul{ display:inline-block; height:.1rem; padding:0 .08rem; border-radius:.1rem; font-size:0; vertical-align:top;}
.ban .hd ul li{ display:inline-block; width:.28rem; height:.12rem;  border-radius:.1rem; background:#fff; margin:0 5px;  vertical-align:top; overflow:hidden;opacity: .5; }
.ban .hd ul .on{opacity: 1;width:.28rem;}

.ban .bd{ position:relative; z-index:0; }
.ban .bd li img{ width:100%;  height:auto;}
.ban .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

.nav{padding:.1rem auto;background:#fff;border-bottom:.06rem solid #f5f5f5;}
.nav li{float:left;width:24.6%;margin:.1rem 0;font-size:.28rem;line-height:.4rem;border-right:1px solid #666;text-align: center;color:#666;}
.nav li:nth-child(4n){border-right:0;}
.nav li a{display:block;}

.nav-sub li{width:33%;}
.nav-sub li:nth-child(4){border-left:0;}
.nav-sub li:nth-child(5){border-left:1px solid #666;}
.nav-sub li.on a,.nav li.on a{color:#01c758;}

.nav-sub-yaos li{width:48%;}



/*直播公告*/
.zbgg{width:6.33rem;height:2.5rem;border:.02rem solid #f5f5f5;margin:.5rem 0 0 .84rem;padding-left:1.87rem;box-sizing:border-box;background:url(../images/zbgg-bg.png) no-repeat left bottom;background-size:1.9rem 1.54rem;}
.zbgg h3{left:-.66rem;top:.17rem;font-size: .26rem;background:#f5f5f5;width:1.89rem;height:.53rem;text-align: center;line-height: .53rem;box-sizing: border-box;background: #01c758;font-size:.28rem;color:#fff;}
.zbgg h3:after{display:block;content:"";width:1.89rem;height:.53rem;border:.02rem solid #01c758;position:absolute;left:.06rem;top:.04rem;}
.zbgg p{font-size:.26rem;line-height: .52rem;}
.zbgg p:nth-child(2){padding:.2rem 0 .1rem;}


/*广告*/
/* .ad a{display: inline-block;margin:.39rem 0 .32rem .32rem;} */
.ad img{width:3.2rem;height:1.25rem;}
/* .ad a:first-child{margin-left:.39rem;} */





.tit{font-size:.32rem;padding:.35rem 0 .22rem;text-align:center;line-height: .4rem;}
a.more-btn{display: block;line-height: .77rem;}
/*新闻*/
.news ul, .bkzq ul{width:7.1rem;margin:0 auto;}
.news li, .bkzq li{border-bottom:.02rem solid #dedede;height:.79rem;overflow: hidden;line-height: .79rem;}
.news li span, .bkzq li span{color:#666;font-weight: bold;margin-right:.08rem;}


/*切换*/
.container {/*width: 100%;*/ /*border: 1px solid #ccc;*/ }
.swiper-nav {width: 98%;border-bottom:.02rem solid #f5f5f5;}
.swiper-nav .selected {position:relative;}
.swiper-nav .selected:after{display:block;width:.47rem;height: .04rem;background:#01c758;border-radius:.04rem;content: "";position: absolute;bottom:0;left:50%;transform: translateX(-50%);}
.swiper-nav .swiper-slide {text-align: center; font-size:.3rem;line-height:.8rem; width: auto!important; height: auto!important;padding:0 .1rem; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; cursor: pointer; }
.swiper-cont {width: 100%;padding-top:.12rem;}
.swiper-cont .swiper-slide{background:#fff!important;overflow-x: hidden !important;height: auto!important;}

/*好课推荐*/
.course-cont{width:100%;}
.course-cont .hd{width:100%;padding:0 .24rem;box-sizing: border-box;}
.course-cont .hd li{float:left;width:2.2rem;height:.54rem;line-height: .54rem;text-align:center;box-shadow: 0 0 .05rem rgba(0,0,0,.15);margin:.24rem .06rem 0;}
.course-cont .hd li.on{background: #f7f7f7;}

.course-cont .bd{width:100%;box-sizing: border-box;}
.course-cont .bd li{float:left;position: relative;width: 3.3rem!important;height:1.85rem;margin:.28rem 0 0 .3rem;overflow: hidden;}
.course-cont .bd .img{width: 3.3rem;height:1.85rem;}
.course-cont .bd img{width: 3.3rem;height:1.85rem;}
.course-cont .bd p{width:100%;box-sizing:border-box;position: absolute;bottom:0;left:0;font-size:.24rem;line-height: .34rem;color:#fff;background: rgba(0,0,0,.7);padding:.1rem;}

/*备考专区*/
.bkzq .swiper-nav .swiper-slide{padding-left:.3rem;}


.teacher .tit{margin-top:.2rem;}




/*品质保障*/
.pinzhi ul{padding-left: .08rem;}
.pinzhi li{float:left;width:3.47rem;height: .78rem;background: #fffcfc;text-align:center;line-height: .78rem;box-shadow: 0 0 .05rem rgba(0,0,0,.15);margin:.2rem .1rem 0;font-size:.26rem;font-weight: bold;}
.pinzhi li span{color:#ea302e;margin-right:.1rem;}


/*跨平台*/
.screen{margin-bottom: 0;text-align: center;padding-bottom:1.3rem;line-height:.5rem;}
.screen div{width:35%;margin:.3rem auto 0;}
.screen .icondiannaobanicon, .screen .iconshoujibanicon{display: block;font-size:.5rem;}
.screen .iconshoujibanicon{color:#01c758;}
.screen div a{display:inline-block;width:50%;color:#999;}
.screen div a:last-child{color:#01c758;}
.screen img{display:block;width:1.3rem;height:auto;margin:0 auto;}
.screen p{color:#999;}



/*首页快捷导航*/
.kjdh{background:#fff;padding-top:.38rem;height: .85rem;overflow: hidden;}
.kjdh li{position: relative;float:left;width:20%;text-align: center;line-height: .85rem;background:#f5f5f5;overflow:hidden;}
.kjdh li a{color:#999;display:block;}
.kjdh span{position: absolute;top:50%;transform:translateY(-50%);right:0;content:"";display:block;width:.02rem;height:.45rem;background:#ebebeb;}






/*============================ column ============================*/
#column-nav li{width:33%;border-right:1px solid #666;}
#column-nav li:nth-child(3n){border-right:0;}

#column-ban{width:6.9rem;margin-top:.2rem;border-radius: .1rem;} 
#column-ban .hd ul li{width:.06rem;height:.06rem;border-radius:.06rem;}
#column-ban .hd ul li.on{width:.2rem;background: #fff;}

.link-ban li{float:left;width:20%;text-align: center;font-size:.24rem;color:#666;margin:.42rem 0 .27rem;line-height: .56rem;}
.link-ban li img{width:.81rem;height:.81rem;display: block;margin:0 auto;}

#swiperNavCourse .swiper-slide{width: 33.3%!important;padding:0!important;margin:0!important;box-sizing: border-box!important;}
.course #swiperNavCourse .swiper-slide{width:auto!important;padding:0 .2rem!important;}

.news-list h4{font-size:.3rem;position: relative;padding-left:.3rem;line-height:.62rem;font-weight: normal;margin-bottom:.15rem;}
.news-list h4:before{display:inline-block;width:.06rem;height:.3rem;content:"";background:#01c758;border-radius:.3rem;position: absolute;left:0;top:50%;transform: translateY(-50%);}

.news-list h4 a{display:inline;color:#666;font-size:.26rem;font-weight: normal;}
.news-list li:first-child{border-top:.02rem solid #dedede;margin-top:.1rem;}


.column-kjdh{padding-top:0;}

/* 新增友链 */
.youlian{
    display: flex;
    padding: 0 .28rem;
    margin-top: .38rem;
    color: #999999;
}
.youlian .left{
    width: 8.5rem;
}
.youlian a{
    margin-right: .2rem;
    display: inline-block;
    color: #999999;
}

.fLink dd:nth-of-type(n+7){display: none;}
.f-link-wrap .fLink {position: relative;padding:0 0 0 1.3rem;margin-top: .38rem;}
.fLink dt,.fLink dd {color: #888;float: left;_display: inline;height: .56rem;line-height: .56rem;overflow: hidden;}
.fLink dt{position:absolute;top:0;left:.22rem;}
.fLink dd a {display: inline-block;color: #888;padding: 0 .3rem;vertical-align: middle;}
.online-icon {height: .8rem;width: .6rem;}
.footLink li {border-left: 1px solid #0D478B;float: left;width: 17.4%;}
.footLink li dl {border-left: 1px solid #0D5CB8;padding-left: .9rem;}
.footLink li dl dd {height: .6rem;line-height: .6rem;overflow: hidden;}
.foot-link a,.footLink li dl dd a {color: #888;}
.foot-link a:hover,.footLink li dl dd a:hover,.fLink dd a:hover {color: #aaa;text-decoration: none;}


/* 新增 */
.c-red1{
    color: #FF1515;
}
.tablist{
    display: flex;
}
.tablist a{
    width: 25%;
    display: block;
}
.tablist img{
    display: block;
    width: .88rem;
    height: .88rem;
    margin: .32rem auto .14rem;
}
.tablist p{
    font-size: .3rem;
    margin-bottom: .32rem;
    text-align: center;
}
.zbkc{
    padding: 0 .3rem;
}
.zbkc .boxs{
    display: flex;
} 
.zbkc .boxs:not(:last-of-type){
    margin-bottom: .45rem;
}
.zbkc .left{
    position: relative;
    width: 3.3rem;
    height: 1.85rem;
    border-radius: 2px;
    overflow: hidden;
}
.zbkc .left img{
    width: 3.3rem;
    height: 1.85rem;
}
.zbkc .left span{
    width: 1.03rem;
    height: .44rem;
    line-height: .44rem;
    background: #E1E1E1;
    border-radius: 2px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: bold;
}
.zbkc .right{
    flex: 1;
    padding-left: .13rem;
}
.zbkc .p1{
    font-size: .25rem;
    font-weight: bold;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.zbkc .p2{
    margin: .1rem 0;
}
.zbkc .p2,.zbkc .p3{
    font-size: .22rem;
    color: #333333;
}
 .zbkc a{
     width: 100%;
 }