.fade-enter-active[data-v-d9cfb823],.fade-leave-active[data-v-d9cfb823]{opacity:1;transition:all .1s}.fade-enter[data-v-d9cfb823],.fade-leave-to[data-v-d9cfb823]{opacity:0}.nav-tab[data-v-d9cfb823]{background-color:var(--o-color-fill2);padding-top:8px;position:sticky;top:48px}.content-wrapper[data-v-d9cfb823]{padding-bottom:32px;padding-top:16px}.courses-box[data-v-d9cfb823]{border-radius:var(--o-radius-l);margin-top:64px;padding-bottom:0}.courses-box[data-v-d9cfb823]:first-child{margin-top:0}@media (min-width:601px) and (max-width:1200px){.courses-box[data-v-d9cfb823]{margin-top:40px}}@media (max-width:600px){.courses-box[data-v-d9cfb823]{margin-top:32px}}.courses-box .title-box[data-v-d9cfb823]{background-repeat:no-repeat;background-size:cover;border-radius:var(--o-radius-s);padding:16px}.courses-box .title-box .description[data-v-d9cfb823]{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.courses-box .title[data-v-d9cfb823]{color:var(--o-color-black);font-size:40px;font-weight:500;line-height:56px}@media (min-width:1201px) and (max-width:1440px){.courses-box .title[data-v-d9cfb823]{font-size:32px;line-height:44px}}@media (min-width:841px) and (max-width:1200px){.courses-box .title[data-v-d9cfb823]{font-size:24px;line-height:32px}}@media (min-width:601px) and (max-width:840px){.courses-box .title[data-v-d9cfb823]{font-size:22px;line-height:30px}}@media (max-width:600px){.courses-box .title[data-v-d9cfb823]{font-size:18px;line-height:26px}}.courses-box .title[data-v-d9cfb823]:before{content:"";display:block;height:100px;margin-top:-100px;overflow:hidden;position:relative;width:100%;z-index:-1}.courses-box .description[data-v-d9cfb823]{color:var(--o-color-black);font-size:16px;line-height:24px;margin-top:6px}@media (min-width:1201px) and (max-width:1440px){.courses-box .description[data-v-d9cfb823]{font-size:14px;line-height:22px}}@media (min-width:841px) and (max-width:1200px){.courses-box .description[data-v-d9cfb823]{font-size:14px;line-height:22px}}@media (min-width:601px) and (max-width:840px){.courses-box .description[data-v-d9cfb823]{font-size:14px;line-height:22px}}@media (max-width:600px){.courses-box .description[data-v-d9cfb823]{font-size:12px;line-height:18px}}.courses-box .o-flex-item[data-v-d9cfb823]{border-radius:var(--o-radius-m);margin-bottom:12px;overflow:hidden}.courses-box .gap[data-v-d9cfb823]{margin-top:12px}.courses-box .o-collapse .o-collapse-item-header .collapse-title[data-v-d9cfb823]{display:flex;flex-direction:column}.courses-box .o-collapse .o-collapse-item-header .collapse-title .num[data-v-d9cfb823]{color:var(--o-color-info2);font-size:16px;line-height:24px}@media (min-width:1201px) and (max-width:1440px){.courses-box .o-collapse .o-collapse-item-header .collapse-title .num[data-v-d9cfb823]{font-size:14px;line-height:22px}}@media (min-width:841px) and (max-width:1200px){.courses-box .o-collapse .o-collapse-item-header .collapse-title .num[data-v-d9cfb823]{font-size:14px;line-height:22px}}@media (min-width:601px) and (max-width:840px){.courses-box .o-collapse .o-collapse-item-header .collapse-title .num[data-v-d9cfb823]{font-size:14px;line-height:22px}}@media (max-width:600px){.courses-box .o-collapse .o-collapse-item-header .collapse-title .num[data-v-d9cfb823]{font-size:12px;line-height:18px}}.courses-box .o-collapse .o-collapse-item-expanded .o-collapse-item-header[data-v-d9cfb823]{border-bottom:1px solid var(--o-color-control4);padding-bottom:8px}.courses-box .o-collapse[data-v-d9cfb823] .o-collapse-item-body{padding-bottom:16px;padding-top:8px}.courses-box .course-course-item[data-v-d9cfb823]{border:1px solid var(--o-color-control4);border-radius:var(--o-radius-xl);display:flex;justify-content:space-between;padding:5px 16px}.courses-box .course-course-item[data-v-d9cfb823]:not(:first-child){margin-top:8px}.courses-box .course-course-item .item-left[data-v-d9cfb823]{align-items:center;color:var(--o-color-info1);display:flex;position:relative;width:100%}.courses-box .course-course-item .item-left .course-title[data-v-d9cfb823]{border-left:1px solid var(--o-color-control4);overflow:hidden;padding:0 8px;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}.courses-box .course-course-item .item-left .course-icon[data-v-d9cfb823]{color:var(--o-color-info2);font-size:32px;line-height:44px;margin-right:8px}@media (min-width:1201px) and (max-width:1440px){.courses-box .course-course-item .item-left .course-icon[data-v-d9cfb823]{font-size:20px;line-height:28px}}@media (min-width:841px) and (max-width:1200px){.courses-box .course-course-item .item-left .course-icon[data-v-d9cfb823]{font-size:20px;line-height:28px}}@media (min-width:601px) and (max-width:840px){.courses-box .course-course-item .item-left .course-icon[data-v-d9cfb823]{font-size:18px;line-height:26px}}@media (max-width:600px){.courses-box .course-course-item .item-left .course-icon[data-v-d9cfb823]{font-size:16px;line-height:24px}}.courses-box .course-course-item .o-tag[data-v-d9cfb823]{--tag-bd-color:transparent;color:var(--o-color-white)}.courses-box .course-course-item .hot[data-v-d9cfb823]{background:linear-gradient(135deg,#ff7a06,#fb9332)}.courses-box .course-course-item .new[data-v-d9cfb823]{background:linear-gradient(135deg,#0bb151,#2dc165)}.courses-box .course-course-item .item-right[data-v-d9cfb823]{color:var(--o-color-info3)}@media (max-width:600px){.courses-box .course-course-item .item-right[data-v-d9cfb823]{display:none}}[data-o-theme=dark] .courses-box .left[data-v-79fe1f03]{filter:brightness(80%) grayscale(20%) contrast(1.2)}.courses-list[data-v-79fe1f03] .app-section .section-wrapper{margin-top:40px}.courses-list[data-v-79fe1f03] .app-section .section-wrapper .section-body{display:flex;justify-content:flex-end;position:relative}.courses-list .anchor[data-v-79fe1f03]{height:-moz-fit-content;height:fit-content;left:0;margin-right:80px;position:sticky;top:120px}@media (min-width:601px) and (max-width:1200px){.courses-list .anchor[data-v-79fe1f03]{margin-right:12px}}.main-course[data-v-79fe1f03]{width:100%}.courses-box[data-v-79fe1f03]{background-color:var(--o-color-fill2);border-radius:var(--o-radius-l);margin-top:32px;padding:32px 32px 7px}.courses-box[data-v-79fe1f03]:first-child{margin-top:0}@media (min-width:601px) and (max-width:1200px){.courses-box[data-v-79fe1f03]{margin-top:40px}}@media (max-width:600px){.courses-box[data-v-79fe1f03]{margin-top:32px}}.courses-box .title-box[data-v-79fe1f03]{border-bottom:1px solid var(--o-color-control1-light);padding-bottom:24px}.courses-box .title[data-v-79fe1f03]{color:var(--o-color-info1);font-size:24px;font-weight:500;line-height:32px}@media (min-width:1201px) and (max-width:1440px){.courses-box .title[data-v-79fe1f03]{font-size:20px;line-height:28px}}@media (min-width:841px) and (max-width:1200px){.courses-box .title[data-v-79fe1f03]{font-size:18px;line-height:26px}}@media (min-width:601px) and (max-width:840px){.courses-box .title[data-v-79fe1f03]{font-size:18px;line-height:26px}}@media (max-width:600px){.courses-box .title[data-v-79fe1f03]{font-size:16px;line-height:24px}}.courses-box .description[data-v-79fe1f03]{color:var(--o-color-info1);font-size:16px;line-height:24px;margin-top:12px}@media (min-width:1201px) and (max-width:1440px){.courses-box .description[data-v-79fe1f03]{font-size:14px;line-height:22px}}@media (min-width:841px) and (max-width:1200px){.courses-box .description[data-v-79fe1f03]{font-size:14px;line-height:22px}}@media (min-width:601px) and (max-width:840px){.courses-box .description[data-v-79fe1f03]{font-size:14px;line-height:22px}}@media (max-width:600px){.courses-box .description[data-v-79fe1f03]{font-size:12px;line-height:18px}}.courses-box .o-collapse[data-v-79fe1f03]{--collapse-padding:0}.courses-box[data-v-79fe1f03] .o-card{overflow:visible}.courses-box[data-v-79fe1f03] .o-card .o-card-main{--card-main-padding:0;width:100%}.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content{display:flex;justify-content:center;margin-bottom:8px}@media (max-width:600px){.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content{align-items:center;flex-direction:column}}.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .left{background-size:100% 100%;border-radius:var(--o-radius-m);color:var(--o-color-black);height:100%;margin-right:32px;max-width:450px;min-height:236px;padding:48px 32px;position:relative;text-align:left;width:100%}@media (max-width:600px){.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .left{background-repeat:no-repeat;background-size:100% auto;margin-right:0;max-width:100%;min-height:124px;padding:24px;text-align:center}}.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .left .o-tag{position:absolute;right:8px;top:8px;--tag-color:var(--o-color-white);--tag-bd-color:transparent}.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .left h3{font-size:20px;font-weight:500;line-height:28px}@media (min-width:1201px) and (max-width:1440px){.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .left h3{font-size:18px;line-height:26px}}@media (min-width:841px) and (max-width:1200px){.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .left h3{font-size:16px;line-height:24px}}@media (min-width:601px) and (max-width:840px){.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .left h3{font-size:16px;line-height:24px}}@media (max-width:600px){.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .left h3{font-size:14px;line-height:22px}}.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .left p{color:var(--o-color-black);font-size:16px;line-height:24px;margin-top:16px}@media (min-width:1201px) and (max-width:1440px){.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .left p{font-size:14px;line-height:22px}}@media (min-width:841px) and (max-width:1200px){.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .left p{font-size:14px;line-height:22px}}@media (min-width:601px) and (max-width:840px){.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .left p{font-size:14px;line-height:22px}}@media (max-width:600px){.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .left p{font-size:12px;line-height:18px}}@media (max-width:600px){.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .left h3{font-size:40px;line-height:56px}}@media (max-width:600px) and (min-width:1201px) and (max-width:1440px){.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .left h3{font-size:32px;line-height:44px}}@media (max-width:600px) and (min-width:841px) and (max-width:1200px){.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .left h3{font-size:24px;line-height:32px}}@media (max-width:600px) and (min-width:601px) and (max-width:840px){.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .left h3{font-size:22px;line-height:30px}}@media (max-width:600px) and (max-width:600px){.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .left h3{font-size:18px;line-height:26px}}@media (max-width:600px){.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .left p{margin-top:6px}}.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .junior-courses,.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .junior-courses-en{background:linear-gradient(136deg,#0d8dff,#3da7ff)}.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .intermediate-courses{background:linear-gradient(326deg,#4059b7,#5f76c5)}.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .expert-courses,.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .expert-courses-en{background:linear-gradient(285deg,#f5b646,#f29e1a)}.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .other-courses{background:linear-gradient(135deg,#30bec6,#5cd0d4)}.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .right{height:100%;max-height:236px;overflow-y:auto;padding-right:8px;text-align:left;width:100%}.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .right::-webkit-scrollbar-track{background-color:var(--o-color-fill1);border-radius:4px}.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .right::-webkit-scrollbar{background-color:var(--o-color-fill1);height:6px;width:6px}.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .right::-webkit-scrollbar-thumb{background:var(--o-color-control1);border-radius:4px}@media (max-width:600px){.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .right{padding:16px}}.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .right .course-course-item{display:flex;justify-content:space-between}.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .right .course-course-item:not(:first-child){margin-top:8px}.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .right .course-course-item .item-left{align-items:center;display:flex;position:relative}@media (hover:hover){.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .right .course-course-item .item-left:hover .course-icon,.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .right .course-course-item .item-left:hover a{color:var(--o-color-primary1)}}.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .right .course-course-item .item-left a{color:var(--o-color-info1);font-size:16px;line-height:24px}@media (min-width:1201px) and (max-width:1440px){.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .right .course-course-item .item-left a{font-size:14px;line-height:22px}}@media (min-width:841px) and (max-width:1200px){.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .right .course-course-item .item-left a{font-size:14px;line-height:22px}}@media (min-width:601px) and (max-width:840px){.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .right .course-course-item .item-left a{font-size:14px;line-height:22px}}@media (max-width:600px){.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .right .course-course-item .item-left a{font-size:12px;line-height:18px}}.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .right .course-course-item .item-left .course-icon{margin-right:8px}.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .right .course-course-item .o-tag{margin-left:4px;--tag-bd-color:transparent;--tag-color:var(--o-color-white)}.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .right .course-course-item .hot{background:linear-gradient(135deg,#ff7a06,#fb9332)}.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .right .course-course-item .new{background:linear-gradient(135deg,#0bb151,#2dc165)}.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .right .course-course-item .item-right{color:var(--o-color-info3)}@media (max-width:600px){.courses-box[data-v-79fe1f03] .o-card .o-card-main .o-card-content .right .course-course-item .item-right{display:none}}.courses-box .courses-main[data-v-79fe1f03]{margin-top:40px}@media (max-width:600px){.courses-box .courses-main[data-v-79fe1f03]{margin-top:0}}[data-v-79fe1f03] .o-tab .o-tab-nav:not(:last-child){margin-right:40px}@media (max-width:600px){[data-v-79fe1f03] .o-tab .o-tab-nav:not(:last-child){margin-right:18px}}[data-v-79fe1f03] .o-tab .o-tab-nav-title{padding:0}