.btn[data-v-2b1ed107]{cursor:pointer}.fl[data-v-2b1ed107]{float:left}.fr[data-v-2b1ed107]{float:right}.clearfix[data-v-2b1ed107]:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.pagination[data-v-2b1ed107]{text-align:center;margin-top:100px}.course-nav-active[data-v-2b1ed107]{background-color:#27a4fe;border-radius:24px;color:#fefefe;padding:0 12px}.tab-active[data-v-2b1ed107]{color:#27a4fe;border-bottom:1px solid #27a4fe}.check-default[data-v-2b1ed107]{padding:3px 12px;border:1px solid #27a3fd;color:#27a3fd}.check-active[data-v-2b1ed107]{background-color:#27a3fd;color:#fff}.course-content[data-v-2b1ed107]{background-color:#fff}.course-content .course-nav-row[data-v-2b1ed107]{position:relative;display:flex;padding:16px 0 0}.course-content .course-nav-row .title[data-v-2b1ed107]{min-width:80px;color:#999}.course-content .course-nav-row .content ul li[data-v-2b1ed107]{cursor:pointer;height:28px;line-height:28px;display:inline-block;margin-right:20px;margin-bottom:10px}.btn[data-v-4e76f0ef]{cursor:pointer}.fl[data-v-4e76f0ef]{float:left}.fr[data-v-4e76f0ef]{float:right}.clearfix[data-v-4e76f0ef]:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.pagination[data-v-4e76f0ef]{text-align:center;margin-top:100px}.course-nav-active[data-v-4e76f0ef]{background-color:#27a4fe;border-radius:24px;color:#fefefe;padding:0 12px}.tab-active[data-v-4e76f0ef]{color:#27a4fe;border-bottom:1px solid #27a4fe}.check-default[data-v-4e76f0ef]{padding:3px 12px;border:1px solid #27a3fd;color:#27a3fd}.check-active[data-v-4e76f0ef]{background-color:#27a3fd;color:#fff}.live-course[data-v-4e76f0ef]{min-height:100vh;background-color:#f5f7fa;padding-bottom:40px;padding-top:20px;font-size:14px}.live-course .container[data-v-4e76f0ef]{width:1200px;margin:0 auto;padding:0 15px}.live-course .filter-section[data-v-4e76f0ef]{background-color:#fff;border-radius:12px;padding:20px 30px;margin-bottom:20px;box-shadow:0 4px 20px rgba(0,0,0,.06)}.live-course .sort-search[data-v-4e76f0ef]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 10px}.live-course .sort-search .tab-list[data-v-4e76f0ef]{display:flex}.live-course .sort-search .tab-list .tab-item[data-v-4e76f0ef]{height:32px;line-height:32px;padding:0 16px;cursor:pointer;border-radius:24px;font-size:14px;color:#606266;transition:all .3s ease}.live-course .sort-search .tab-list .tab-item[data-v-4e76f0ef]:hover{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff}.live-course .searchwrap[data-v-4e76f0ef]{position:relative}.live-course .searchwrap .search[data-v-4e76f0ef]{display:flex}.live-course .searchwrap .search .input[data-v-4e76f0ef]{display:flex;align-items:center;padding:5px;background:#fafafa;border:1px solid #eee;border-radius:1px}.live-course .searchwrap .search .input img[data-v-4e76f0ef]{width:12px;height:12px}.live-course .searchwrap .search .btn[data-v-4e76f0ef]{cursor:pointer;width:30px;padding:5px 9px;background:#27a4fe;color:#fff}.live-course .searchwrap .search input[data-v-4e76f0ef]::-moz-placeholder{padding-left:20px;font-size:12px;color:#bbb}.live-course .searchwrap .search input[data-v-4e76f0ef]::placeholder{padding-left:20px;font-size:12px;color:#bbb}.live-course .main-content[data-v-4e76f0ef]{background-color:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 20px rgba(0,0,0,.06);position:relative;z-index:2}.live-course .padding-t10[data-v-4e76f0ef]{padding-top:10px;padding-bottom:10px}.live-course .grid-content[data-v-4e76f0ef]{cursor:pointer;transition:all .3s}.live-course .grid-content[data-v-4e76f0ef]:hover{transform:translateY(-5px)}.live-course .curriculum-list[data-v-4e76f0ef]{border-radius:8px;overflow:hidden;transition:all .3s;position:relative}.live-course .curriculum-list .img-container[data-v-4e76f0ef]{position:relative;overflow:hidden;height:160px}.live-course .curriculum-list .img-container .image[data-v-4e76f0ef]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s}.live-course .curriculum-list .img-container .overlay[data-v-4e76f0ef]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s}.live-course .curriculum-list .img-container .overlay .play-icon[data-v-4e76f0ef]{font-size:48px;color:#fff}.live-course .curriculum-list .img-container:hover .image[data-v-4e76f0ef]{transform:scale(1.05)}.live-course .curriculum-list .img-container:hover .overlay[data-v-4e76f0ef]{opacity:1}.live-course .curriculum-list .card-content[data-v-4e76f0ef]{padding:15px}.live-course .curriculum-list .kechengtitle[data-v-4e76f0ef]{font-size:16px;font-weight:500;color:#303133;margin:0 0 10px;height:44px;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.live-course .curriculum-list .kechengwrap[data-v-4e76f0ef]{display:flex;justify-content:space-between;align-items:center}.live-course .curriculum-list .kechengwrap .kechengprice[data-v-4e76f0ef]{color:#f56c6c;font-size:18px;font-weight:600}.live-course .curriculum-list .kechengwrap .live-count[data-v-4e76f0ef]{font-size:12px;color:#f56c6c;display:flex;align-items:center;gap:3px}.live-course .live-badge[data-v-4e76f0ef]{position:absolute;top:10px;left:10px;height:24px;line-height:24px;padding:0 8px;border-radius:4px;font-size:12px;font-weight:600;color:#fff;display:flex;align-items:center;gap:3px;z-index:2}.live-course .live-badge-living[data-v-4e76f0ef]{background:#f56c6c}.live-course .live-badge-wait[data-v-4e76f0ef]{background:#909399}.live-course .live-badge-ended[data-v-4e76f0ef]{background:#656565}.live-course .pagination[data-v-4e76f0ef]{text-align:center;margin-top:30px;padding:20px 0}.empty-state[data-v-4e76f0ef]{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 0;color:#909399;min-height:400px}.empty-state i[data-v-4e76f0ef]{font-size:60px;margin-bottom:20px;color:#dcdfe6}.empty-state p[data-v-4e76f0ef]{font-size:16px}.error-state[data-v-4e76f0ef]{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 0;color:#f56c6c}.error-state i[data-v-4e76f0ef]{font-size:60px;margin-bottom:20px}.error-state p[data-v-4e76f0ef]{font-size:16px;margin-bottom:20px}.fade-list-enter-active[data-v-4e76f0ef],.fade-list-leave-active[data-v-4e76f0ef]{transition:all .5s}.fade-list-enter[data-v-4e76f0ef],.fade-list-leave-to[data-v-4e76f0ef]{opacity:0;transform:translateY(30px)}[data-v-4e76f0ef] .el-loading-spinner .el-icon-loading{font-size:30px;color:#1890ff}[data-v-4e76f0ef] .el-loading-spinner .el-loading-text{font-size:16px;margin-top:10px;color:#1890ff}@media screen and (max-width:1200px){.live-course .container[data-v-4e76f0ef]{width:100%;padding:0 15px}.live-course .sort-search[data-v-4e76f0ef]{flex-direction:column;gap:15px}}@media screen and (max-width:768px){.live-course .header[data-v-4e76f0ef]{padding:30px 0 40px}.live-course .header .title[data-v-4e76f0ef]{font-size:24px}}