.card-h[data-v-0f816908]{--card-detail-max-row:2;--card-main-padding:16px}.card-h[data-v-0f816908] .o-card-cover-h{max-width:200px;min-width:150px;width:48%}.card-h[data-v-0f816908] .o-card-main-wrap{height:100%}.card-h[data-v-0f816908] .o-card-main{height:auto}@media (max-width:600px){.card-h[data-v-0f816908]{--card-main-padding:8px}.card-h[data-v-0f816908] .o-card-header{font-size:14px;line-height:22px}.card-h[data-v-0f816908] .o-card-content{margin-top:0}.card-h[data-v-0f816908] .o-card-footer{margin-top:6px}}.actions[data-v-0f816908],.left[data-v-0f816908]{align-items:center;display:flex}.left[data-v-0f816908]{font-size:var(--font-size);line-height:var(--line-height)}@media (min-width:1681px){.left[data-v-0f816908]{--font-size:12px;--line-height:18px}}@media (min-width:1201px) and (max-width:1680px){.left[data-v-0f816908]{--font-size:12px;--line-height:18px}}@media (min-width:841px) and (max-width:1200px){.left[data-v-0f816908]{--font-size:12px;--line-height:18px}}@media (max-width:840px){.left[data-v-0f816908]{--font-size:10px;--line-height:16px}}@media (min-width:601px) and (max-width:840px){.left[data-v-0f816908]{font-size:var(--font-size);line-height:var(--line-height)}}@media (min-width:601px) and (max-width:840px) and (min-width:1681px){.left[data-v-0f816908]{--font-size:14px;--line-height:22px}}@media (min-width:601px) and (max-width:840px) and (min-width:1201px) and (max-width:1680px){.left[data-v-0f816908]{--font-size:14px;--line-height:22px}}@media (min-width:601px) and (max-width:840px) and (min-width:841px) and (max-width:1200px){.left[data-v-0f816908]{--font-size:12px;--line-height:18px}}@media (min-width:601px) and (max-width:840px) and (max-width:840px){.left[data-v-0f816908]{--font-size:12px;--line-height:18px}}.right[data-v-0f816908]{align-items:center;display:flex;margin-left:12px}@media (max-width:600px){.right[data-v-0f816908]{margin-left:8px}}.card-info[data-v-0f816908]{align-items:center;display:flex;font-size:var(--font-size);line-height:var(--line-height)}@media (min-width:1681px){.card-info[data-v-0f816908]{--font-size:14px;--line-height:22px}}@media (min-width:1201px) and (max-width:1680px){.card-info[data-v-0f816908]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.card-info[data-v-0f816908]{--font-size:12px;--line-height:18px}}@media (max-width:840px){.card-info[data-v-0f816908]{--font-size:12px;--line-height:18px}}@media (max-width:600px){.card-info[data-v-0f816908]{font-size:var(--font-size);line-height:var(--line-height)}}@media (max-width:600px) and (min-width:1681px){.card-info[data-v-0f816908]{--font-size:12px;--line-height:18px}}@media (max-width:600px) and (min-width:1201px) and (max-width:1680px){.card-info[data-v-0f816908]{--font-size:12px;--line-height:18px}}@media (max-width:600px) and (min-width:841px) and (max-width:1200px){.card-info[data-v-0f816908]{--font-size:12px;--line-height:18px}}@media (max-width:600px) and (max-width:840px){.card-info[data-v-0f816908]{--font-size:10px;--line-height:16px}}.card-info+.card-info[data-v-0f816908]{margin-left:12px}@media (min-width:1201px){.card-info+.card-info[data-v-0f816908]{margin-left:20px}}@media (min-width:601px) and (max-width:840px){.card-info+.card-info[data-v-0f816908]{margin-left:12px}}@media (max-width:600px){.card-info+.card-info[data-v-0f816908]{margin-left:8px}}.card-icon[data-v-0f816908]{font-size:var(--font-size);line-height:var(--line-height);margin-right:2px}@media (min-width:1681px){.card-icon[data-v-0f816908]{--font-size:24px;--line-height:32px}}@media (min-width:1201px) and (max-width:1680px){.card-icon[data-v-0f816908]{--font-size:20px;--line-height:28px}}@media (min-width:841px) and (max-width:1200px){.card-icon[data-v-0f816908]{--font-size:18px;--line-height:26px}}@media (max-width:840px){.card-icon[data-v-0f816908]{--font-size:16px;--line-height:24px}}.star[data-v-0f816908]{font-size:var(--font-size);line-height:var(--line-height);margin-right:2px;fill:var(--o-color-info4)}@media (min-width:1681px){.star[data-v-0f816908]{--font-size:32px;--line-height:44px}}@media (min-width:1201px) and (max-width:1680px){.star[data-v-0f816908]{--font-size:20px;--line-height:28px}}@media (min-width:841px) and (max-width:1200px){.star[data-v-0f816908]{--font-size:20px;--line-height:28px}}@media (max-width:840px){.star[data-v-0f816908]{--font-size:18px;--line-height:26px}}.star-full[data-v-0f816908]{fill:rgb(var(--o-red-huawei))}.star-num[data-v-0f816908]{color:var(--o-color-info2);font-size:var(--font-size);line-height:var(--line-height)}@media (min-width:1681px){.star-num[data-v-0f816908]{--font-size:12px;--line-height:18px}}@media (min-width:1201px) and (max-width:1680px){.star-num[data-v-0f816908]{--font-size:12px;--line-height:18px}}@media (min-width:841px) and (max-width:1200px){.star-num[data-v-0f816908]{--font-size:12px;--line-height:18px}}@media (max-width:840px){.star-num[data-v-0f816908]{--font-size:10px;--line-height:16px}}@media (min-width:601px) and (max-width:840px){.star-num[data-v-0f816908]{font-size:12px;line-height:18px}}.courses-content[data-v-0f816908]{position:relative}.courses-tag[data-v-0f816908]{position:absolute;right:4px;top:4px;--tag-color:var(--o-color-info1-inverse);--tag-bg-color:hsla(243,9%,62%,.4);--tag-bd-color:translate}.courses-title[data-v-0f816908]{color:var(--o-color-info1-inverse);font-family:HarmonyHeiTi;font-size:var(--font-size);font-weight:500;left:8px;line-height:var(--line-height);position:absolute;right:8px;text-wrap:wrap;top:50%;transform:translateY(-50%)}@media (min-width:1681px){.courses-title[data-v-0f816908]{--font-size:14px;--line-height:22px}}@media (min-width:1201px) and (max-width:1680px){.courses-title[data-v-0f816908]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.courses-title[data-v-0f816908]{--font-size:12px;--line-height:18px}}@media (max-width:840px){.courses-title[data-v-0f816908]{--font-size:12px;--line-height:18px}}.course-image[data-v-0f816908]{border-radius:var(--o-radius-s);overflow:hidden;position:relative;width:100%}@media (max-width:1200px){.course-image[data-v-0f816908]{border-radius:var(--o-radius-xs)}}.card-v[data-v-87782374]{border-radius:var(--o-radius-s);--card-main-padding:8px;height:100%}.card-v[data-v-87782374] .o-card-main{justify-content:space-between}@media (max-width:600px){.card-v[data-v-87782374]{--card-main-padding:8px 4px}}@media (min-width:601px) and (max-width:840px){.card-v .course-image[data-v-87782374]{margin-bottom:4px}}.course-image[data-v-87782374]{border-radius:var(--o-radius-s);margin-bottom:var(--o3-gap-5);overflow:hidden;position:relative;width:100%}@media (max-width:1200px){.course-image[data-v-87782374]{border-radius:var(--o-radius-xs)}}@media (max-width:600px){.course-image[data-v-87782374]{margin-bottom:0}}.courses-content[data-v-87782374]{position:relative}.courses-tag[data-v-87782374]{position:absolute;right:4px;top:4px;--tag-color:var(--o-color-info1-inverse);--tag-bg-color:hsla(243,9%,62%,.4);--tag-bd-color:translate}.courses-title[data-v-87782374]{color:var(--o-color-info1-inverse);font-family:HarmonyHeiTi;font-size:var(--font-size);font-weight:500;left:8px;line-height:var(--line-height);position:absolute;right:8px;text-wrap:wrap;top:50%;transform:translateY(-50%)}@media (min-width:1681px){.courses-title[data-v-87782374]{--font-size:14px;--line-height:22px}}@media (min-width:1201px) and (max-width:1680px){.courses-title[data-v-87782374]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.courses-title[data-v-87782374]{--font-size:12px;--line-height:18px}}@media (max-width:840px){.courses-title[data-v-87782374]{--font-size:12px;--line-height:18px}}.card-title[data-v-87782374]{color:var(--o-color-info1);font-size:var(--font-size);font-weight:500;height:calc(var(--line-height)*2);line-height:var(--line-height);padding-left:4px;white-space:normal}@media (min-width:1681px){.card-title[data-v-87782374]{--font-size:18px;--line-height:26px}}@media (min-width:1201px) and (max-width:1680px){.card-title[data-v-87782374]{--font-size:16px;--line-height:24px}}@media (min-width:841px) and (max-width:1200px){.card-title[data-v-87782374]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.card-title[data-v-87782374]{--font-size:14px;--line-height:22px}}.card-bottom[data-v-87782374]{margin-top:8px;padding-left:4px}.card-bottom[data-v-87782374],.rate-mb[data-v-87782374]{align-items:center;display:flex}.star[data-v-87782374]{font-size:var(--font-size);line-height:var(--line-height);margin-right:2px;fill:var(--o-color-info4)}@media (min-width:1681px){.star[data-v-87782374]{--font-size:24px;--line-height:32px}}@media (min-width:1201px) and (max-width:1680px){.star[data-v-87782374]{--font-size:20px;--line-height:28px}}@media (min-width:841px) and (max-width:1200px){.star[data-v-87782374]{--font-size:18px;--line-height:26px}}@media (max-width:840px){.star[data-v-87782374]{--font-size:16px;--line-height:24px}}.star-full[data-v-87782374]{fill:rgb(var(--o-red-huawei))}.star-num[data-v-87782374]{color:var(--o-color-info2);font-size:var(--font-size);line-height:var(--line-height)}@media (min-width:1681px){.star-num[data-v-87782374]{--font-size:12px;--line-height:18px}}@media (min-width:1201px) and (max-width:1680px){.star-num[data-v-87782374]{--font-size:12px;--line-height:18px}}@media (min-width:841px) and (max-width:1200px){.star-num[data-v-87782374]{--font-size:12px;--line-height:18px}}@media (max-width:840px){.star-num[data-v-87782374]{--font-size:10px;--line-height:16px}}@media (min-width:601px) and (max-width:840px){.star-num[data-v-87782374]{font-size:12px;line-height:18px}}.info-text[data-v-87782374]{align-items:center;color:#151515;display:flex;font-size:var(--font-size);line-height:var(--line-height);margin-left:8px;white-space:nowrap}@media (min-width:1681px){.info-text[data-v-87782374]{--font-size:14px;--line-height:22px}}@media (min-width:1201px) and (max-width:1680px){.info-text[data-v-87782374]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.info-text[data-v-87782374]{--font-size:12px;--line-height:18px}}@media (max-width:840px){.info-text[data-v-87782374]{--font-size:12px;--line-height:18px}}@media (max-width:600px){.info-text[data-v-87782374]{font-size:var(--font-size);line-height:var(--line-height)}}@media (max-width:600px) and (min-width:1681px){.info-text[data-v-87782374]{--font-size:12px;--line-height:18px}}@media (max-width:600px) and (min-width:1201px) and (max-width:1680px){.info-text[data-v-87782374]{--font-size:12px;--line-height:18px}}@media (max-width:600px) and (min-width:841px) and (max-width:1200px){.info-text[data-v-87782374]{--font-size:12px;--line-height:18px}}@media (max-width:600px) and (max-width:840px){.info-text[data-v-87782374]{--font-size:10px;--line-height:16px}}@media (min-width:601px) and (max-width:840px){.info-text[data-v-87782374]{margin-left:12px}}@media (max-width:600px){.info-text[data-v-87782374]{margin-left:8px}}.info-text[data-v-87782374]:first-child{margin-left:0}.card-icon[data-v-87782374]{font-size:var(--font-size);line-height:var(--line-height);margin-right:2px}@media (min-width:1681px){.card-icon[data-v-87782374]{--font-size:24px;--line-height:32px}}@media (min-width:1201px) and (max-width:1680px){.card-icon[data-v-87782374]{--font-size:20px;--line-height:28px}}@media (min-width:841px) and (max-width:1200px){.card-icon[data-v-87782374]{--font-size:18px;--line-height:26px}}@media (max-width:840px){.card-icon[data-v-87782374]{--font-size:16px;--line-height:24px}}