.course-basic-info[data-v-5aad969c]{box-sizing:border-box;width:1200px;border-radius:8px;background:#fff;padding:40px 42px 20px 25px;display:flex}.course-basic-info .cover[data-v-5aad969c]{flex-shrink:0;width:385px;height:230px;border-radius:10px;overflow:hidden;margin-right:25px}.course-basic-info .cover img[data-v-5aad969c]{width:100%;height:230px}.course-basic-info .text[data-v-5aad969c]{position:relative}.course-basic-info .text .title[data-v-5aad969c]{width:480px}.course-basic-info .text .title h1[data-v-5aad969c]{font-size:24px;font-weight:400}.tag[data-v-5aad969c]{font-size:12px;height:20px;line-height:20px;color:#999;padding:0 5px 0 6px;border-radius:12px;border:1px solid #999;margin-right:5px;display:inline-block}.course-basic-info .text .title .tag[data-v-5aad969c]{vertical-align:middle}.course-basic-info .text .num[data-v-5aad969c]{position:absolute;top:8px;right:0;font-size:14px;color:#999;display:flex;align-items:center}.course-basic-info .text .num i[data-v-5aad969c]{color:#000;font-size:20px;margin-right:4px}.course-basic-info .author[data-v-5aad969c]{display:flex;align-items:center;margin:8px 0 14px}.course-basic-info .author .avatar[data-v-5aad969c]{width:20px;height:20px;border-radius:10px;overflow:hidden;margin-right:5px}.course-basic-info .author .avatar img[data-v-5aad969c]{width:20px;height:20px}.course-basic-info .author a[data-v-5aad969c]{font-size:14px;font-weight:500;color:#999}.course-basic-info .tags[data-v-5aad969c]{border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;display:grid;grid-template-columns:288px 394px;align-items:flex-start;padding:10px 0 6px}.course-basic-info .tags p[data-v-5aad969c]{font-size:14px;color:#999}.course-basic-info .tags p b[data-v-5aad969c]{margin-right:24px;font-weight:400}.course-basic-info .tags p ul[data-v-5aad969c]{display:inline-flex;width:314px;flex-wrap:wrap}.course-basic-info .text>p[data-v-5aad969c]{margin:13px 0 18px;font-size:14px;line-height:24px;color:#52606e}.course-basic-info .participate[data-v-5aad969c]{display:flex;align-items:center}.course-basic-info .participate p[data-v-5aad969c]{color:#b9b9b9;font-size:14px}.course-basic-info .participate button[data-v-5aad969c]{width:120px;height:30px;border-radius:15px;color:#f40;font-size:14px;border:1px solid #f40}.course-basic-info .participate i[data-v-5aad969c]{color:#3b5773;font-size:24px;margin-left:10px;cursor:pointer}.course-other-info[data-v-5aad969c]{display:grid;grid-gap:20px;gap:20px;grid-template-columns:890px 298px;padding-bottom:35px}.course-other-info section[data-v-5aad969c]{width:100%}.course-other-info section>div[data-v-5aad969c]{margin-bottom:20px}section .title[data-v-5aad969c]{margin:30px 0 16px;font-size:20px;color:#222}section .white-bg[data-v-5aad969c]{border-radius:8px;background:#fff;padding:25px 16px 25px 22px;box-sizing:border-box}section .chapter[data-v-5aad969c]{margin-top:25px}section .chapter[data-v-5aad969c]:first-child{margin-top:0}section .chapter .title[data-v-5aad969c]{font-size:14px;color:#222;margin-top:0;margin-bottom:17px}section .chapter ul[data-v-5aad969c]{display:grid;grid-template-columns:380px 380px;grid-gap:6px 50px;gap:6px 50px}section .chapter ul button[data-v-5aad969c]{width:100%;height:50px;border-radius:6px;background:#f6f6f6;font-size:14px;line-height:50px;color:#222;padding-left:17px;padding-right:50px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}section .chapter ul button[data-v-5aad969c]:hover{background:#ffece5;filter:brightness(100%)}section .chapter ul button span[data-v-5aad969c]{position:absolute;right:10px;color:#9e9e9e}section .chapter ul button span.color[data-v-5aad969c]{color:#ea5a18}section .chapter ul button span i[data-v-5aad969c]{font-size:20px}section.material ul[data-v-5aad969c]{display:grid;grid-template-columns:390px 390px;grid-gap:20px 37px;gap:20px 37px}section.material ul button[data-v-5aad969c]{position:relative;width:100%;height:60px;border-radius:6px;background:#f6f6f6;font-size:16px;line-height:60px;color:#213243;padding-left:26px;padding-right:10px;text-align:left;display:flex;justify-content:space-between;align-items:center}section.material ul button[data-v-5aad969c]:before{content:"";display:block;position:absolute;background-color:#f40;width:6px;height:6px;border-radius:6px;left:10px;top:50%;transform:translateY(-50%)}section.material ul button[data-v-5aad969c]:hover{background:#ffece5;filter:brightness(100%)}section.material ul button i[data-v-5aad969c]{color:#ea5a18;font-size:20px}section.material ul button .link[data-v-5aad969c]{display:inline-block;padding:0 8px;height:30px;border-radius:15px;border:1px solid #f40;color:#f40;line-height:32px;font-style:normal;font-size:14px;text-align:center}section.event ul[data-v-5aad969c]{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:22px;gap:22px}section.recommend .white-bg[data-v-5aad969c]{width:290px;margin-top:73px;display:grid;grid-template-columns:100px 154px;grid-gap:22px 0;gap:22px 0;padding:25px 16px 16px 20px}section.recommend p[data-v-5aad969c]{font-size:14px;color:#999}section.recommend ul a[data-v-5aad969c]{display:block;color:#333;margin-bottom:5px;font-size:14px}section.recommend ul a[data-v-5aad969c]:hover{color:#ea5a18;text-decoration:underline}section.recommend ul p[data-v-5aad969c]{color:#333;font-size:14px;margin-bottom:5px}.pop-up .simple[data-v-5aad969c]{position:relative;box-sizing:border-box;width:508px}.pop-up .simple p[data-v-5aad969c]{width:350px;font-size:20px;text-align:center;color:#000;margin:64px auto 0}.pop-up .simple button[data-v-5aad969c]:first-of-type{margin:36px 0 36px 178px;padding:0 25px}.pop-up .simple button[data-v-5aad969c]:last-of-type{margin-left:12px;font-size:12px;line-height:42px;color:#3d3d3d}.tip[data-v-89e8bd56]{position:relative;box-sizing:border-box;width:508px;height:100px;display:flex;justify-content:center;align-items:center;font-size:20px;z-index:99}.v-enter-active[data-v-89e8bd56],.v-leave-active[data-v-89e8bd56]{transition:opacity .5s ease}.v-enter-from[data-v-89e8bd56],.v-leave-to[data-v-89e8bd56]{opacity:0}.tag[data-v-21a796c2]{flex-shrink:0;padding:0 5px 0 6px;border-radius:12px;height:20px;border:1px solid #9b9b9b;margin-right:5px;color:#9b9b9b;font-size:12px;line-height:20px;margin-bottom:4px}.competition-card[data-v-3b9641a8]{width:434px;margin-bottom:5px;background-color:#fff;border-radius:8px;display:flex;height:92px;overflow:hidden}.competition-card .cover[data-v-3b9641a8]{width:196px;height:92px;border-radius:6px;overflow:hidden;flex-shrink:0}.competition-card .cover img[data-v-3b9641a8]{width:196px;height:92px}.competition-card p[data-v-3b9641a8]{font-size:14px;line-height:24px;color:#000;margin:7px 0 10px;padding:0 10px}.competition-card p[data-v-3b9641a8]:last-of-type{margin-bottom:0;display:flex;align-items:center}.competition-card p a[data-v-3b9641a8]{color:#000}.competition-card p i[data-v-3b9641a8]{color:#666;font-size:18px}.competition-card p span[data-v-3b9641a8]{font-size:14px;color:#666}.article-card[data-v-cd7d2284]{width:290px;margin-bottom:5px;padding-bottom:9px;background-color:#fff;border-radius:8px;overflow:hidden}.article-card .cover[data-v-cd7d2284]{border-radius:8px 8px 0 0;overflow:hidden;flex-shrink:0}.article-card .cover[data-v-cd7d2284],.article-card .cover img[data-v-cd7d2284]{width:290px;height:137px}.article-card p[data-v-cd7d2284]{font-size:16px;line-height:24px;color:#000;margin:9px 0;padding:0 12px;display:flex;align-items:center}.article-card p a[data-v-cd7d2284]{color:#000}.article-card p i[data-v-cd7d2284]{font-size:30px}.article-card p span[data-v-cd7d2284]{font-size:14px;color:#666}.article-card p b[data-v-cd7d2284]{font-size:14px;font-weight:700;color:#000}.course-card[data-v-4408058d]{position:relative;width:588px;border-radius:10px;background:#fff;transform:scale(1)}.course-card[data-v-4408058d]:hover{box-shadow:0 3px 6px 0 rgba(0,0,0,.2)}.course-card.animatecard[data-v-4408058d]{-webkit-animation:bubble-data-v-4408058d .3s cubic-bezier(.55,.085,.68,.53) both;animation:bubble-data-v-4408058d .3s cubic-bezier(.55,.085,.68,.53) both}@-webkit-keyframes bubble-data-v-4408058d{0%{bottom:-10px;opacity:0}to{bottom:0;opacity:1}}.course-card .cover[data-v-4408058d]{border-radius:10px;width:100%;height:350px;overflow:hidden;position:relative}.course-card .cover a[data-v-4408058d],.course-card .cover img[data-v-4408058d]{display:block;width:100%;height:350px}.course-card .tag[data-v-4408058d]{font-size:12px;padding:0 7px;height:20px;line-height:20px}.course-card .cover .tag[data-v-4408058d]{height:26px;line-height:26px;color:#fff;padding:0 10px 0 25px;background-color:#5857fe;font-size:12px;position:absolute;right:0;top:0;-webkit-clip-path:path("M 0 0 L 87 0 L 87 26 L 26 26 A 14,14 0,0,1 13,13 A 14,14 0,0,0 0,0 Z");clip-path:path("M 0 0 L 87 0 L 87 26 L 26 26 A 14,14 0,0,1 13,13 A 14,14 0,0,0 0,0 Z")}.course-card .info[data-v-4408058d]{padding:20px 28px 16px 15px;height:160px}.course-card .info .title[data-v-4408058d]{color:#222;font-size:18px;font-weight:700;height:28px}.course-card .info ul[data-v-4408058d]{display:flex;margin:10px 0;height:24px;overflow-x:scroll}.course-card .info ul[data-v-4408058d]::-webkit-scrollbar{display:none}.course-card .info .desc[data-v-4408058d]{color:#666;font-size:14px;line-height:20px;height:60px;margin-bottom:10px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3}.course-card .info .author[data-v-4408058d]{display:flex;align-items:center}.course-card .info .author .avatar[data-v-4408058d]{width:18px;height:18px;border-radius:10px;overflow:hidden;margin-right:5px;display:flex;justify-content:center;align-items:center}.course-card .info .author .avatar img[data-v-4408058d]{width:20px;height:20px;flex-shrink:0}.course-card .info .author a[data-v-4408058d]{font-size:12px;font-weight:500;color:#999}.course-card .free[data-v-4408058d]{position:absolute;right:28px;bottom:14px;font-size:14px;font-weight:700;color:#ea5a18}.course-card.mini[data-v-4408058d]{width:290px;border-radius:8px;box-shadow:none}.course-card.mini .cover[data-v-4408058d]{height:172px;border-radius:8px}.course-card.mini .cover img[data-v-4408058d]{height:172px}.course-card.mini .info .desc[data-v-4408058d]{-webkit-line-clamp:2}.course-card.mini .info[data-v-4408058d]{padding:11px 12px 9px 15px}.course-card.mini .free[data-v-4408058d]{bottom:10px}