html,body{background-color: #fff;}
.index-mask-box{position: fixed;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background: rgba(43,51,59,.6);}
/* 课程列表页 */
.nav{background-color: #fff;box-shadow: 0px 3px 10px rgba(0,0,0,.1);position: relative;padding-top: 5px;position: fixed;width: 100%;z-index: 99;}
.nav .swiper-container {padding: 0 3%;height: 40px;line-height: 36px;width: 80%;margin-left: 0;}
.nav .swiper-wrapper li {width: auto;}
.nav .swiper-wrapper li a{color: #333;font-size: 1rem;position: relative;}
.nav .swiper-wrapper li.active a{color: #1e77bd;font-weight: bold;}
.nav .swiper-wrapper li.active::after{content: '';position: absolute;left: 50%;bottom: 0;width: 60%;height: 0.18rem;border-radius: 5px;background-color: #1e77bd;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.nav .all{position: absolute;background-color: #fff;right: 0;top: 0;width: 11%;height: 45px;z-index: 3;box-shadow: -3px -3px 4px 0px rgba(0,0,0,.1);padding: 0 5px;}
.nav .all i{width: 100%;height: 32px;text-align: right;line-height: 32px;font-size: .8rem;color: #666;margin-top: 8px;}
.nav .all i.van-icon-filter-o::before{font-size: 1rem;position: absolute;left: 0;}
.nav .allNav{width: 94%; position: fixed;top: 50px;left: 0; padding: .5rem 3%;background-color: #fff;z-index: 2;height: 50%;overflow-y: scroll;}
.nav .allNav .select{margin-bottom: 15px;}
.nav .allNav h4{margin-top: 0;line-height: 32px;}
.nav .allNav ul li{float: left;background-color: rgba(0, 0, 0, 0.04);padding: .5rem 1rem;margin: 0.5rem 0.5rem 0.5rem 0;border-radius: 36px;}
.nav .allNav ul li.active{background-color: #1e77bd;color: #fff;}
.nav .allNav ul li a{display: block;color: #333;font-size: .85rem;}
.vlist{padding: 0 4%;margin: 60px 0 20px 0;}
.vlist .vlist_item{margin-bottom: 20px;}
.vlist .vlist_item .item_left{width: 35%;height: 80px; float: left;border-radius: 10px;overflow: hidden;}
.vlist .vlist_item .item_left img{width: 100%;height: 80px;}
.vlist .vlist_item .item_right{width: 63%;float: right;}
.vlist .vlist_item .item_right .title{height: 44px;font-size: 1rem;overflow: hidden;}
.vlist .vlist_item .item_right .bottom{margin-top: 15px;}
.vlist .vlist_item .item_right .bottom .bottom_left{width: 60%;float: left;color: #999999;}
.vlist .vlist_item .item_right .bottom .bottom_right{width: 40%;float: right;text-align: right;color: #1e77bd;}
.van-empty{margin-top: 40px;}

/* 课程详情页 */
.vcourse_pic{width: 100%;height: 210px;background-size: 100%;background-position: center center;background-repeat: no-repeat;}
.vcourse_info{background-color: #fff;padding: .5rem 1rem;border-bottom: 10px solid #f5f5f5;}
.vcourse_info .title{font-size: 1.4rem;margin: 10px 0;}
.vcourse_info .college_fillIn{font-size: .9rem; color: #666;margin: 5px 0 10px 0;}
.vcourse_info .item{margin-bottom: 10px;color: #36404a;font-size: .9rem;}
.vcourse_info .item span{float: left;color: #afb3b7;}
.vcourse_info .item img{width: 16px;height: 16px;vertical-align: text-bottom;margin-right: 5px;}
.recommend{width: 90%;margin: 0 auto;}
.recommend h3{font-size: 1.2rem;padding: 10px 0;}
.recommend .recommend_list .item{width: 48%;float: left;margin-right: 4%;}
.recommend .recommend_list .item p{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow: hidden;margin: 10px 0;}
.recommend .recommend_list .item:nth-child(2n){margin-right: 0;}
.footer{position: fixed;bottom: 0;left: 0;height: 3.5rem;width: 100%;line-height: 3.5rem;font-size: 1rem;text-align: center;}
.footer .btn1{width: 100%;height: 100%;background-color: #1e77bd;color: #fff;display:block;}
.footer .btn2{width: 100%;height: 100%;background-color: #E95513;color: #fff;display:block;}
.footer .btn3{width: 50%;height: 100%;background-color: #E95513;color: #fff;display:block;float: left;}
.footer .btn4{width: 50%;height: 100%;background-color: #f29708;color: #fff;display:block;float: left;}