.mobile body{height:100%;min-height:auto}
.pc .main-scroll{position:relative;padding-bottom:.8rem}
  /* 虚拟课程 */
.course-banner{background:url(../images/fictitiousCourse/banner.png),linear-gradient(90deg,#cb240e,#eda024) center center no-repeat #0858a9;background-size:100% 100%}
 /* 虚拟课程内容 */
.course-container{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:77.084%;margin:.28rem auto 0px auto}
/* 课件分类 */
.course-container-left{width:17.08%}
.course-container-left .category{width:100%;height:.46rem;margin-top:.1rem;font-size:.16rem;font-weight:bold;line-height:.46rem;border:1px solid #e8e8e8;text-indent:.1rem;vertical-align:middle}
.mobile .course-container-left .category{height:.6rem;margin-top:0;line-height:.6rem;font-size:.26rem}
.category .iconfont{margin-right:.2em;font-size:1.2em;color:#d9693f}
.course-container-left .menu{width:100%;font-size:0}
.course-container-left .menu-box{width:100%;font-size:0}
/* 设置菜单栏的滚动条 */
.menu-list{position:relative;margin-right:0;width:100%;height:auto;overflow-y:scroll;box-sizing:border-box}
.menu-list::-webkit-scrollbar{width:0}
.pc .menu-box>.menu-list{min-height:2rem;max-height:6.5rem;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8}
.mobile .menu-box>.menu-list{max-height:calc(100% - 2rem);-webkit-overflow-scrolling:touch}
.menu-list-item{border-bottom:1px solid #ececec;overflow:hidden}
.mobile .menu-list-item{border-right:1px solid #ececec}
.open .menu-list-item:first-child{border-top:1px solid #ececec}
/* placeholder占位符 */
.open .placeholder{padding-left:.1rem}
.open .open .menu-list .placeholder{padding-left:.2rem}

.menu-list-info{position:relative;z-index:1;display:block;padding:.15rem .2rem;color:#000000;font-size:.16rem;line-height:1.2;text-align:justify;background-color:#fff;cursor:pointer;display:flex;align-items:center;}
.mobile .menu-list-info{font-size:.26rem}
.menu-list-info.current{color:#f1f1f1;background:linear-gradient(90deg,#cb250d,#eda324)}
.open .menu-list-item .menu-list-info.current{color:#d9693f;font-weight:bold;background-color:transparent}
.menu-list-info:hover{color:#fff;background:#eda324}
.open .menu-list-item .menu-list-info:hover{color:#eda324;background-color:transparent}
.menu-list-info .icon{float:left;width:.5rem;height:.32rem;margin-right:.1rem;border-radius:2px}
.mobile .menu-list-info .icon,
.mobile .menu-list-info .iconfont{display:none}
.menu-list-info .iconfont{position:absolute;top:0;bottom:0;margin:auto;right:.1rem;width:1em;height:1em;font-size:.6em}
.menu-list-info>span{margin-right:.1rem}
.menu-list-item ul{display:none;animation:fadeInUp .3s ease}
.menu-list-item .menu-list::-webkit-scrollbar,
.menu-list-item ul::-webkit-scrollbar{width:0px;}
.menu-list-item.open>ul{display:block;border:0;animation:fadeInDown .3s ease}
.course-container-left .menu >ul:hover::-webkit-scrollbar{background-color:#f1f1f1;width:2px}
.course-container-left .menu >ul::-webkit-scrollbar{width:0px}
.course-container-left .menu >ul::-webkit-scrollbar-thumb{background-color:#d9693f}
/* 最近浏览 */
.pc .course-container-left .browse-list{width:100%;height:2.37rem;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8}
.pc .browse-list .browse-list-item+.browse-list-item{border-top:1px solid #e8e8e8}
.pc .browse-list .browse-list-item{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:100%;height:33.33%;cursor:pointer}
.pc .browse-list .browse-list-item .picture{width:32.08%;height:65.82%;margin-left:0.08rem;margin-right:.16rem}
.pc .browse-list .browse-list-item .desc{position:relative;width:53.82%;height:100%;padding:.12rem 0}
.pc .browse-list .browse-list-item .desc .title{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.15rem;color:#424242;font-weight:400;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;overflow:hidden}
.pc .browse-list .browse-list-item .desc .goto{position:absolute;right:.12rem;bottom:.12rem;font-size:.12rem;font-weight:400;color:#d9693f;transform:rotate(180deg)}
.pc .browse-list .browse-list-item .desc .goto:hover{cursor:pointer}
/* 课件展示 */
.course-container-right{width:82.92%}
.sort{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:space-between;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;width:96.631%;margin-bottom:5px;margin-left:3.369%}

.sort >div{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;margin:.1rem 0;font-size:.12rem;color:#000000}
.sort .bread-cont{width:auto;min-width:50%;justify-content:flex-start;justify-content:left;padding:0}
.select-cont .score{font-size:.16rem;cursor:pointer}
.select-cont .visit{padding-right:.2rem;font-size:.16rem;border-right:1px solid #e8e8e8;cursor:pointer}
.select-cont .visit::before,
.select-cont .score::before{
	margin-right:.1rem}
.select-cont .visit:hover,
.select-cont .score:hover{
	color:#d9693f}
.sort .icon div{font-size:10px;width:12px;height:10px;line-height:10px}
.sort .icon div:hover{color:#d9693f;cursor:pointer}
.sort .icon span{margin-left:10px;text-align:center}
.sort .icon div:nth-child(1){-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg); -o-transform:rotate(180deg);transform:rotate(180deg)}
.sort .score{padding-left:20px}
/* 课件内容展示 */
.course-content{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-webkit-box-lines:multiple;-moz-flex-wrap:wrap;flex-wrap:wrap;width:100%}
.course-content-empty{width:100%;min-height:6rem;text-align:center;padding:1.18rem 0}
.course-content-empty>img{width:4.53rem;max-width:100%;height:auto}
.course-content-empty>p{font-size:.14rem;line-height:.3rem}
.course-content-item{width:29.9%;padding:0.03rem;margin-left:3.369%;margin-bottom:2.615%;box-sizing:border-box;border-radius:0.03rem;box-shadow:0px 3px 5px 1px rgba(0,30,49,0.08)}

.course-content-item:hover{box-shadow:0px 6px 10px 1px rgba(0,30,49,0.2);color:#000000;cursor:pointer;transition:all .2s}
.course-content-item:hover .item-picture{transform:scale(1.2);transition:all .2s}
.course-content-item:hover .item-name{color:#d9693f;transition:all .2s}
.course-content .picture-slide .item-picture{width:100%}
.course-content .picture-swarper{position:relative;width:100%;height:0;padding-bottom:56.225%;overflow:hidden}
 

.course-content .item-picture{position:absolute;top:0;left:0;width:100%;height:100%;transition:background-size 200ms linear;-moz-transition:background-size 200ms linear; /* Firefox 4 */-webkit-transition:background-size 200ms linear; /* Safari and Chrome*/-o-transition:background-size 200ms linear; /* Opera */}

.course-content-item:hover .item-picture{background-size:110%;transition:all .2s}

.course-content-item .item-name{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:.15rem;font-weight:bold;margin:.15rem 0 0 .08rem}

.course-content-item .item-score{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;font-size:0;height:.40rem;font-weight:400;margin:.1rem 0 0 .08rem}
.course-content-item .item-score>span{font-size:.14rem}
.course-content-item .item-score>.iconfont{font-size:.18rem;color:#d9693f}
.course-content-item .item-score>span:last-child{margin-left:.5em}
.course-content-item .browse{font-size:.14rem;font-weight:400;margin:0 0 .05rem .08rem}


/* 分页 */
.nav-pagination{width:100%}
/*滚动加载完成  */
.list-end{flex-basis:100%;max-width:100%;width:96.631%;margin-left:3.369%;font-size:.18rem;line-height:1;color:#d1d1d1;letter-spacing:2px;height:auto;text-align:center;background:url(../images/public/end-line.png) center center no-repeat;background-size:contain}
/*移动端  */
.mobile .course-container{width:100%;height:calc(100% - 1.06rem);;margin:.66rem 0 .4rem 0}
.mobile .course-container-left{width:24.8%;height:100%}
.mobile .course-container-left .menu{display:none}
.mobile .course-container-left .menu-box{height:100%}
.mobile .course-container-left .recent-browse{display:none!important}
.mobile	.course-container-left .menu >ul{height:100%;/* overflow-y:auto; */overflow-y:hidden}
.mobile	.course-container-right{position:relative;width:75.2%;height:100%;background-color:#fff}
.mobile .sort .bread-cont{display:none}
.mobile .submenu-box{position:relative;width:100%;height:calc(.6rem + 2px);line-height:1;overflow-x:auto;-webkit-overflow-scrolling:touch}
.mobile .submenu-box .menu-list{display:none;white-space:nowrap;padding-right:.6rem;}
.mobile .submenu-box .menu-list.open{position:static;display:block;animation:fadeInLeft .5s linear}
.mobile .submenu-box .menu-list.open:empty::before{content:'暂无内容';display:inline-block;font-size:.26rem;padding:.13rem 0.2rem;margin-left:.5em;border:1px solid #ececec;border-radius:.24rem}
.mobile .submenu-box .menu-list:not(:empty)::after{position:absolute;content:'\00BB';right:0;width:0.6rem;line-height:.6rem;height:100%;font-size:.46rem;color:#000000;text-align:center;background-color:#fff;border-left:1px solid #ececec;z-index:1}
.mobile .submenu-box .menu-list-item{display:inline-block;margin:0 .5em;border:1px solid #ececec;border-radius:.24rem}
.mobile .submenu-box .menu-list-info{padding:.13rem .2rem}
.mobile .submenu-push{display:none;position:absolute;right:0;margin-top:-.6rem;width:.6rem;height:.6rem;background-color:#fff;text-align:center;line-height:.6rem;font-size:.24rem;z-index:110;}
.mobile .course-content-item{position:relative;width:96.631%;height:auto;min-height:1.4rem;display:block;box-sizing:border-box;color:#424242;*zoom:1;margin-left:auto;margin-right:auto;padding:0;}

.mobile .course-content .picture-swarper{position:absolute;top:0;bottom:0;width:46.6%;padding-bottom:26.2125%;float:left;margin:auto;}
.mobile .sort{position:absolute;top:-.66rem;left:-32.97%;width:133%;height:.66rem;margin-bottom:0;-webkit-box-pack:flex-start;-ms-flex-pack:flex-start;-webkit-justify-content:flex-start;justify-content:flex-start;align-items:center;background:#fff;}
.mobile .course-content-item::after{content:'';display:block;clear:left;height:0;visibility:hidden;overflow:hidden;}
.mobile .sort .select-cont>div{font-size:.24rem;border-bottom:2px solid transparent;color:#424242}
.mobile .sort .select-cont>div::before{width:0}
.mobile .sort .visit{padding:0;border-right:none;margin-right:.2rem}
.mobile .sort .score{padding:0;margin-left:.2rem}
.mobile .sort .visit:hover,.mobile .sort .score:hover{border-bottom:2px solid #d9693f;color:#d9693f;}
.mobile .course-content-item .item-name{width:51%;margin-left:49%;font-size:.26rem;text-align:left;white-space:normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical}
.mobile .course-content-item .item-score{width:51%;margin-left:49%;height:auto;font-size:.18rem;}
.mobile .course-content-item .item-score>div{padding-left:.1rem!important}
.mobile .course-content-item .item-score>span>img{width:.2rem}
.mobile .course-content-item .browse{width:51%;margin:0;margin-left:49%;display:block;font-size:.18rem;text-align:left;}
.mobile .course-content>img{max-width:50%}
.mobile .course-content{display:block;width:100%;height:calc(100% - 1.2rem);text-align:center;overflow-y:auto;-webkit-overflow-scrolling:touch}
/*最近浏览  */
.mobile .course-container-left .browse-list{display:none}
/*滚动固定  */
.mobile .main-scroll{height:100%;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.mobile .is-top .swiper-container-body,
.mobile .is-top .course-banner{display:none}
.mobile .is-top .course-container{position:fixed;top:1.12rem}
.mobile .is-top .course-content{overflow-y:auto;-webkit-overflow-scrolling:touch}
.mobile	.is-top .course-container-left .menu >ul{overflow-y:auto;-webkit-overflow-scrolling:touch}
.mobile .list-end{margin:3.615% auto;flex-basis:auto}
/*横屏*/
.mobile .landscape .course-content-item .item-name{font-size:.4rem;line-height:.8rem} 
.mobile .landscape .course-content-item .item-score{font-size:.3rem;line-height:.6rem}
.mobile .landscape .course-content-item .item-score>span>img{width:.3rem}
.mobile .landscape .course-content-item .browse{font-size:.3rem;line-height:.6rem}
.mobile .landscape .course-content .picture-swarper{width:37.44%;padding-bottom:20.97%}
.mobile .footer{display:none}

@media screen and (min-width:1210px){
  .course-container{width:1200px;}
}
@media screen and (max-width: 1209px){
  .course-container{width:90%;}
}
@media only screen and (max-width: 992px){
  .course-container{width:96%;}
  .course-container-left{width:22.08%}
  .course-container-right{width:77.92%}
  .course-content-item{width:46.631%}
}
/* @media screen and (max-width:1600px){
  html{font-size:90px;}
  .course-container{width:86.927%;}
  .sort .bread-cont{width:76.5%;min-width:76.5%;}}

@media screen and (max-width:1440px){
  .course-container{width:88.927%;}}

@media screen and (max-width:1366px){
  html{font-size:85px;}
  .course-container{width:91.927%;}} */