@charset "utf-8";
 .curriculumBanner{
     width:7.5rem;
     height:2.4rem;
     background:url(../images/curriculumBanner.png) no-repeat center center scroll;
     background-size:contain;
     margin:1rem 0rem 0rem 0rem;
}
 .selectCulum{
     height:0.8rem;
     background-color:#F2F5F8;
}
 .selectCulum h2{
     height:0.8rem;
     line-height:0.8rem;
     padding:0rem 0.4rem 0rem 0.4rem;
     font-size:0.28rem;
     color:#444;
}
 .selectCulum h2::after{
     content:'';
     height:0.08rem;
     width:0.16rem;
     margin:0.39rem 0rem 0rem 0rem;
     background:url(../images/downIcon.png) no-repeat center center scroll;
     background-size:100%;
     display:block;
     float:right;
}
 .selectCulum.active h2::after{
     background:url(../images/upIcon.png) no-repeat center center scroll;
     background-size:100%;
}
 .selectCulum .listWrap{
     display:none;
}
 .selectCulum.active .listWrap{
     display:block;
}
 .listWrap{
     background-color:#fff;
     font-size:0.28rem;
     position:relative;
     z-index:9;
     box-shadow:0rem 0.06rem 0.12rem rgb(0,0,0,0.05) 
}
 .listWrap a{
     color:#666;
}
 .culumList h3{
     height:0.8rem;
     line-height:0.8rem;
     padding:0rem 0.4rem 0rem 0.4rem;
     font-size:0.28rem;
     border-bottom:#eee solid 0.02rem;
     color:#444;
}
 .culumList li{
     line-height:0.8rem;
     padding-left:0.8rem;
     border-bottom:#eee solid 0.02rem;
}
 .curriculumWrap{
     background-color:#fff;
     overflow:hidden;
}
 .curriculumList{
     width:100%;
     overflow:hidden;
     background-color:#fff;
     padding:0.3rem 0rem 0rem 0.25rem;
}
 .curriculumList li{
     width:3.2rem;
     float:left;
     margin:0rem 0.15rem 0.3rem 0.15rem;
     position:relative;
     box-sizing:border-box;
}
 .curriculumList img{
     width:3.2rem;
     height:2rem;
}
 .curriculumList h4{
     font-size:0.3rem;
     line-height:0.5rem;
     color:#444;
     font-weight:bold;
     margin:0.2rem 0rem 0.08rem 0rem;
     max-height:1rem;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp:2;
     overflow: hidden;
}
 .curriculumList h4 em{
     color:#999;
     font-size:0.24rem;
     margin-left:0.1rem;
}
 .curriculumList p.price{
     font-size:0.24rem;
     line-height:0.3rem;
     color:#EA5C1C;
}
 .curriculumList p.viewers{
     color:#444;
     font-size:0.24rem;
}
 .curriculumList p.viewers font{
     color:#aaa;
     margin-right:0.1rem;
}
 .pages{
     text-align:center;
     margin:0.6rem 0rem 0.4rem 0rem;
}
 .pages span{
     width:0.8rem;
     height:0.8rem;
     display:inline-block;
     background-color:#f0f0f0;
     font-size:0.26rem;
     color:#aaa;
     border-radius:0.04rem;
     line-height:0.8rem;
     margin:0rem 0.1rem;
}
 .pages span.active{
     background-color:#2771C9;
     color:#fff;
}