._component-type-filter[data-v-1404a82e]{--item-height:48px;--item-padding:7px 15px;--item-gap:10px;--name-font-size:14px;--name-line-height:22px;--sub-font-size:12px;--sub-line-height:21px;width:100%}._component-type-filter .filter-item[data-v-1404a82e]{width:100%;min-height:var(--item-height);margin-top:var(--item-gap);padding:var(--item-padding);cursor:pointer;border-radius:2px;background:#fff;transition:.15s}._component-type-filter .filter-item[data-v-1404a82e]:first-of-type{margin-top:0}._component-type-filter .filter-item .name[data-v-1404a82e]{color:#17181a;font-size:var(--name-font-size);line-height:var(--name-line-height);transition:.15s;font-weight:600}._component-type-filter .filter-item .en[data-v-1404a82e]{color:#7c7d80;font-size:var(--sub-font-size);line-height:var(--sub-line-height);transition:.15s}._component-type-filter .filter-item.active[data-v-1404a82e],._component-type-filter .filter-item[data-v-1404a82e]:hover{background:#17181a}._component-type-filter .filter-item.active .name[data-v-1404a82e],._component-type-filter .filter-item:hover .name[data-v-1404a82e]{color:#fff}._component-type-filter .filter-item.active .en[data-v-1404a82e],._component-type-filter .filter-item:hover .en[data-v-1404a82e]{color:hsla(0,0%,100%,.5)}._component-type-filter .filter-item.disabled[data-v-1404a82e]{cursor:default}._component-type-filter .filter-item.disabled[data-v-1404a82e]:not(.active):hover{background:#fff}._component-type-filter .filter-item.disabled:not(.active):hover .name[data-v-1404a82e]{color:#17181a}._component-type-filter .filter-item.disabled:not(.active):hover .en[data-v-1404a82e]{color:#7c7d80}._component-tag[data-v-3ab4fd6a]{--padding:0 10px;--min-width:76px;--background-color:rgba(161,26,34,0.10196078431372549);--color:var(--color-red-default);display:inline-flex;align-items:center;justify-content:center;min-height:24px;min-width:var(--min-width);padding:var(--padding);border-radius:2px;text-align:center;background-color:var(--background-color);color:var(--color);font-size:14px;line-height:24px}._component-tag.black[data-v-3ab4fd6a]{--background-color:var(--color-gray-1);--color:var(--color-white)}._component-tag.red[data-v-3ab4fd6a]{--background-color:var(--color-red-default);--color:var(--color-white)}._component-tag.pink[data-v-3ab4fd6a]{--background-color:rgba(161,26,34,0.10196078431372549);--color:var(--color-red-default)}._component-tag.yellow[data-v-3ab4fd6a]{--background-color:rgba(236,187,0,0.10196078431372549);--color:#7b6201}._component-tag-lang[data-v-45ad91db]{--star-width:17px;display:flex;align-items:center;font-size:14px;line-height:24px}._component-tag-lang .stars-wrap[data-v-45ad91db]{display:flex;align-items:center;margin-left:6px}._component-tag-lang .star-item[data-v-45ad91db]{position:relative;width:var(--star-width);height:var(--star-width)}._component-tag-lang .star-item.active .star-icon[data-v-45ad91db]{opacity:0}._component-tag-lang .star-item.active .star-icon.active[data-v-45ad91db]{opacity:1}._component-tag-lang .star-icon[data-v-45ad91db]{position:absolute;left:0;top:0;width:var(--star-width);height:var(--star-width)}._component-tag-lang .star-icon img[data-v-45ad91db]{width:100%;height:100%}._component-tag-lang .star-icon.active[data-v-45ad91db]{opacity:0}._component-card[data-v-755acb7a]{--max-width:870px;--arrow-gap:12px;display:block;cursor:pointer;text-decoration:none;color:inherit}._component-card .card-body[data-v-755acb7a]{display:flex;align-items:center}._component-card .card-main[data-v-755acb7a]{flex:1 1 0;min-width:0}._component-card .card-arrow[data-v-755acb7a]{flex-shrink:0;display:flex;align-items:center;align-self:stretch;margin-left:var(--arrow-gap)}._component-card .name-wrap[data-v-755acb7a]{max-width:var(--max-width);color:var(--color-gray-1);margin:0}._component-card .desc-wrap[data-v-755acb7a]{display:-webkit-box;margin-top:8px;max-width:var(--max-width);color:var(--color-gray-3);font-size:14px;line-height:24px}._component-card .tags-wrap[data-v-755acb7a]{display:flex;flex-wrap:wrap;margin-top:8px}._component-card .tag-item[data-v-755acb7a]{margin:0 6px 6px 0}.page-select-course-main-list[data-v-5b877870]{--search-bar-height:0px;--layout-height:calc(100% - 80px);--type-filter-width:35%;--main-window-width:65%;--course-main-column-width:870px;--course-main-column-max-width:calc(100% - 60px);--course-main-column-pl:30px;--type-tip-color:var(--color-gray-2);--type-tip-font-size:12px;--type-tip-line-height:21px;--list-padding:16px 0 10px;--course-item-padding:18px 0 18px 30px;display:flex;width:100%;height:var(--layout-height)}.page-select-course-main-list .filter-tip[data-v-5b877870]{padding-top:0;padding-left:var(--course-main-column-pl)}.page-select-course-main-list .courses-wrap[data-v-5b877870],.page-select-course-main-list .filter-tip[data-v-5b877870]{width:var(--course-main-column-width);max-width:var(--course-main-column-max-width)}.page-select-course-main-list .type-tip[data-v-5b877870]{color:var(--type-tip-color);font-size:var(--type-tip-font-size);line-height:var(--type-tip-line-height)}.page-select-course-main-list .type-tip-list[data-v-5b877870]{padding-left:18px;color:var(--color-gray-3);font-size:var(--type-tip-font-size);line-height:var(--type-tip-line-height)}.page-select-course-main-list .type-tip-list .type-tip[data-v-5b877870]{margin-top:0}.page-select-course-main-list .side-menu-wrap[data-v-5b877870]{display:flex;justify-content:flex-end;width:var(--type-filter-width);min-width:270px;height:100%;box-shadow:0 4px 8px 0 rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.05),0 1px 2px 1px rgba(0,0,0,.05)}.page-select-course-main-list .side-menu-wrap .filter-content-wrap[data-v-5b877870]{display:flex;flex-direction:column;width:270px;height:100%}.page-select-course-main-list .side-menu-wrap .menu-scroll-wrap[data-v-5b877870]{height:100%;padding:26px 20px 0 0;overflow:auto}.page-select-course-main-list .main-window-wrap[data-v-5b877870]{width:var(--main-window-width);min-width:920px;height:100%}.page-select-course-main-list .search-bar-wrap[data-v-5b877870]{display:none;width:100%;height:78px;padding-left:30px;align-items:center;border-bottom:1px solid #e6e6e6}.page-select-course-main-list .page-course-list-wrap[data-v-5b877870]{height:calc(100% - var(--search-bar-height));padding:var(--list-padding);overflow:auto}.page-select-course-main-list .course-item[data-v-5b877870]{padding:var(--course-item-padding);border-bottom:1px solid #e6e6e6}@media screen and (max-width:1190px){.page-select-course-main-list[data-v-5b877870]{--search-bar-height:56px;--layout-height:calc(100% - var(--top-bar-height));--list-padding:0 15px 48px;--course-item-padding:10px 0 10px;display:block;height:var(--layout-height)}.page-select-course-main-list .filter-tip[data-v-5b877870]{width:100%;padding:10px 0 0 0;max-width:none}.page-select-course-main-list .courses-wrap[data-v-5b877870]{width:100%;max-width:none}.page-select-course-main-list .side-menu-wrap[data-v-5b877870]{display:none}.page-select-course-main-list .main-window-wrap[data-v-5b877870]{width:100%;min-width:auto}.page-select-course-main-list .search-bar-wrap[data-v-5b877870]{position:relative;display:flex;height:var(--search-bar-height);padding:0 15px}.page-select-course-main-list .m-menu-slide-wrap[data-v-5b877870]{position:absolute;top:56px;left:0;z-index:200;display:none;width:100%;padding:15px;background:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.05),0 1px 2px 1px rgba(0,0,0,.05)}}