.course-item-container[data-v-22398627]{width:100%;border-radius:8px;cursor:pointer;overflow:hidden}.course-item-container .item-logo[data-v-22398627]{height:160px;width:100%;overflow:hidden}.course-item-container .item-logo .img[data-v-22398627]{height:100%;width:auto;display:block;transition:transform .3s ease}.course-item-container .item-info[data-v-22398627]{padding:12px 16px;background-color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;border-radius:0 0 8px 8px;border:1px solid #ebeef5}.course-item-container .item-info .item-title[data-v-22398627]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch;overflow:hidden;color:#182230;text-overflow:ellipsis;font-size:16px;font-style:normal;font-weight:600;line-height:24px;font-family:PingFang SC}.course-item-container .item-info .item-title[data-v-22398627]:hover{color:var(--color-guset-primary)}.course-item-container .item-info .tea-info .tea-icon[data-v-22398627]{display:inline-block;padding:0 4px;border-radius:4px;background:var(---,linear-gradient(97deg,#577ad4,#a7c9e9));margin-right:8px;color:#fff;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.course-item-container .item-info .tea-info .tea-name[data-v-22398627]{overflow:hidden;color:#667085;text-overflow:ellipsis;font-size:14px;font-style:normal;font-weight:400}.course-item-container .item-info .course-tag[data-v-22398627]{width:100%;display:flex;color:#667085;text-overflow:ellipsis;font-size:14px;font-style:normal;font-weight:400}.course-item-container .item-info .course-tag .tag-l[data-v-22398627]{flex:1;overflow:hidden}.course-item-container:hover .img[data-v-22398627]{transform:scale(1.1)}.course-page[data-v-678dac19]{position:relative;min-height:100vh;padding:0;margin:0;box-sizing:border-box;background:url(../../static/img/bg.51978d7c.png) no-repeat top;background-size:cover}.course-page .page-container[data-v-678dac19]{padding-top:32px;z-index:10;margin:0 auto}.course-page .page-container .main-title[data-v-678dac19]{font-weight:700;cursor:pointer}.course-page .page-container .data-wrap[data-v-678dac19]{margin-top:24px;display:flex;gap:20px}.course-page .page-container .data-wrap .data-l[data-v-678dac19]{width:168px;background-color:#fff;border-radius:8px;overflow:hidden}.course-page .page-container .data-wrap .data-l[data-v-678dac19] .el-radio__input{display:none}.course-page .page-container .data-wrap .data-l[data-v-678dac19] .el-radio{width:100%;margin:0}.course-page .page-container .data-wrap .data-l[data-v-678dac19] .radio-item{display:block;position:relative;height:56px;line-height:56px;padding-left:20px}.course-page .page-container .data-wrap .data-l .progress-bar[data-v-678dac19]{position:absolute;left:0;top:0;bottom:0;width:4px;background-color:transparent;transition:background-color .3s}.course-page .page-container .data-wrap .data-l[data-v-678dac19] .el-radio.is-checked .progress-bar{background-color:#2970ff}.course-page .page-container .data-wrap .data-l .text[data-v-678dac19]{color:#000;transition:color .3s}.course-page .page-container .data-wrap .data-l[data-v-678dac19] .el-radio.is-checked .text{color:#2970ff}.course-page .page-container .data-wrap .data-r[data-v-678dac19]{flex:1;background-color:#fff;padding:24px;flex-direction:column;align-items:center;border-radius:8px;border:1px solid #fff;backdrop-filter:blur(2px)}.course-page .page-container .data-wrap .data-r .action-bar[data-v-678dac19]{display:flex}.course-page .page-container .data-wrap .data-r .action-bar .total-bar[data-v-678dac19]{color:#182230;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin:0 8px;flex:1}.course-page .page-container .data-wrap .data-r .action-bar .total-bar .total-num[data-v-678dac19]{color:#2970ff}.course-page .page-container .data-wrap .data-r .course-list[data-v-678dac19]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:28px}.course-page .page-container .data-wrap .data-r .course-list .list-item[data-v-678dac19]{margin-bottom:20px}.course-page .page-container .data-wrap .data-r .resource-pagination[data-v-678dac19]{display:flex;align-items:center;gap:10px;justify-content:flex-start;font-size:14px;max-width:1800px;margin:24px auto 0}.course-page .page-container .data-wrap .data-r .resource-pagination[data-v-678dac19] .el-input-number .el-input__wrapper{background-color:transparent}.course-page .page-container .data-wrap .data-r .resource-pagination .pagination-left[data-v-678dac19]{display:flex;align-items:center;gap:8px;margin:auto}.course-page .page-container .data-wrap .data-r .resource-pagination .goto[data-v-678dac19]{margin-left:8px}.course-page .page-container .data-wrap .data-r .resource-pagination[data-v-678dac19] .el-input-number{width:56px;height:28px}.course-page .page-container .data-wrap .data-r .resource-pagination[data-v-678dac19] .el-input-number .el-input__wrapper{padding:4px 8px;border-radius:4px;border:1px solid #dcdfe6;box-shadow:none}.course-page .page-container .data-wrap .data-r .resource-pagination[data-v-678dac19] .el-input-number .el-input__inner{height:20px;line-height:20px;font-size:14px}