.icon{background-color:currentColor;content:"";display:inline-block;mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%}.custom-body{background:#f7f8f9}.icon[data-v-1dfac914]{background-color:currentColor;content:"";display:inline-block;mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%}.pc-course[data-v-1dfac914]{font-size:.9rem;max-width:60rem;padding:0 1.5rem 6rem}.course-title[data-v-1dfac914]{color:rgba(0,0,0,.85);font-family:var(--sans-font);font-size:1.2rem;font-weight:600;margin:2rem 0 .4rem}.article-card-main[data-v-1dfac914]{align-items:flex-start;display:flex;flex-wrap:wrap;margin-right:-1.6rem}.article-card-main[data-v-1dfac914] .card-inner{margin-right:1.6rem}.course-detail--container[data-v-1dfac914]{display:none}@media screen and (min-width:769px){.course-desc[data-v-1dfac914]{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:rgba(0,0,0,.85);display:-webkit-box;font-family:var(--sans-font);font-size:.8rem;font-weight:400;overflow:hidden;text-overflow:ellipsis;width:80%}}@media screen and (max-width:768px){.pc-course[data-v-1dfac914]{display:none}.hs-bar[data-v-1dfac914]{background:transparent}.hs-bar.has-data[data-v-1dfac914] .hs-nav-bar__title{opacity:0}.ellipsisLine[data-v-1dfac914]{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.course-detail--container[data-v-1dfac914]{background-color:#f7f8f9;display:block;min-height:100vh;width:100%;z-index:0}.course-detail--container .top[data-v-1dfac914]{position:relative}.course-detail--container .mask[data-v-1dfac914]{background:rgba(0,0,0,.3);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.course-detail--container .course-bar[data-v-1dfac914]{position:absolute;z-index:2}.course-detail--container .fixedbg[data-v-1dfac914]{background-repeat:no-repeat;background-size:cover;filter:blur(.4rem);float:left;min-height:12rem;position:relative;transform:scale(1.1);width:100%}.course-detail--container .fixedbg.inApp[data-v-1dfac914]{min-height:16rem}.course-detail--container .gradient[data-v-1dfac914]{background-attachment:fixed;bottom:3.4rem;left:0;position:absolute;width:100%;z-index:2}.course-detail--container .gradient.isMobileH5[data-v-1dfac914]{bottom:auto;top:48%;transform:translateY(-50%)}.course-detail--container .gradient h1[data-v-1dfac914]{-webkit-box-orient:vertical;-webkit-line-clamp:4;color:#fff;display:-webkit-box;font-family:var(--sans-font);font-size:2.2rem;font-weight:700;line-height:3.3rem;overflow:hidden;padding-left:2rem;padding-right:2rem;text-overflow:ellipsis}.course-refresh[data-v-1dfac914]{min-height:calc(100vh - 24rem)}.course-list-wrapper[data-v-1dfac914]{background:#f7f8f9;border-radius:1.4rem 1.4rem 0 0;min-height:calc(100vh - 16.5rem);position:relative;top:-1rem;z-index:1}.course-list-wrapper .course-desc[data-v-1dfac914]{color:rgba(0,0,0,.5);font-family:var(--sans-font);font-size:1.25rem;font-weight:400;line-height:2.1rem;overflow:hidden;padding:2rem;position:relative;width:100%}.course-list-wrapper .course-desc .more-warp[data-v-1dfac914]{background:linear-gradient(90deg,transparent,#f8f8f8 20%,#f8f8f8);bottom:1.8rem;display:flex;justify-content:flex-end;position:absolute;right:2rem;width:6rem}.course-list-wrapper .course-desc .more-warp .more[data-v-1dfac914]{color:#5998e9;display:inline-block;font-family:var(--sans-font);font-size:1.25rem;font-weight:600;line-height:2.1rem;position:relative}.course-list-wrapper .course-desc .more-warp .more[data-v-1dfac914]:before{color:rgba(0,0,0,.5);content:"...";height:1rem;left:-1.7rem;position:absolute;top:-.2rem;width:4rem}.course-list-wrapper .list-brand[data-v-1dfac914]{align-items:center;display:flex;height:4.8rem;justify-content:space-between;padding:1.3rem 2rem}.course-list-wrapper .list-brand .brand-left[data-v-1dfac914]{align-items:flex-start;display:flex}.course-list-wrapper .list-brand .brand-left .icon_show_title[data-v-1dfac914]{flex-shrink:0;height:1.8rem;width:1.8rem}.course-list-wrapper .list-brand .brand-left span[data-v-1dfac914]{color:rgba(0,0,0,.85);font-family:var(--sans-font);font-size:1.8rem;font-weight:600;line-height:2.1rem;padding:0 .6rem}.course-list-wrapper .list-brand .brand-right[data-v-1dfac914]{display:flex}.course-list-wrapper .list-brand .brand-right .learning[data-v-1dfac914]{color:rgba(0,0,0,.5);font-family:var(--sans-font);font-size:1.2rem;font-weight:600;line-height:1.4rem}.course-list-wrapper .list-brand .brand-right .progress[data-v-1dfac914]{display:flex;font-family:var(--sans-font);font-size:1.4rem;font-weight:600;line-height:1.4rem}.course-list-wrapper .list-brand .brand-right .progress .read[data-v-1dfac914]{color:#1bc47d}.course-list-wrapper .list-brand .brand-right .progress .total[data-v-1dfac914]{color:rgba(0,0,0,.85)}.course-list-wrapper .course-card[data-v-1dfac914]{padding:.8rem 1.8rem 1.8rem}:root[lang=ar-SA] .svg-icon[data-v-1dfac914]{transform:scaleX(-1)}:root[lang=ar-SA] .course-list-wrapper .course-desc .more-warp[data-v-1dfac914]{background:linear-gradient(270deg,transparent,#f8f8f8 20%,#f8f8f8);left:2rem;position:absolute;right:auto}:root[lang=ar-SA] .course-list-wrapper .course-desc .more-warp .more[data-v-1dfac914]{position:relative}:root[lang=ar-SA] .course-list-wrapper .course-desc .more-warp .more[data-v-1dfac914]:before{content:"...";left:auto;position:absolute;right:-1.6rem}:root[lang=ar-SA] .course-detail--container .course-list-wrapper .course-card .card-item .label .label-checked[data-v-1dfac914]{margin-left:0;margin-right:.5rem}}