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%;height:150px;border-radius:5px}.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:85px;overflow:hidden}.all_course .course_list .item .item_container .item_chapter div{display:inline-block;margin-top:20px;width:48%;height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.all_course .course_list .item .item_container .price{display:flex;margin-top:15px;align-items:center;justify-content:space-between}.all_course .course_list .item .item_container .price>div:first-child{font-size:16px;color:#3f81fa}.all_course .course_list .item .item_container .price>div:last-child{width:130px;height:40px;border-radius:4px;font-size:16px;text-align:center;line-height:40px;border:1px solid #3f81fa;color:#3f81fa}.all_course .course_list .item .item_container .price>div:last-child:hover{background-color:#3f81fa;color:#fff}.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}.course_info{position:fixed;z-index:1;left:0;top:0;bottom:0;right:0;overflow:auto;background-color:rgba(0,0,0,.4);display:none;align-items:center;justify-content:center}.course_info .info_container{width:1000px;height:80%;background-color:#fff;border-radius:20px;padding:0 20px;position:relative}.course_info .info_container .info_title{height:60px;display:flex;align-items:center;justify-content:space-between;font-size:18px;color:#333;font-weight:700;border-bottom:1px solid #e0dcdc}.course_info .info_container .info_title .layui-icon{cursor:pointer}.course_info .info_container .info_details{padding-top:10px;height:84%;padding-bottom:0;overflow-y:auto}.course_info .info_container .info_details .info_field{display:flex;margin-bottom:10px}.course_info .info_container .info_details .info_field .field_label{font-size:16px;font-weight:700;line-height:25px;width:80px;display:inline-flex;flex-wrap:wrap!important;align-items:baseline;margin-left:20px}.course_info .info_container .info_details .info_field .field_value{font-size:14px;color:#333;line-height:25px;flex:1 1;flex-wrap:wrap!important;display:inline-flex;align-items:baseline;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap}.course_info .info_container .info_details .info_field .field_value.price{font-size:20px;font-weight:700;color:#f40909}.course_info .info_container .info_details .info_field.field_table{flex-direction:column}.course_info .info_container .info_details .info_field.field_table .field_label{width:80px}.course_info .info_container .info_details .info_field.field_table .table_value{margin-left:5px;overflow:auto}.course_info .info_container .info_details .info_field.field_table .table_value td,.course_info .info_container .info_details .info_field.field_table .table_value th{white-space:nowrap}.course_info .info_container .info_details .info_field.field_table .table_value .status{display:flex;align-items:center;justify-content:center;width:56px;height:24px;box-sizing:border-box;border-radius:12px}.course_info .info_container .info_details .info_field.field_table .table_value .status.over{background:rgba(24,144,255,.1);border:1px solid #3f81fa;color:#1890ff}.course_info .info_container .info_details .info_field.field_table .table_value .status.draft{background:rgba(255,186,0,.1);border:1px solid #ffba00;color:#ffba00}.course_info .info_container .info_footer{position:absolute;bottom:0;left:0;width:100%;height:60px;background-color:#fff;display:flex;align-items:center;justify-content:center;border-radius:20px}.course_info .info_container .info_footer .btn{width:130px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #3f81fa;cursor:pointer;color:#3f81fa}.course_info .info_container .info_footer .btn:first-child{margin-right:20px}.course_info .info_container .info_footer .btn.buy{background-color:#3f81fa;color:#fff}@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:115px}.all_course .course_list .item .item_container .item_chapter div{margin-top:6px;width:100%}.all_course .course_list .item .item_container .price .buy_now{display:none}.all_course #pagination{margin-bottom:32px}.mobile_special_column{display:block}.no_login{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.no_login div{font-size:14px;color:#666}.no_login .m_login{width:120px;height:30px;border:1px solid #3f81fa;text-align:center;line-height:30px;border-radius:5px}.no_login .reg{margin-top:20px}.no_login a{color:#3f81fa}}