.no_course_data{font-size:16px;padding:20px}.no_course_data .card_header_title{font-size:18px;font-weight:700}.online_college_bg{background:#f6f6f6;padding:20px}.online_college_bg .el-card__body{padding:20px 20px 6px}.online_college_bg .ocb_card{margin-bottom:20px}.online_college_bg .card_header_title{font-size:18px;font-weight:700}.online_college_bg .oc_title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 0 24px}.online_college_bg .oc_title .oc_title_left{height:33px;font-size:24px;font-weight:700;color:#353535;line-height:33px}.online_college_bg .oc_title .oc_title_right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.online_college_bg .online_course_list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:8px}.online_college_bg .online_course_list .ocl_item{position:relative;width:227px;height:306px;border-radius:4px;background:#fff;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 6px 12px 0 rgba(0,0,0,.1);box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 6px 12px 0 rgba(0,0,0,.1);margin:0 16px 24px 0;color:#353535;overflow:hidden;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.online_college_bg .online_course_list .ocl_item:hover{-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.06),0 20px 40px 0 rgba(0,0,0,.06);box-shadow:0 4px 8px 0 rgba(0,0,0,.06),0 20px 40px 0 rgba(0,0,0,.06);-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}.online_college_bg .online_course_list .ocl_item .ocl_item_img{width:100%;height:170px;background:#909399;position:relative}.online_college_bg .online_course_list .ocl_item .ocl_item_img img{width:100%;height:170px;-o-object-fit:cover;object-fit:cover;vertical-align:top}.online_college_bg .online_course_list .ocl_item .ocl_item_img p{text-align:center;padding-top:74px;font-size:18px;color:#666}.online_college_bg .online_course_list .ocl_item .ocl_item_img .ocl_item_svg{position:absolute;top:-4px;left:0;background:#fff;border-radius:5px;padding:5px 0 0;text-align:center;border:1px solid #9dc5ef;width:34px}.online_college_bg .online_course_list .ocl_item .ocl_item_img .ocl_item_svg svg{width:16px;height:16px}.online_college_bg .online_course_list .ocl_item .ocl_item_img .ocl_item_svg h5{font-size:12px;color:#409eff;margin-top:-4px}.online_college_bg .online_course_list .ocl_item .ocl_item_btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:center;position:absolute;bottom:8px;width:227px;padding:0 6px}.online_college_bg .online_course_list .ocl_item .ocl_item_offline_time{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:204px;height:16px;margin-top:4px}.online_college_bg .online_course_list .ocl_item .ocl_item_offline_time p{font-size:12px;color:#999}.online_college_bg .online_course_list .ocl_item .ocl_item_info{padding:8px 12px 0;overflow:hidden;position:relative;color:#333;height:136px}.online_college_bg .online_course_list .ocl_item .ocl_item_info h2{font-size:14px}.online_college_bg .online_course_list .ocl_item .ocl_item_info p{line-height:18px;margin:6px 0 0;color:#888;font-size:12px}