.course-container{min-height:calc(100vh - 175px);margin-top:8px;text-align:left;display:flex;justify-content:center}.course-container .course-inner{width:1200px;max-width:calc(100% - 40px);background-color:#fff;border-radius:8px;padding-bottom:20px}.course-container .breadcrumb{height:44px;display:flex;align-items:center;padding:0 20px;font-size:14px;line-height:1;color:#8a919f;border-bottom:1px solid #edf1f6}.course-container .crumb-link{color:#3f8eea;cursor:pointer}.course-container .crumb-sep{margin:0 8px;color:#a3a9b5}.course-container .crumb-current{color:#5a6270}.course-container .course-search{width:420px;max-width:100%;margin:20px 20px 0}.course-container .major-tabs{padding-right:20px;padding-left:20px;padding-top:10px}.course-container .course-list{margin:0 20px 20px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 16px}.course-container .course-list .course-card{position:relative;border-radius:8px;overflow:hidden;background:#fff;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:all .3s ease;display:flex;flex-direction:column}.course-container .course-list .course-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.course-container .course-list .course-card-head{position:absolute;left:0;right:0;top:0;height:0;z-index:2;pointer-events:none}.course-container .course-list .major-tag{position:absolute;left:0;top:10px;display:inline-block;padding:4px 8px;background:#5ca1e6;color:#fff;font-size:13px;line-height:1;letter-spacing:.5px;white-space:nowrap;box-shadow:2px 2px 4px rgba(0,0,0,.1)}.course-container .course-list .category-ribbon{position:absolute;right:0;top:0;width:60px;height:60px;overflow:hidden}.course-container .course-list .category-ribbon span{position:absolute;top:8px;right:-22px;width:80px;height:20px;line-height:20px;text-align:center;background:#e95646;color:#fff;font-size:12px;transform:rotate(45deg);box-shadow:-1px 2px 4px rgba(0,0,0,.1);font-weight:600}.course-container .course-list .thumb-img{width:100%;height:280px;display:block;-o-object-fit:cover;object-fit:cover;background-color:#f5f7fa}.course-container .course-list .course-name{flex:1;padding:16px 12px;display:flex;justify-content:center;align-items:center;text-align:center;font-size:18px;color:#448ef7;line-height:1.4;font-weight:500;min-height:70px}.course-container .course-list .course-footer{height:40px;padding:0 12px;background:#dff6ea;display:flex;justify-content:space-between;align-items:center}.course-container .course-list .learn-info{color:#5d6872;font-size:13px;line-height:1}.course-container .course-list .lock-icon{font-size:16px;color:#40cfa1}.course-container .course-list .is-locked .thumb-img{-webkit-filter:grayscale(10%);filter:grayscale(10%);opacity:.9}@media(max-width:1280px){.course-container .course-list{grid-template-columns:repeat(4,minmax(0,1fr))}}