.class_detail .top_class[data-v-8bd01f58]{height:370px;background:#fff;width:100%}.class_detail .top_class .card[data-v-8bd01f58]{position:relative;width:405px;height:225px;margin-left:30px;color:#fff;background:url(../img/course_bg@2x.3dc6ebb3.png) 50%/cover;cursor:pointer}.class_detail .top_class .card_header[data-v-8bd01f58]{position:absolute;top:36px;left:0;width:100%;height:32px;padding:0 25px 0 20px}.class_detail .top_class .card_header_title[data-v-8bd01f58]{margin-left:10px;font-size:18px;font-weight:600;text-align:left;line-height:32px}.class_detail .top_class .card_header_status[data-v-8bd01f58]{width:50px;height:24px;opacity:1;color:#ff8100;font-size:12px;text-align:center;line-height:24px;background:#fff;border-radius:2px;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.12);box-shadow:0 4px 8px 0 rgba(0,0,0,.12)}.class_detail .top_class .card_footer[data-v-8bd01f58]{position:absolute;top:144px;padding:0 32px}.class_detail .top_class .card_footer img[data-v-8bd01f58]{width:16px;height:16px;margin-right:16px}.class_detail .title[data-v-8bd01f58]{width:100%;height:80px;line-height:80px;font-size:18px;font-weight:600;color:#333;padding-left:54px;position:relative}.class_detail .title[data-v-8bd01f58]:before{position:absolute;content:"";left:30px;width:3px;height:14px;background:#305aff;top:33px}.class_detail .student_box[data-v-8bd01f58]{width:100%;background:#fff;margin-top:20px}.class_detail .student_list[data-v-8bd01f58]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;margin-left:30px}.class_detail .student_list .item[data-v-8bd01f58]{text-align:center;margin:0 48px 40px 0}.class_detail .student_list .item[data-v-8bd01f58]:nth-child(8n){margin-right:0}.class_detail .student_list .item img[data-v-8bd01f58]{width:72px;height:72px}.class_detail .student_list .item .user_name[data-v-8bd01f58]{width:60px;font-size:14px;font-weight:400;text-align:center;color:#666;margin:14px auto 0}.class_detail .student_list .item .user_img[data-v-8bd01f58]{border-radius:50%;overflow:hidden}.class_detail .mb12[data-v-8bd01f58]{margin-bottom:12px}.class_detail .mr40[data-v-8bd01f58]{margin-right:40px}