body{
    -webkit-overflow-scrolling: touch;
    overflow:auto;
}
.homebox{
    height: 100%;
    width: 10rem;
    margin: 0 auto;
}
.headbanner{
    width: 100%;
    height: 5.333333rem;
    position: relative;
}
/* 轮播插件 */
.swiper-container{
    width: 100%;
    height: 100%;
    background-color: #fff;
}
.swiper-div {
    width: 10rem;
    height: 5.333333rem;
    overflow: hidden;
    margin: 0 auto;
}
.swiper-slide img{
    display: block;
    width: 10rem;
    height: auto;
    min-height: 100%;
}
.swiper-pagination-bullet{
    width: .24rem;
    height: .08rem;
    background-color: #FFFFFF;
    opacity: 0.5;
    border-radius: 30%;
}
.swiper-pagination-bullet-active{
    background-color: #ffffff ;
    opacity: 1;
}
.homecoursebox{
    height: auto;
    background: #fff;
}
.samelogo{
    padding:.48rem 0 .56rem 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    background: #ffffff
}
.sl-name{
    width: 100%;
    height: .96rem;
    line-height: .96rem;
    text-align: center;
    margin: .266667rem 0;
    color: #35A3E7;
    font-weight: bold;
    background: url(//image.zhihuishu.com/zhs/ablecommons/demo/201902/78190b9c9591478c960596fec0acc763.png) no-repeat ;
    text-indent: 1.306667rem;
    background-position: 3.04rem center;
    background-size: .946667rem;
}
.name-tea{
   background: url(//image.zhihuishu.com/zhs/ablecommons/demo/201902/3e1562d7c88644f09a7058e0a6d308cb.png) no-repeat;
   background-position: 3.04rem center;
   background-size: .946667rem;
}
.name-school{
    background: url(//image.zhihuishu.com/zhs/ablecommons/demo/201902/98738ebbdd3d45a7bb7f3140d06b0c98.png) no-repeat;
    background-position: 3.04rem center;
    background-size: .946667rem;
 }
 .name-notice{
    background: url(//image.zhihuishu.com/zhs_yufa_150820/ablecommons/demo/201908/fc60716fab26490aa830cbce73e3abe6.png) no-repeat;
    background-position: 3.04rem center;
    background-size: .946667rem;
 }
.sl-tu {
    width: 100%;
    height: .293333rem;
    background: url(//image.zhihuishu.com/zhs/ablecommons/demo/201803/de983a90786a4eb1ad3e81cf2e7df6cb.png) no-repeat center center;
    background-size: auto .293333rem;
}
.sl-eng{
    text-align: center;
    color: #1D1D1D;;
    height: .906667rem;
    line-height: .906667rem;
}
.course-box{
    width: 100%;
    width: 10rem;
    height: auto;
    overflow: hidden;
    background: #ffffff;
}
.course-infor{
    padding: 0 .4rem;
    overflow: hidden;
}
.coursecart{
    width: 100%;
    height: auto;
    margin-bottom: .56rem;
}
.coursecart a {
    display: block;
    width: 100%;
    height: 100%;
}
.courseimg{
    position: relative;
    width: 100%;
    height: 5.173333rem;
    overflow: hidden;
    border-radius: .106667rem;
}
.courseimg img {
    width: 100%;
    height: 100%;
    object-fit: cover
}
.coursemessage{
    height: auto;
    width: 100%;
    overflow: hidden;
    color: #8E9193;
}
.coursename{
    height: .6rem;
    line-height: .6rem;
    margin-top: .266667rem;
    color: #1D1D1D;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.courseteabox{
    width: 100%;
    height: .44rem;
    line-height: .44rem;
    margin-top: .08rem;
}
.coursetea, .courseinfor, .selectschool{
    height: .44rem;
    line-height: .44rem;
}
.coursetea {
    width: auto;
    max-width: 48%;
    padding-left: .16rem;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #979797;
    position: relative;
}
.coursetea p {
    width: 1px;
    height: .266667rem;
    background: #979797;
    position: absolute;
    right: 0;
    top: .08rem;
}
.coursetea-border{
    padding-left: 0;
    padding-right: .16rem;
}
.courseinfor{
    margin-top: .266667rem;
    width: 100%;

}
.coursecredit{
    float: left;
    text-indent: .373333rem;
    background: url(//image.zhihuishu.com/zhs/ablecommons/demo/201902/06266d28bb6e498784c0c158f4432675.png) no-repeat left center; 
    background-size: .266667rem .32rem;
    margin-right: .466667rem;
}
.coursehour{
    float: left;
    text-indent: .426667rem;
    background: url(//image.zhihuishu.com/zhs/ablecommons/demo/201902/9d753923c436400b9a3d6c7828260491.png) no-repeat left center; 
    background-size: .32rem .32rem;
}
.selectschool{
    margin-top: .08rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.spanword {
    margin-left: .213333rem;
    color: #1D1D1D;;
}
.spanword_stu{
    margin-right: .573333rem;
}
.seemore {
    width: 100%;
    height: .906667rem;
    line-height: .906667rem;
    text-align: left;
    padding-right: 0.266666rem;
}
.seemore a{
    display: block;
    width: 1.653333rem;
    margin: 0 auto;
    background: url(//image.zhihuishu.com/zhs/ablecommons/demo/201902/118412c9707c41458606e651549447a3.png) no-repeat right center;
    background-size: .306667rem .24rem;
    color: #177BE6;
    margin-top: .533333rem;
}
.seemore .teachermore{
    margin-top: 0;
}
/* 教师 */
.teacher-box{
    width: 100%;
    overflow: hidden;
    
}
.teacher-infor{
    padding: 0 .4rem;
}
.teacher-cart{
    width: 100%;
    height: 3.2rem;
    height: auto;
    overflow: hidden;
    zoom: 1;
    background: #ffffff;
    margin-bottom: .533333rem;
}
.teachercart a {
    display: block;
    width: 100%;
    height: 100%;
}
.teacherimg{
    float: left;
    width: 2.4rem;
    height: 3.2rem;
    border-radius: 8px;
    overflow: hidden;
    margin-right: .533333rem;
}
.teacherimg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.teachermessage{
    float: left;
    width: 6.266667rem;
    height: auto;
}
.teachnername{
    height: .6rem;
    width: 90%;
    line-height: .6rem;
    color: #1D1D1D;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.teachertitle{
    height: .44rem;
    width: 100%;
    line-height: .44rem;
    margin-top: .133333rem;
    color: #8E9193;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.teacherCourseNum{
    height: .44rem;
    line-height: .44rem;
    color: #8E9193;
    margin-top: .333333rem;
}
.teacherCourseNum span{
    height: .44rem;
    line-height: .44rem;
    width: 4.8rem;
    float: right;
    display: block;
    overflow: hidden;
    color: #1D1D1D;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.teacherInfo{
    margin-top: .16rem;
    height: 1.013333rem;
    line-height: .506667rem;
    width: 6.266667rem;
    color: #1D1D1D;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* 学校 */
.schoolbox{
    width: 10rem;
    overflow: hidden;
    padding-bottom: .746667rem;
}
.school-con{
    padding: 0 .4rem;
}
.schoolinfor{
    margin-right: -0.533333rem;
}
.schoolcart{
    width: 4.32rem;
    height: auto; 
    /* overflow: hidden; */
    float: left;
    margin-right: .533333rem;
    margin-bottom: .56rem;
}
.schoolcart a{
    width: 100%;
    height: 100%;
    display: block;
}
.schoolimg{
    width: 4.32rem;
    height: 4.32rem;
    overflow: hidden;
    border-radius: .106667rem;
    overflow: hidden;
}
.schoolimg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.schoolname{
    width: 100%;
    height: .8rem;
    margin-top: .266667rem;
    overflow: hidden;
}
.schoollogo{
    float: left;
    width: .8rem;
    height: .8rem;
}
.schoollogo img{
   width: 100%;
   height: 100%;
    display: block;
    border-radius: 50%;

}
.nameword{
    display: block;
    float: left;
    width: 3.2rem;
    height: .8rem;
    line-height: .8rem;
    margin-left: .266667rem;
    color: #1D1D1D;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.schoolmore{
    margin-top: 0 !important;
}
.friendlink{
    background-color: #E5E5E5;
    width: 10rem;
}
.linktitle{
    width: 100%;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    padding-top: .56rem;
    margin-bottom: .533333rem;
    
}
.friendbox{
    padding: 0 .373333rem;
    padding-bottom: .693333rem;
}
.friendbox li{
    width: 33.33%;
    float: left;
    margin-bottom: .44rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.friendbox li a{
    color: #888888;
}
.footer{
    width: 100%;
    height: auto;
    background-color: #E5E5E5;
    padding-bottom: .666667rem;
}
.foot{
    width: 5.44rem;
    height: .88rem;
    line-height: .44rem;
    margin: 0 auto;
    text-align: center;
    color: #888888;
}

/* 视频弹窗 */
.videoPlaywindow{
	width: 10rem;
	height:100%;
	position: fixed;
	background: #000;
	top: 0;
	left: 50%;
	margin-left: -5rem;
	display: none;
	z-index: 1000;
	overflow: hidden;
}
.video-wrap{
	width: 10rem;
	height:5.333333rem;
	background: #000;
	z-index: 99;
	position: absolute;
    top: 50%;
    margin-top: -3.333333rem;
	left: 0;	
}
#video{
	width: 10rem;
	height:5.333333rem;
}
.closeVideo{
	width: 0.7rem;
	height: 0.7rem;
	position: absolute;
	top: .4rem;
	right: .4rem;
	background: url(//image.zhihuishu.com/zhs/ablecommons/demo/201707/aca891a8ce984066ad2de0053c863fca.png) no-repeat center center;
    background-size: cover;
    z-index: 99;
}
/* 暂无内容图片设置 */
.search_nothing{
    width: 10rem;
    height: 100%;
    text-align: center;
}
.search_nothing img{
    width: 4rem;
    margin: 0 auto;
    margin-top: .533333rem;
}
.search_nothing div{
    color: #1D1D1D;
    margin-top: .133333rem;
}

.course-label-box{ 
    width: 9.2rem;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;

    min-height: 50px;
    /* background: url('//image.zhihuishu.com/zhs/ablecommons/demo/201811/8ba342fcdd7141cc810a47bedaac2d1d.png') no-repeat 0 bottom; */
    background-size: 100% 100%;
}
.clb-two-box{
    width: 8.6rem;
    height: .666667rem;
    padding:.266667rem;
    display: none;
    z-index: 8;
    position: absolute;
    bottom: 0;
}
.ctb-cart{
    width: 90px;
    height: 20px;
    margin-left: 10px;
    border: 1px solid #fff;
    border-radius: 10px;
    float: left;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 5px;
}
.ctb-right{ width: .48rem; height: 0.56rem;
    background: url('//image.zhihuishu.com/zhs_yufa_150820/ablecommons/demo/201902/fefb7c09e31d4d53ab61bbde9397921f.png') no-repeat center center;
    background-size: .48rem;
    float: right;
}
.clb-more-box{
    width: 8.6rem;
    height: auto;
    max-height:5.16rem;
    display: none;
    position: relative;
    z-index: 10;
    padding-top: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    padding:.266667rem;
}
.cmccart em{  width: .293333rem; height: .16rem;
    display:inline-block; 
    background: url(//image.zhihuishu.com/zhs/ablecommons/demo/201811/2f3c1580446e4206a9b0c1d237c85897.png) no-repeat; background-size: cover;
    margin-left: .133333rem;
}
.clb-backimg{
    width: 9.2rem;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.clb-backimg img{
    display: block;
    width: 100%;
    height: 100%;
}
.clb-more-box-cen{
    width: 8.6rem;
    overflow: hidden;
    max-height: 144px;
    overflow-y: scroll;
}
.clb-more-box .ctb-cart{
    margin-bottom: 10px;
}
.course-label-box .active{
    display: block;
}

.ctb-min-box{
    display: none;
}
.ctb-cart{ width: 1.92rem; height: .56rem;
    line-height: .56rem;
    border: .026667rem solid #fff;
    border-radius: .306667rem;
    color: #ffffff;
    margin-left: 0;
    margin-right: .266667rem;
    background: rgba(0,0,0,0.30);

}
.swiper-slide  .bf-icon{
    position: absolute;
    width: 1.066667rem;
    height: 1.066667rem!important;
    min-height: auto;
    top: 50%;
    margin-top: -0.533333rem;
    left: 50%;
    margin-left: -0.533333rem;
}
/* 新闻 */
.noticeBox{
    width: 100%;
    height: auto;
}
.notice-con{
    padding: 0 .4rem;
}
.noticeInfor{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.notice-cart{
    padding:.426667rem 0;
    border-bottom: 1px solid #eeeeee;
}
.notice-name{
    color: #1D1D1D;
    letter-spacing: 0;
    line-height: .586667rem;
    max-height: 1.173333rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.notice-time{
    color: #666666;
    line-height: .693333rem;
    letter-spacing: 0.6px;
    margin-top: .16rem;
}
.news-win {
    height:13.333333rem;
    width: 100%;
    background: #FFFFFF;
    position: fixed;
    left: 0;
    bottom: -30rem;
    /* bottom: 0; */
    padding: .533333rem;
    z-index: 1001;
    box-sizing: border-box;
   -webkit-box-sizing: border-box;
}
.news-con{
    width: 100%;
    height: 100%;
} 
.shady-all {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: url(//image.zhihuishu.com/zhs/ablecommons/demo/201802/1298e00002974749b3e183df7f8fe6eb.png);
    z-index: 1000!important;
    display: none;

}  
.closeBtn {
    width: .533333rem;
    height: .533333rem;
    position: absolute;
    top: .4rem;
    background: url(//image.zhihuishu.com/zhs/ablecommons/demo/201808/55e7fefe2e014a4cb64dbc03dced00a6.jpg) no-repeat center center;
    background-size: .4rem;
    right: .4rem;
}
.news-win-title{
    margin-top: .906667rem;
    font-size: .533333rem;
    color: #1D1D1D;
    text-align: justify;
    word-break: break-all;
    line-height: .746667rem;
    margin-bottom: .533333rem;
}
.news-win-time{
    margin-bottom: .64rem;
    font-size: .373333rem;
    color: #666666;
    letter-spacing: 0;
    text-align: left;
    line-height: .693333rem;
}
.news-win-info {
    width: 100%;
    height: 7.733333rem;
    overflow-y: scroll;
    font-size: .426667rem;
    color: #333333;
    -webkit-overflow-scrolling: touch;
    word-break: break-all;
    line-height: .746667rem;
}
.news-win-info p{
    color: #333333;
    font-size: .426667rem;
    line-height: .746667rem;
    margin-bottom: .426667rem;
}
.news-win-info img{
    max-width: 100%;
    margin-bottom: .426667rem;
}