.page.page-coursefreetopic{background:url(https://cdn1.ali.codinghou.cn/coding/pc/icons/log-in-A-bg.png?a=1) top no-repeat;background-size:100% auto;position:relative;width:100%}.page.page-coursefreetopic .banner{background:url(https://cdn1.ali.codinghou.cn/coding/pc/icons/courseBanner2.png?a=1) top no-repeat;background-size:auto 100%;height:140px}.page.page-coursefreetopic .tabcon{background:#2a2c3b}.page.page-coursefreetopic .tabcon .tabs{color:#f9f9f9}.page.page-coursefreetopic .tabcon .tabs .line{display:flex;padding:12px 0}.page.page-coursefreetopic .tabcon .tabs .line .tab{border-radius:9px;box-sizing:border-box;cursor:pointer;font-size:15px;margin-right:50px;padding:6px 15px}.page.page-coursefreetopic .tabcon .tabs .line .tab.active{background-color:#755afb}.page.page-coursefreetopic .tabcon .tabs .line1{border-bottom:2px solid #19191b}.page.page-coursefreetopic .group .group-bd{display:flex;flex-wrap:wrap;margin-top:30px}.page.page-coursefreetopic .group .group-bd .workInfoitem{cursor:pointer;margin:10px}.page.page-coursefreetopic .group .group-bd .workInfoitem .pic{border-radius:5px;height:180px;overflow:hidden;width:315px}.page.page-coursefreetopic .group .group-bd .workInfoitem .author{align-items:center;display:flex;justify-content:flex-start;padding:10px}.page.page-coursefreetopic .group .group-bd .workInfoitem .author .avatar{margin-right:10px}.page.page-coursefreetopic .group .group-bd .workInfoitem .author .name{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:260px}.page.page-coursefreetopic .group .group-bd .workInfoitem .author .username{align-items:center;color:#8e8e8e;display:flex;font-size:15px;justify-content:flex-start}.page.page-coursefreetopic .group .group-bd .vipitem{align-items:center;border-radius:9px;box-shadow:0 3px 6px #0000007a,0 6px 16px #00000052,0 9px 28px #0003;cursor:pointer;display:flex;font-size:26px;height:180px;justify-content:center;margin:10px;width:315px}.page.page-coursefreetopic .group .group-bd .vipitem1{background:var(--green)}.page.page-coursefreetopic .group .group-bd .vipitem2{background:var(--blue)}.page.page-coursefreetopic .group .group-bd .vipitem3{background:var(--blueL)}.page.page-coursefreetopic .group .group-bd .vipitem4{background:var(--red)}.page.page-coursefreetopic .empty{margin:0 auto;padding-top:100px}.page.page-coursefreetopic .empty .pic{background:url(https://cdn1.ali.codinghou.cn/coding/pc/icons/course-empty.png?x-oss-process=image/format,webp) top no-repeat;background-size:auto 100%;height:126px;margin:0 auto;width:200px}.page.page-coursefreetopic .empty .text{color:#ffffff73;font-size:16px;padding:20px;text-align:center}