@charset "UTF-8";.page.page-coursedetail{min-height:calc(100vh - 300px)}.page.page-coursedetail .course-noauth{background:#ccc;background:url(https://cdn1.ali.codinghou.cn/coding/pc/icons/course_auth.png?x-oss-process=image/format,webp) #ccc 50% no-repeat;background-size:200px auto;box-sizing:border-box;color:var(--blue);font-size:25px;height:400px;margin:100px auto 0;padding-top:340px;text-align:center;width:700px}.page.page-coursedetail .maincon .left{width:25rem}@media (min-width: 1536px){.page.page-coursedetail .maincon .left{width:30rem}}.page.page-coursedetail .maincon .left .vip{background:#323232;background:url(https://cdn1.ali.codinghou.cn/coding/pc/icons/VIPnewcard.png?a=1) 50% no-repeat;background-size:100% auto;box-sizing:border-box;width:100%;height:15rem;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:.5rem}@media (min-width: 1536px){.page.page-coursedetail .maincon .left .vip{height:17.5rem}}.page.page-coursedetail .maincon .left .vip.vip2{background:url(https://cdn1.ali.codinghou.cn/coding/pc/icons/VIP2.png?a=4) 50% no-repeat;background-size:auto 100%}.page.page-coursedetail .maincon .left .vip.vip3{background:url(https://cdn1.ali.codinghou.cn/coding/pc/icons/VIP3.png?a=4) 50% no-repeat;background-size:contain}.page.page-coursedetail .maincon .left .vip.vip4{background:url(https://cdn1.ali.codinghou.cn/coding/pc/icons/scratch_theme.png?a=4) 50% no-repeat;background-size:contain}.page.page-coursedetail .maincon .left .courselist{background:#323232;margin-top:1rem;border-radius:.5rem;padding-bottom:1.75rem}.page.page-coursedetail .maincon .left .courselist .list-hd{display:flex;padding:1.25rem}.page.page-coursedetail .maincon .left .courselist .list-bd .courseitem{box-sizing:border-box;display:flex;align-items:flex-start;padding:.5rem}.page.page-coursedetail .maincon .left .courselist .list-bd .courseitem.active{background:#000;color:var(--purple)}.page.page-coursedetail .maincon .left .courselist .list-bd .courseitem .index{line-height:1.5;width:2.5rem;text-align:center}.page.page-coursedetail .maincon .left .courselist .list-bd .courseitem .info{line-height:1.5;width:35rem;text-align:left}.page.page-coursedetail .maincon .left .courselist .list-bd .courseitem .type{color:#8e8e8e;padding-top:4px}.page.page-coursedetail .maincon .left .courselist .list-bd .courseitem .tags{margin-left:10px;padding-top:10px;width:7.5rem}.page.page-coursedetail .maincon .left .courselist .list-bd .courseitem .tags .tag1{border:1px solid #755afb;color:#755afb;font-size:12px;font-weight:400;height:22px;line-height:22px;padding:5px}.page.page-coursedetail .maincon .left .courselist .list-bd .courseitem .tags .tag2{background:linear-gradient(180deg,#fac482,#ff4079);color:#fff;font-size:12px;font-weight:400;height:22px;line-height:22px;padding:5px}.page.page-coursedetail .maincon .right{width:35rem;height:calc(100vh - 300px);position:sticky;top:94px}@media (min-width: 1536px){.page.page-coursedetail .maincon .right{width:45rem}}.page.page-coursedetail .maincon .right .course-info .name{line-height:2;text-wrap:wrap;font-size:1.5rem;line-height:2rem;align-items:center;display:flex;justify-content:space-between}.page.page-coursedetail .maincon .right .course-info .name .btn-inpicture{align-items:center;color:var(--blue);cursor:pointer;display:flex;font-size:18px;margin-left:10px}.page.page-coursedetail .maincon .right .course-info .name .action-btns{align-items:center;display:flex}.page.page-coursedetail .maincon .right .course-info .name .action-btns .btn-share{color:var(--blue);cursor:pointer;font-size:20px;transition:all .3s}.page.page-coursedetail .maincon .right .course-info .name .action-btns .btn-share:hover{color:var(--purple);transform:scale(1.1)}.page.page-coursedetail .maincon .right .course-info .author{align-items:center;display:flex;justify-content:flex-start;padding:10px 0}.page.page-coursedetail .maincon .right .course-info .author .nickname{margin-left:10px}.page.page-coursedetail .maincon .right .course-info .info{color:#ffffffa6;padding:5px}.page.page-coursedetail .maincon .right .playercon{background:#ccc;color:#999;font-size:20px;opacity:1;box-sizing:border-box;width:100%;height:19.5rem}@media (min-width: 1536px){.page.page-coursedetail .maincon .right .playercon{height:25rem}}.page.page-coursedetail .maincon .right .playercon .prism-player{height:100%;width:100%}.page.page-coursedetail .maincon .right .playercon .nocourse{background:#323232;background:url(https://cdn1.ali.codinghou.cn/coding/pc/icons/coming.png?a=4) #323232 50% no-repeat;background-size:auto 200px;height:100%;position:relative;text-align:center;width:100%}.page.page-coursedetail .maincon .right .playercon .nocourse .nocoursetext{bottom:0;color:#fff;font-size:24px;left:0;line-height:2;position:absolute;width:100%}.page.page-coursedetail .workinfo .workinfo-hd{font-size:20px}.page.page-coursedetail .workinfo .workinfo-bd{cursor:pointer;padding-left:0}.page.page-coursedetail .workinfo .workinfo-bd .intro{font-size:26px}.page.page-coursedetail .workinfo .workinfo-bd.python{background:#333;margin-top:20px;padding:20px}.page.page-coursedetail .workinfo .workinfo-bd .line-dowload{align-items:center;display:flex;padding:40px 0}.page.page-coursedetail .workinfo .workinfo-bd .line-dowload .icon{height:40px;margin-left:20px;width:40px}.page.page-coursedetail .workinfo .workinfo-bd .line-dowload .icon-zip{background:url(https://cdn1.ali.codinghou.cn/coding/pc/icons/zip.png?x-oss-process=image/format,webp) 50% no-repeat;background-size:auto 100%}.page.page-coursedetail .workinfo .workinfo-bd .line-dowload .icon-code{background:url(https://cdn1.ali.codinghou.cn/coding/pc/icons/code.png?x-oss-process=image/format,webp) 50% no-repeat;background-size:auto 100%}.page.page-coursedetail .prism-inpicture{position:relative}.page.page-coursedetail .prism-inpicture:after{background:#3c3c3c;border-radius:3px;box-shadow:0 0 5px #0000001a;color:#fff;content:"画中画";font-size:10px;left:50%;opacity:0;padding:8px 5px;position:absolute;top:-50px;transform:translate(-50%);transition:opacity .3s;white-space:nowrap}.page.page-coursedetail .prism-inpicture:hover:after{opacity:1}.page.page-coursedetail .sharelinkmodal .share-link .share-tip{color:#999;font-size:14px;margin-top:10px;text-align:center}@media only screen and (max-width:1100px){.page.page-coursedetail .maincon .right{top:70px}.page.page-coursedetail .maincon .right .course-info .name{font-size:1.3rem;line-height:1.5rem}}