body,html{background-color:#f5f5f5}.text-hidden{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.all_course{max-width:1300px;padding:0 15px;margin:20px auto 0;min-height:715px}.all_course h1{font-weight:400;margin-bottom:18px}.all_course .special_column{display:flex;flex-wrap:wrap}.all_course .special_column div{width:270px;height:40px;text-align:center;line-height:40px;padding:0 10px;margin-bottom:20px;border-radius:20px;background-color:#fff;border:1px solid #ccc;color:#333;font-size:16px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:20px}.all_course .special_column div.active{background-color:#3f81fa;color:#fff}.all_course .all_number{color:#3f81fa}.all_course .course_list{margin-top:20px;display:flex;flex-wrap:wrap;margin-left:-2%}.all_course .course_list .empty{display:block;width:100%;text-align:center;margin-top:60px}.all_course .course_list .empty div{margin-top:20px;font-size:18px}.all_course .course_list .item{width:23%;margin-left:2%;background-color:#fff;margin-bottom:24px;cursor:pointer}.all_course .course_list .item .item_bg{position:relative}.all_course .course_list .item .item_bg img{display:block;width:100%;max-height:150px}.all_course .course_list .item .item_bg .item_title{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;padding:0 30px;line-height:34px;text-align:center}.all_course .course_list .item .item_container{padding:0 24px 24px}.all_course .course_list .item .item_container h3{margin-top:20px;font-size:18px;color:#333;font-weight:700}.all_course .course_list .item .item_container .item_chapter{height:128px;overflow:hidden}.all_course .course_list .item .item_container .item_chapter div{display:inline-block;margin-top:20px;width:49%;height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.all_course #pagination{text-align:center;margin-bottom:64px}.mobile_special_column{display:none;margin:20px 0;height:38px;background-color:#fff;padding:0 15px;position:relative}.mobile_special_column .m_show{display:flex;justify-content:space-between;align-items:center;height:38px}.mobile_special_column .m_show span{width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobile_special_column .m_drop{display:none;position:absolute;width:100%;top:38px;left:0;background-color:#fff;padding:0 15px;z-index:10;border-bottom:1px solid #3f81fa}.mobile_special_column .m_drop li{height:38px;line-height:38px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (max-width:970px){.all_course{padding:0 8px;margin:10px auto 0;padding-bottom:40px;min-height:750px}.all_course .all_number,.all_course .special_column,.all_course h1{display:none}.all_course .course_list{margin-top:15px;padding-bottom:15px;margin-left:-3%}.all_course .course_list .empty img{width:100px}.all_course .course_list .empty div{font-size:14px}.all_course .course_list .item{width:47%;margin-left:3%;margin-bottom:20px}.all_course .course_list .item .item_bg img{max-height:88px}.all_course .course_list .item .item_container{padding:0 12px 12px}.all_course .course_list .item .item_container h3{margin-top:10px;font-size:16px}.all_course .course_list .item .item_container .item_chapter{overflow:hidden;height:175px}.all_course .course_list .item .item_container .item_chapter div{margin-top:6px;width:100%}.all_course #pagination{margin-bottom:32px}.mobile_special_column{display:block}}