.course-wrap .list-search-input{width:240px}.course-wrap .list-search-input .el-input__inner{border-radius:8px;height:34px;line-height:34px}.course-wrap .list-search-input .el-input__inner::placeholder{color:#969bab}.course-wrap .list-search-input .el-input__prefix{color:#1e1e1e}.course-wrap .list-search-input .el-input__prefix .el-input__icon{font-weight:700}.course-name-tip-popover{max-width:900px}.course-wrap[data-v-2207bbf5]{width:1280px;margin:0 auto;height:100%;padding:20px 0;display:flex;gap:20px;overflow:hidden}.course-left[data-v-2207bbf5]{height:100%;width:280px;background:#fff;border-radius:10px;padding:24px 20px 20px 20px;display:flex;flex-direction:column;overflow:hidden}.course-left .course-type[data-v-2207bbf5]{flex:1;overflow:auto;margin:20px 0;min-height:0;display:flex;flex-direction:column;gap:4px;scroll-behavior:smooth}.course-left .course-type[data-v-2207bbf5]::-webkit-scrollbar{width:0}.course-left .course-type li[data-v-2207bbf5]{padding:8px 12px;cursor:pointer;color:#000;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:22px}.course-left .course-type li[data-v-2207bbf5]:hover{border-radius:8px;background:#ebf1ff;opacity:.8}.course-left .course-type li[data-v-2207bbf5]:active{opacity:1}.course-left .course-type li.active[data-v-2207bbf5]{border-radius:8px;background:#4471f6;color:#fff}.course-left .course-type li.active[data-v-2207bbf5]:hover{border-radius:8px;background:#4471f6;opacity:1}.course-left .course-add[data-v-2207bbf5]{display:flex;align-items:center;font-size:14px;font-weight:500;color:#4471f6;cursor:pointer;width:100%;height:38px;padding:0 12px;gap:8px;border-radius:8px;border:1px solid rgba(68,113,246,.3);background:rgba(229,235,247,.5)}.course-left .course-add>i[data-v-2207bbf5]{font-size:16px;font-weight:700}.course-left .course-add[data-v-2207bbf5]:hover{opacity:.8}.course-left .course-add[data-v-2207bbf5]:active{opacity:1}.course-right[data-v-2207bbf5]{height:100%;flex:1;background:#fff;border-radius:10px;padding:18px 20px 20px 20px;overflow:hidden;display:flex;flex-direction:column}.course-right .list-content[data-v-2207bbf5]{margin:20px 0;flex:1;overflow:auto;min-height:0;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}.course-right .list-content[data-v-2207bbf5]::-webkit-scrollbar{width:0}.course-right .list-content .list-item[data-v-2207bbf5]{border-radius:8px;border:1px solid #eff6fd;background:url(https://s.learn.qq.com/tencent-learn/resource/course-item-bg.png);background-repeat:no-repeat;background-size:cover;padding:16px 24px;display:flex;flex-direction:column;gap:16px;min-height:120px}.course-right .list-content .list-item .item-top[data-v-2207bbf5]{display:flex;align-items:center;gap:28px}.course-right .list-content .list-item .item-top .course-name[data-v-2207bbf5]{color:#000;font-family:PingFang SC;font-size:16px;font-style:normal;max-width:777px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-right .list-content .list-item .item-top .course-name>span[data-v-2207bbf5]{font-weight:500}.course-right .list-content .list-item .item-top .course-name-en[data-v-2207bbf5]{max-width:750px}.course-right .list-content .list-item .item-top .course-num[data-v-2207bbf5]{border-radius:6px;background:#e6f2fe;padding:3px 8px;display:flex;align-items:center;gap:8px}.course-right .list-content .list-item .item-top .course-num>img[data-v-2207bbf5]{width:14px;height:14px}.course-right .list-content .list-item .item-top .course-num>span[data-v-2207bbf5]{color:#3372ff;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:500}.course-right .list-content .list-item .item-bottom[data-v-2207bbf5]{color:rgba(0,0,0,.6);font-family:PingFang SC;font-size:14px;font-style:normal;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all}.course-right .list-content .list-item .item-bottom>span[data-v-2207bbf5]{font-weight:400}.course-right .list-content .empty-warp[data-v-2207bbf5]{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%}.course-right .list-content .empty-warp label[data-v-2207bbf5]{margin-top:15px;font-size:18px;line-height:30px;text-align:center;color:#2a365a}.course-right .list-header[data-v-2207bbf5]{display:flex;align-items:center;justify-content:space-between}.course-right .paging[data-v-2207bbf5]{text-align:right;margin-top:0}.course-title[data-v-2207bbf5]{color:#000;font-family:PingFang SC;font-size:20px;font-style:normal;font-weight:500;padding-left:10px;line-height:22px}