.course-article[data-v-30115666]{cursor:pointer}.selected-article[data-v-30115666],.course-article[data-v-30115666]:hover{color:#ff8721}.course_info[data-v-30115666]{text-align:center;margin-bottom:15px}.course_info h4[data-v-30115666]{font-size:16px;margin:5px auto}.course_pic[data-v-30115666]{width:80%;height:80%;max-width:135px;max-height:135px}.catalog_info[data-v-30115666]{margin-top:5px;max-height:650px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d4d4d4 transparent}.course-article[data-v-30115666]{cursor:pointer;font-size:14px;padding:8px 5px;margin:5px 0;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;line-height:1.4}.selected-article[data-v-30115666]{color:#ff8721;font-weight:500}.course-article[data-v-30115666]:hover{background-color:#ff87210d;border-radius:4px;color:#ff8721}.vip-tag[data-v-30115666]{margin-left:4px;font-size:8px;padding:0 4px;height:16px;line-height:16px;border-radius:2px;font-weight:400;opacity:.8;background-color:#ffd04b;border-color:#ffd04b;flex-shrink:0}.pay-tag[data-v-30115666]{margin-left:4px;font-size:8px;padding:0 4px;height:16px;line-height:16px;border-radius:2px;font-weight:400;opacity:.8;background-color:#f56c6c;border-color:#f56c6c;flex-shrink:0}.article-navigation[data-v-30115666]{display:flex;justify-content:space-between;margin:20px 0;padding:10px 0;border-top:1px solid #ebeef5}.mobile-catalog-button[data-v-30115666]{position:fixed;bottom:20px;left:10px;font-size:12px;transform:translate(-50%);padding:10px;background-color:#409eff;color:#fff;border-radius:30px;cursor:pointer;box-shadow:0 2px 10px #0003;z-index:1000}.mobile-catalog-button[data-v-30115666]:hover{background-color:#66b1ff}[data-v-30115666] .el-drawer{border-top-left-radius:10px;border-top-right-radius:10px}[data-v-30115666] .el-drawer__header{margin-bottom:10px;padding:16px;border-bottom:1px solid #ebeef5}[data-v-30115666] .el-drawer__body{padding:16px}@media (max-height: 879px){.catalog_info[data-v-30115666]{max-height:440px}}