.class_li[data-v-8f3cd334]{position:relative;width:auto;border-radius:4px;overflow:hidden;background:#fff;margin:0 5px 30px;cursor:pointer}.class_li[data-v-8f3cd334]:hover{box-shadow:0 4px 10px 0 hsla(0,0%,73.7%,.3)}.class_li:hover .class_li_img[data-v-8f3cd334]{transform:scale(1.1)}.class_li .class_li_tag[data-v-8f3cd334]{position:absolute;top:4px;left:4px;background-color:#a8e9d1;color:#fff;font-size:12px;padding:2px 6px;border-radius:5px;border:2px solid #fff;box-shadow:3px 3px 3px rgba(0,0,0,.1);z-index:1}.class_li .class_li_img[data-v-8f3cd334]{height:161px;width:100%;transition:transform .5s ease}.class_li .class_li_content[data-v-8f3cd334]{padding:0 16px}.class_li .class_li_content .class_li_name[data-v-8f3cd334]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;color:#1f2326;padding:16px 0 9px;font-weight:600}.class_li .class_li_content .class_li_des[data-v-8f3cd334]{font-size:12px;color:#818485;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:34px}.class_li .class_li_content .class_li_num[data-v-8f3cd334]{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#333;text-align:center;margin:14px 0 14px}.class_li .class_li_content .class_li_num .class_li_count[data-v-8f3cd334]{font-weight:700}.class_li .class_li_content .class_li_num .class_li_num_text[data-v-8f3cd334]{color:#999;font-size:12px;margin-top:8px}.class_li .class_li_content .class_li_teacher[data-v-8f3cd334]{display:flex;align-items:center}.class_li .class_li_content .class_li_teacher[data-v-8f3cd334],.class_li .class_li_content .class_li_time[data-v-8f3cd334]{font-size:14px;color:#999;margin-top:12px}.class_li .class_li_content .class_li_teacher .class_li_teacher_name[data-v-8f3cd334],.class_li .class_li_content .class_li_teacher .class_li_time_name[data-v-8f3cd334],.class_li .class_li_content .class_li_time .class_li_teacher_name[data-v-8f3cd334],.class_li .class_li_content .class_li_time .class_li_time_name[data-v-8f3cd334]{color:#333}.class_li .class_li_content .class_li_teacher .class_li_teacher_name[data-v-8f3cd334],.class_li .class_li_content .class_li_time .class_li_teacher_name[data-v-8f3cd334]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.class_li .class_li_content .class_li_time[data-v-8f3cd334]{padding-bottom:16px}.content[data-v-56d371f1]{background:#f6f6f6;padding-top:60px;box-sizing:border-box;height:100vh;overflow-y:scroll}.content .class_ul[data-v-56d371f1]{display:grid;grid-gap:20px;grid-template-columns:repeat(auto-fill,minmax(246px,1fr));max-width:1920px;min-width:1440px;padding:0 60px;margin:auto;box-sizing:border-box}[data-v-56d371f1] .class_li{margin:0!important}[data-v-56d371f1] .header-contain-new .title{top:0}.class_footer[data-v-56d371f1]{display:flex;justify-content:center;padding:20px 0}[data-v-56d371f1] .el-pagination .el-pager li:not(.disabled).active{background-color:#3858d6}.sort[data-v-56d371f1]{display:flex;align-items:center;font-size:14px;height:83px;max-width:1920px;min-width:1280px;padding:0 60px;margin:auto}.sort .tagsName[data-v-56d371f1]{margin-right:32px;cursor:pointer}.sort .active[data-v-56d371f1]{color:#16329c;background-color:transparent}.tagsName[data-v-56d371f1]{margin-right:36px;font-size:14px;font-weight:600;color:#1f2326}