body{background:#f1f1f1;}
/*导航*/
.nav {height:2.5rem; width:calc(100% - 20px); position:fixed; top:0; left:0; z-index:999; background:white; padding:0 10px;}
.nav_ul{height:100%;position:relative;  white-space: nowrap; font-size:0;}
.nav_ul li { width:20%; height:100%; display:inline-block; font-size:.7rem;}
.nav_ul li a {height:100%; display:block; color:#5b5b5b; text-align: center; line-height:3rem;}
.nav_on a {color: #fc611f !important;}
.sideline {display:block; position:absolute; border:0; height:2px !important; background:#fc611f; left:0; bottom:0; pointer-events: none; }
/*滚动区域*/
.scrollArea{overflow: auto; /*margin-bottom: 3rem*/}
/*标题*/
.course_title{position:relative; z-index:111;width:calc(100% - 1rem);height:2rem; padding:0 .5rem; line-height:2rem; color: #fc611f; font-size:.7rem; background:#f1f1f1;}
.icon-star{float:left; height:2rem; background:url(../img/star.png)no-repeat left center; background-size:.8rem .8rem; padding-left:1rem;}

/*小标题选项*/
.btn-area{padding:1rem 10px 0; width:100%;box-sizing: border-box; background:white;}
.btn-area ul{width:100%;}
.btn-area ul li{float:left; height:3rem; text-align: center; font-size:.6rem; margin-bottom:1rem; color:#5b5b5b;}
.btn-area ul li p {
    font-size: 16px;
    margin-top: 5px;
}
.col-3{ width:33.3%;}
.col-4{width:25%;}

.btn-area ul li img{width:2rem; height:2rem; margin:0 auto;}
.btn-on{color:#fc611f;}

.course-main{width:calc(100% - .4rem); padding:0 0.2rem; z-index:999;}
.course-main ul { overflow: hidden; }
.course-main ul li{background:white; float: left; width: calc(50% - 0.1rem); padding:0.1rem; margin-bottom:0.4rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
.course-main ul li:nth-child(even) {margin-left:0.1rem; }
.course-main ul li:nth-child(odd) {margin-right:0.1rem; }
.images{width:100%; position:relative; }
.course-main ul li img{width:100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.course-main ul li a { display: block; }
.course-main ul li a h2,.course-main ul li a p { width:100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding: 5px; color: #040404; font-size: .7rem;}
.course-main ul li a p {color:#666464; padding:0 5px 5px;  font-size: .6rem;}
/*锁头*/
.lock{width:2.5rem; height:2.5rem; position:absolute; right:0; bottom:0; background:url(../img/js.png)no-repeat; background-size: 100% 100%;}