.sec-head-box[data-v-96f85024]{margin-bottom:var(--o3-gap-7)}@media (max-width:840px){.sec-head-box[data-v-96f85024]{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding-left:var(--layout-content-padding);padding-right:var(--layout-content-padding)}}.explore-sec-title[data-v-96f85024]{margin-bottom:var(--o3-gap-4);text-align:center}@media (max-width:840px){.explore-sec-title[data-v-96f85024]{margin-bottom:0;text-align:left}}.no-login-text[data-v-96f85024]{text-align:center;width:100%}@media (max-width:840px){.no-login-text[data-v-96f85024]{margin-top:var(--o3-gap-2);text-align:left}}.no-login-text[data-v-96f85024] .o-link-main{vertical-align:baseline}.explore-item-card[data-v-96f85024]{height:100%;--card-main-padding:var(--o3-gap-2) var(--o3-gap-2) 0}@media (max-width:840px){.explore-item-card[data-v-96f85024]{--card-main-padding:var(--o3-gap-1) var(--o3-gap-1) 0}}.explore-item-image[data-v-96f85024]{border-radius:var(--o-radius-s);position:relative;width:100%}@media (max-width:1200px){.explore-item-image[data-v-96f85024]{border-radius:var(--o-radius-xs)}}@media (max-width:840px){.explore-item-image[data-v-96f85024]{margin-bottom:0}}.card-img-title-box[data-v-96f85024]{display:flex;flex-direction:column;height:100%;justify-content:center;margin-left:var(--o3-gap-3)}.card-img-title-head[data-v-96f85024]{color:var(--o-color-info1)}@media (max-width:840px){.card-img-title-head[data-v-96f85024]{font-size:var(--font-size);line-height:var(--line-height)}}@media (max-width:840px) and (min-width:1681px){.card-img-title-head[data-v-96f85024]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (min-width:1201px) and (max-width:1680px){.card-img-title-head[data-v-96f85024]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (min-width:841px) and (max-width:1200px){.card-img-title-head[data-v-96f85024]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (max-width:840px){.card-img-title-head[data-v-96f85024]{--font-size:10px;--line-height:16px}}.explore-card-img-title[data-v-96f85024]{color:var(--o-color-info1);font-size:var(--font-size);font-weight:600;height:calc(var(--line-height)*2);line-height:var(--line-height);margin-top:var(--o3-gap-2);max-width:210px;white-space:wrap}@media (min-width:1681px){.explore-card-img-title[data-v-96f85024]{--font-size:22px;--line-height:30px}}@media (min-width:1201px) and (max-width:1680px){.explore-card-img-title[data-v-96f85024]{--font-size:18px;--line-height:26px}}@media (min-width:841px) and (max-width:1200px){.explore-card-img-title[data-v-96f85024]{--font-size:16px;--line-height:24px}}@media (max-width:840px){.explore-card-img-title[data-v-96f85024]{--font-size:16px;--line-height:24px}}@media (max-width:1440px){.explore-card-img-title[data-v-96f85024]{max-width:160px}}@media (max-width:1200px){.explore-card-img-title[data-v-96f85024]{margin-top:0;max-width:110px}}@media (max-width:840px){.explore-card-img-title[data-v-96f85024]{font-size:var(--font-size);line-height:var(--line-height)}}@media (max-width:840px) and (min-width:1681px){.explore-card-img-title[data-v-96f85024]{--font-size:14px;--line-height:22px}}@media (max-width:840px) and (min-width:1201px) and (max-width:1680px){.explore-card-img-title[data-v-96f85024]{--font-size:14px;--line-height:22px}}@media (max-width:840px) and (min-width:841px) and (max-width:1200px){.explore-card-img-title[data-v-96f85024]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (max-width:840px){.explore-card-img-title[data-v-96f85024]{--font-size:12px;--line-height:18px}}@media (max-width:600px){.explore-card-img-title[data-v-96f85024]{max-width:80px}}.explore-tag[data-v-96f85024]{position:absolute;right:8px;top:8px;--tag-color:var(--o-color-info1-inverse);--tag-bg-color:rgba(32,35,41,.4);--tag-bd-color:translate}@media (max-width:840px){.explore-tag[data-v-96f85024]{right:4px;top:4px}}.explore-item-content[data-v-96f85024]{display:flex;flex-direction:column;font-size:var(--font-size);height:calc(var(--line-height)*4 + var(--o3-gap-5)*2);justify-content:space-between;line-height:var(--line-height);padding:var(--o3-gap-5) calc(var(--o3-gap-5) - 8px);position:relative}@media (min-width:1681px){.explore-item-content[data-v-96f85024]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.explore-item-content[data-v-96f85024]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.explore-item-content[data-v-96f85024]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.explore-item-content[data-v-96f85024]{--font-size:14px;--line-height:22px}}@media (hover:hover){.explore-item-content:hover .title-content-box[data-v-96f85024]{display:none}.explore-item-content:hover .explore-item-des[data-v-96f85024]{display:block}}@media (max-width:840px){.explore-item-content[data-v-96f85024]{height:calc(var(--line-height)*3 + var(--o3-gap-5)*2);padding:var(--o3-gap-5) 0}}.title-content-box[data-v-96f85024]{display:block;display:flex;flex-direction:column;height:100%;justify-content:space-between}.explore-item-title[data-v-96f85024]{color:var(--o-color-info1);font-size:var(--font-size);font-weight:500;height:calc(var(--line-height)*2);line-height:var(--line-height)}@media (min-width:1681px){.explore-item-title[data-v-96f85024]{--font-size:22px;--line-height:30px}}@media (min-width:1201px) and (max-width:1680px){.explore-item-title[data-v-96f85024]{--font-size:18px;--line-height:26px}}@media (min-width:841px) and (max-width:1200px){.explore-item-title[data-v-96f85024]{--font-size:16px;--line-height:24px}}@media (max-width:840px){.explore-item-title[data-v-96f85024]{--font-size:16px;--line-height:24px;font-size:var(--font-size);line-height:var(--line-height);padding:0 var(--o3-gap-1);white-space:wrap}}@media (max-width:840px) and (min-width:1681px){.explore-item-title[data-v-96f85024]{--font-size:18px;--line-height:26px}}@media (max-width:840px) and (min-width:1201px) and (max-width:1680px){.explore-item-title[data-v-96f85024]{--font-size:16px;--line-height:24px}}@media (max-width:840px) and (min-width:841px) and (max-width:1200px){.explore-item-title[data-v-96f85024]{--font-size:14px;--line-height:22px}}@media (max-width:840px) and (max-width:840px){.explore-item-title[data-v-96f85024]{--font-size:14px;--line-height:22px}}@media (max-width:600px){.explore-item-title[data-v-96f85024]{font-size:var(--font-size);line-height:var(--line-height)}}@media (max-width:600px) and (min-width:1681px){.explore-item-title[data-v-96f85024]{--font-size:12px;--line-height:18px}}@media (max-width:600px) and (min-width:1201px) and (max-width:1680px){.explore-item-title[data-v-96f85024]{--font-size:12px;--line-height:18px}}@media (max-width:600px) and (min-width:841px) and (max-width:1200px){.explore-item-title[data-v-96f85024]{--font-size:12px;--line-height:18px}}@media (max-width:600px) and (max-width:840px){.explore-item-title[data-v-96f85024]{--font-size:10px;--line-height:16px}}@media (max-width:840px){.explore-item-title-no[data-v-96f85024]{padding:0 var(--o3-gap-1)}}.explore-item-title-one[data-v-96f85024]{height:auto}.explore-item-des[data-v-96f85024]{display:none;font-size:var(--font-size);line-height:var(--line-height)}@media (min-width:1681px){.explore-item-des[data-v-96f85024]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.explore-item-des[data-v-96f85024]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.explore-item-des[data-v-96f85024]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.explore-item-des[data-v-96f85024]{--font-size:14px;--line-height:22px}}.explore-bottom[data-v-96f85024]{align-items:center;display:flex;justify-content:space-between;margin-top:var(--o3-gap-4);width:100%}@media (max-width:840px){.explore-bottom[data-v-96f85024]{padding:0 4px}}.explore-bottom-left[data-v-96f85024]{margin-right:4px}.explore-bottom-left[data-v-96f85024],.explore-bottom-right[data-v-96f85024]{align-items:center;display:flex}.rate-star[data-v-96f85024]{fill:var(--o-color-info4);font-size:var(--font-size);line-height:var(--line-height);margin-right:8px}@media (min-width:1681px){.rate-star[data-v-96f85024]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.rate-star[data-v-96f85024]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.rate-star[data-v-96f85024]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.rate-star[data-v-96f85024]{--font-size:14px;--line-height:22px;margin-right:4px}}.rate-number[data-v-96f85024]{font-size:var(--font-size);line-height:var(--line-height);white-space:nowrap}@media (min-width:1681px){.rate-number[data-v-96f85024]{--font-size:14px;--line-height:22px}}@media (min-width:1201px) and (max-width:1680px){.rate-number[data-v-96f85024]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.rate-number[data-v-96f85024]{--font-size:12px;--line-height:18px}}@media (max-width:840px){.rate-number[data-v-96f85024]{--font-size:12px;--line-height:18px;font-size:var(--font-size);line-height:var(--line-height)}}@media (max-width:840px) and (min-width:1681px){.rate-number[data-v-96f85024]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (min-width:1201px) and (max-width:1680px){.rate-number[data-v-96f85024]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (min-width:841px) and (max-width:1200px){.rate-number[data-v-96f85024]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (max-width:840px){.rate-number[data-v-96f85024]{--font-size:10px;--line-height:16px}}.star-full[data-v-96f85024]{fill:rgb(var(--o-red-huawei))}.explore-data-img[data-v-96f85024]{font-size:var(--font-size);line-height:var(--line-height);margin-right:8px}@media (min-width:1681px){.explore-data-img[data-v-96f85024]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.explore-data-img[data-v-96f85024]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.explore-data-img[data-v-96f85024]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.explore-data-img[data-v-96f85024]{--font-size:14px;--line-height:22px}}@media (min-width:601px) and (max-width:840px){.explore-data-img[data-v-96f85024]{margin-right:4px}}@media (max-width:600px){.explore-data-img[data-v-96f85024]{margin-right:4px}}.explore-time[data-v-96f85024],.explore-views[data-v-96f85024]{align-items:center;display:flex;font-size:var(--font-size);line-height:var(--line-height);white-space:nowrap}@media (min-width:1681px){.explore-time[data-v-96f85024],.explore-views[data-v-96f85024]{--font-size:14px;--line-height:22px}}@media (min-width:1201px) and (max-width:1680px){.explore-time[data-v-96f85024],.explore-views[data-v-96f85024]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.explore-time[data-v-96f85024],.explore-views[data-v-96f85024]{--font-size:12px;--line-height:18px}}@media (max-width:840px){.explore-time[data-v-96f85024],.explore-views[data-v-96f85024]{--font-size:12px;--line-height:18px;font-size:var(--font-size);line-height:var(--line-height)}}@media (max-width:840px) and (min-width:1681px){.explore-time[data-v-96f85024],.explore-views[data-v-96f85024]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (min-width:1201px) and (max-width:1680px){.explore-time[data-v-96f85024],.explore-views[data-v-96f85024]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (min-width:841px) and (max-width:1200px){.explore-time[data-v-96f85024],.explore-views[data-v-96f85024]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (max-width:840px){.explore-time[data-v-96f85024],.explore-views[data-v-96f85024]{--font-size:10px;--line-height:16px}}.explore-views[data-v-96f85024]{margin-left:16px}@media (max-width:840px){.explore-views[data-v-96f85024]{margin-left:8px}}@media (max-width:600px){.explore-views[data-v-96f85024]{margin-left:4px}}@media (max-width:840px){.no-data-card[data-v-96f85024]{margin-left:var(--layout-content-padding);margin-right:var(--layout-content-padding)}}.no-data-box[data-v-96f85024]{align-items:center;display:flex;flex-direction:column;justify-content:center}.nodata-img[data-v-96f85024]{width:160px}.no-data-text[data-v-96f85024]{color:var(--o-color-info3);font-size:var(--font-size);line-height:var(--line-height);margin-top:var(--o3-gap-2);text-align:center}@media (min-width:1681px){.no-data-text[data-v-96f85024]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.no-data-text[data-v-96f85024]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.no-data-text[data-v-96f85024]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.no-data-text[data-v-96f85024]{--font-size:14px;--line-height:22px}}@media (max-width:1200px){.no-data-text[data-v-96f85024]{margin-top:0}}.no-data-text[data-v-96f85024] .o-link-main{vertical-align:baseline}@media (max-width:840px){.explore-content[data-v-96f85024]{padding-left:var(--layout-content-padding);padding-right:var(--layout-content-padding)}}.explore-logined-content[data-v-96f85024]{padding:var(--o3-gap-2);width:100%}@media (max-width:840px){.explore-logined-content[data-v-96f85024]{padding:var(--o3-gap-2) 0}.explore-logined-content1[data-v-96f85024]{height:100%;padding:var(--o3-gap-2)}.logined-content-box[data-v-96f85024]{display:flex;flex-direction:column;height:100%;justify-content:space-between}}.explore-logined-content3[data-v-96f85024]{padding:var(--o3-gap-5) calc(var(--o3-gap-5) - 8px);width:100%}@media (max-width:840px){.explore-logined-content3[data-v-96f85024]{padding:var(--o3-gap-2) 0}.explore-item[data-v-96f85024]{margin-top:var(--o3-gap-5)}}.explore-logined-card[data-v-96f85024]{--card-main-padding:var(--o3-gap-2) var(--o3-gap-2) 0}.explore-logined-card[data-v-96f85024] .o-card-main,.explore-logined-card[data-v-96f85024] .o-card-detail{width:100%}@media (max-width:1200px){.explore-logined-card[data-v-96f85024]{--card-footer-gap:8px}}@media (max-width:840px){.explore-logined-card[data-v-96f85024]{height:100%;--card-main-padding:var(--o3-gap-1) var(--o3-gap-1) 0}}@media (max-width:600px){.explore-logined-card[data-v-96f85024] .o-card-content{--card-content-text-height:16px}}.explore-logined-des[data-v-96f85024]{font-size:var(--font-size);height:calc(var(--line-height)*2);line-height:var(--line-height);margin-top:var(--o3-gap-4)}@media (min-width:1681px){.explore-logined-des[data-v-96f85024]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.explore-logined-des[data-v-96f85024]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.explore-logined-des[data-v-96f85024]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.explore-logined-des[data-v-96f85024]{--font-size:14px;--line-height:22px}}.explore-logined-des-one[data-v-96f85024]{height:calc(var(--line-height)*3)}@media (max-width:840px){.explore-logined-des-one[data-v-96f85024]{font-size:var(--font-size);line-height:var(--line-height)}}@media (max-width:840px) and (min-width:1681px){.explore-logined-des-one[data-v-96f85024]{--font-size:14px;--line-height:22px}}@media (max-width:840px) and (min-width:1201px) and (max-width:1680px){.explore-logined-des-one[data-v-96f85024]{--font-size:14px;--line-height:22px}}@media (max-width:840px) and (min-width:841px) and (max-width:1200px){.explore-logined-des-one[data-v-96f85024]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (max-width:840px){.explore-logined-des-one[data-v-96f85024]{--font-size:12px;--line-height:18px}}.card-progress[data-v-96f85024]{margin-top:var(--o3-gap-4);max-width:620px;--progress-color:var(--o-color-info2)}.card-progress[data-v-96f85024] .o-progress-line-label{margin-left:var(--o3-gap-3)}.slide-box-mb[data-v-96f85024]{--slide-card-gap:16px;--slide-card-width:calc(33.33333vw - 21.33333px - var(--slide-card-gap)*2/3);margin-top:var(--o3-gap-6);overflow-x:scroll;overflow-y:visible;padding:0 32px;white-space:nowrap}.slide-box-mb[data-v-96f85024]::-webkit-scrollbar{display:none}@media (max-width:840px){.slide-box-mb[data-v-96f85024]{margin-top:var(--o3-gap-5)}}@media (max-width:600px){.slide-box-mb[data-v-96f85024]{padding:0 24px;--slide-card-gap:12px;--slide-card-width:calc((100vw - 48px - var(--slide-card-gap))/2)}}.slide-item-mb[data-v-96f85024]{display:inline-block;height:100%;margin-right:var(--slide-card-gap);width:var(--slide-card-width)}.slide-item-mb[data-v-96f85024]:last-child{margin-right:0}@media (max-width:600px){.slide-item-mb[data-v-96f85024]{margin-right:12px;--slide-card-width:calc((100vw - 48px - var(--slide-card-gap))/2)}}.link-check-more-icon[data-v-96f85024]{font-size:16px}.the-switch[data-v-2c9f3fa3]{border:1px solid #e0e2e6;border-radius:var(--o3-radius-xl)}.the-switch-content[data-v-2c9f3fa3]{display:flex;padding:1px}.the-switch-item[data-v-2c9f3fa3]{border-radius:var(--o3-radius-xl);color:var(--o-color-info1);font-size:var(--font-size);font-weight:500;line-height:var(--line-height);padding:4px var(--o3-gap-4);text-align:center;white-space:nowrap}@media (min-width:1681px){.the-switch-item[data-v-2c9f3fa3]{--font-size:14px;--line-height:22px}}@media (min-width:1201px) and (max-width:1680px){.the-switch-item[data-v-2c9f3fa3]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.the-switch-item[data-v-2c9f3fa3]{--font-size:12px;--line-height:18px}}@media (max-width:840px){.the-switch-item[data-v-2c9f3fa3]{--font-size:12px;--line-height:18px}}.the-switch-item.active[data-v-2c9f3fa3]{background-image:linear-gradient(90deg,#2e53fa,#7b25f4);color:var(--o-color-info1-inverse)}@media (hover:hover){.the-switch-item[data-v-2c9f3fa3]:not(.active):hover{cursor:pointer}}@media (max-width:840px){.the-switch-item[data-v-2c9f3fa3]{font-size:var(--font-size);line-height:var(--line-height);width:44px}}@media (max-width:840px) and (min-width:1681px){.the-switch-item[data-v-2c9f3fa3]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (min-width:1201px) and (max-width:1680px){.the-switch-item[data-v-2c9f3fa3]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (min-width:841px) and (max-width:1200px){.the-switch-item[data-v-2c9f3fa3]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (max-width:840px){.the-switch-item[data-v-2c9f3fa3]{--font-size:10px;--line-height:16px}}.learn-hot-floor-sec[data-v-cf7d0b62] .sec-body{margin-top:var(--o3-gap-5)}.time-tab-box[data-v-cf7d0b62]{margin-bottom:var(--o3-gap-5)}@media (max-width:840px){.time-tab-box[data-v-cf7d0b62]{--tab-nav-justify:left}}.content-card[data-v-cf7d0b62]{--card-main-padding:0;height:100%}.head[data-v-cf7d0b62]{align-items:center;background-image:linear-gradient(180deg,#ece9f4e8,#eaecf008 72%,#eaecf000);display:flex;padding:var(--o3-gap-6) var(--o3-gap-6) var(--o3-gap-5)}@media (max-width:840px){.head[data-v-cf7d0b62]{background-image:url(./new-rank-bg.C-kKLugg.jpg);background-position:100%;background-size:cover}}.head-hot[data-v-cf7d0b62]{background-image:linear-gradient(180deg,#d7dfff82,#f9f3ec00)}@media (max-width:840px){.head-hot[data-v-cf7d0b62]{background-image:url(./hot-rank-bg.BnkqiEdV.jpg)}}.title[data-v-cf7d0b62]{color:var(--o-color-info1);font-size:var(--font-size);font-weight:500;line-height:var(--line-height)}@media (min-width:1681px){.title[data-v-cf7d0b62]{--font-size:24px;--line-height:32px}}@media (min-width:1201px) and (max-width:1680px){.title[data-v-cf7d0b62]{--font-size:20px;--line-height:28px}}@media (min-width:841px) and (max-width:1200px){.title[data-v-cf7d0b62]{--font-size:18px;--line-height:26px}}@media (max-width:840px){.title[data-v-cf7d0b62]{--font-size:16px;--line-height:24px}}.content[data-v-cf7d0b62]{margin:0 var(--o3-gap-6)}@media (max-width:840px){.content[data-v-cf7d0b62]{margin-top:var(--o3-gap-3)}}.content-item[data-v-cf7d0b62]{width:100%}.box-width[data-v-cf7d0b62]{--box-width:160px}@media (max-width:840px){.box-width[data-v-cf7d0b62]{--box-width:120px}}.left-img[data-v-cf7d0b62]{flex-shrink:0;height:calc(var(--box-width)/16*9);width:var(--box-width);--figure-radius:var(--o-radius-s);margin-right:var(--o3-gap-4)}@media (max-width:840px){.left-img[data-v-cf7d0b62]{--figure-radius:4px}}.right-box[data-v-cf7d0b62]{width:100%}.divider[data-v-cf7d0b62]{--o-divider-gap:0;height:calc(var(--o3-gap-4)*2 + 1px)}.bottom-box[data-v-cf7d0b62],.top-box[data-v-cf7d0b62]{align-items:flex-start;display:flex}@media (max-width:840px){.bottom-box[data-v-cf7d0b62],.top-box[data-v-cf7d0b62]{align-items:center}}.bottom-box[data-v-cf7d0b62]{min-height:var(--o3-gap-5)}.right-box-top[data-v-cf7d0b62]{align-items:center;flex:1 1 0;height:calc(var(--box-width)/16*9)}.content-item-left[data-v-cf7d0b62],.right-box-top[data-v-cf7d0b62]{display:flex;justify-content:space-between}.content-item-left[data-v-cf7d0b62]{flex-direction:column;height:100%}@media (max-width:840px){.content-item-left[data-v-cf7d0b62]{justify-content:center}}.content-item-box[data-v-cf7d0b62]{margin-right:var(--o3-gap-6)}@media (max-width:840px){.content-item-box[data-v-cf7d0b62]{margin-right:8px}}.content-item-title[data-v-cf7d0b62]{color:var(--o-color-info1);font-size:var(--font-size);font-weight:500;height:calc(var(--o-line_height-h4)*2);line-height:var(--line-height)}@media (min-width:1681px){.content-item-title[data-v-cf7d0b62]{--font-size:20px;--line-height:28px}}@media (min-width:1201px) and (max-width:1680px){.content-item-title[data-v-cf7d0b62]{--font-size:18px;--line-height:26px}}@media (min-width:841px) and (max-width:1200px){.content-item-title[data-v-cf7d0b62]{--font-size:16px;--line-height:24px}}@media (max-width:840px){.content-item-title[data-v-cf7d0b62]{--font-size:16px;--line-height:24px;font-size:var(--font-size);height:auto;line-height:var(--line-height)}}@media (max-width:840px) and (min-width:1681px){.content-item-title[data-v-cf7d0b62]{--font-size:18px;--line-height:26px}}@media (max-width:840px) and (min-width:1201px) and (max-width:1680px){.content-item-title[data-v-cf7d0b62]{--font-size:16px;--line-height:24px}}@media (max-width:840px) and (min-width:841px) and (max-width:1200px){.content-item-title[data-v-cf7d0b62]{--font-size:14px;--line-height:22px}}@media (max-width:840px) and (max-width:840px){.content-item-title[data-v-cf7d0b62]{--font-size:14px;--line-height:22px}}.content-item-date[data-v-cf7d0b62],.content-item-views[data-v-cf7d0b62]{align-items:center;color:var(--o-color-info1);display:flex;margin-top:var(--o3-gap-2)}.content-item-views[data-v-cf7d0b62]{color:#2c2c2c}.courses-data-img[data-v-cf7d0b62]{margin-right:var(--o3-gap-2)}.content-item-sort[data-v-cf7d0b62]{align-items:center;color:#0000000d;display:flex;font-size:64px;font-style:italic;font-weight:600;height:100%;line-height:85px}@media (max-width:1440px){.content-item-sort[data-v-cf7d0b62]{font-size:56px;line-height:80px}}@media (max-width:840px){.content-item-sort[data-v-cf7d0b62]{font-size:32px;line-height:34px}}.content-item-sort1[data-v-cf7d0b62]{color:#7b25f44d}.content-item-sort2[data-v-cf7d0b62]{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(180deg,#2e53fa,#7b25f4);opacity:.25;-webkit-text-fill-color:transparent}.content-item-sort3[data-v-cf7d0b62]{color:#2e53fa40}.left-box[data-v-cf7d0b62]{height:calc(var(--o3-gap-4)*2 + 1px)}.img-title-box[data-v-cf7d0b62]{align-items:center;display:flex;height:100%;margin-left:var(--o3-gap-2);width:100px}.content-item-img-title[data-v-cf7d0b62]{color:var(--o-color-info1);font-size:var(--font-size);font-weight:500;line-height:var(--line-height)}@media (min-width:1681px){.content-item-img-title[data-v-cf7d0b62]{--font-size:14px;--line-height:22px}}@media (min-width:1201px) and (max-width:1680px){.content-item-img-title[data-v-cf7d0b62]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.content-item-img-title[data-v-cf7d0b62]{--font-size:12px;--line-height:18px}}@media (max-width:840px){.content-item-img-title[data-v-cf7d0b62]{--font-size:12px;--line-height:18px;font-size:var(--font-size);line-height:var(--line-height);max-width:70px}}@media (max-width:840px) and (min-width:1681px){.content-item-img-title[data-v-cf7d0b62]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (min-width:1201px) and (max-width:1680px){.content-item-img-title[data-v-cf7d0b62]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (min-width:841px) and (max-width:1200px){.content-item-img-title[data-v-cf7d0b62]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (max-width:840px){.content-item-img-title[data-v-cf7d0b62]{--font-size:10px;--line-height:16px}}.img-title[data-v-cf7d0b62]{font-size:var(--font-size);font-weight:500;line-height:var(--line-height);padding:var(--o3-gap-6)}@media (min-width:1681px){.img-title[data-v-cf7d0b62]{--font-size:24px;--line-height:32px}}@media (min-width:1201px) and (max-width:1680px){.img-title[data-v-cf7d0b62]{--font-size:20px;--line-height:28px}}@media (min-width:841px) and (max-width:1200px){.img-title[data-v-cf7d0b62]{--font-size:18px;--line-height:26px}}@media (max-width:840px){.img-title[data-v-cf7d0b62]{--font-size:16px;--line-height:24px}}.swtich-tab[data-v-cf7d0b62]{margin-left:var(--o3-gap-3)}.learn-scroller[data-v-cf7d0b62]{--scrollbar-width:3px;height:calc(var(--box-width)/16*9*3 + var(--o3-gap-4)*2*4 + 60px)}.learn-scroller[data-v-cf7d0b62] .o-scrollbar-y-thumb-bar{margin-left:var(--o3-gap-6)}.learn-scroller[data-v-cf7d0b62] .o-scrollbar-y-track{left:calc(25% + var(--o3-gap-6))}@media (max-width:840px){.learn-scroller[data-v-cf7d0b62] .o-scrollbar-y-thumb-bar{margin-left:calc(var(--o3-gap-6) + 4px);--scrollbar-thumb-bg-color:var(--o-color-control4)}.learn-scroller[data-v-cf7d0b62] .o-scrollbar-y-track{left:calc(25% + var(--o3-gap-6) + 4px)}}.bottom-gradient[data-v-cf7d0b62]{position:relative}.bottom-gradient[data-v-cf7d0b62]:after{background-image:linear-gradient(180deg,#ededed00,#fffc 59%,#fff);bottom:0;content:"";height:40px;pointer-events:none;position:absolute;width:100%}@media (max-width:840px){.bottom-gradient[data-v-cf7d0b62]:after{height:0}}.scroll-to-bottom[data-v-cf7d0b62]:after{height:0}.nodata-box[data-v-cf7d0b62]{align-items:center;display:flex;height:calc(var(--box-width)/16*9*3 + var(--o3-gap-4)*2*3 + 59px);justify-content:center}.nodata-empty.nodata-empty[data-v-cf7d0b62]{--empty-margin-top:0;--empty-height:100%}.learn-path-item[data-v-3ff3c435]{flex:0 0 100%;height:100%;--card-main-padding:var(--o3-gap-4) var(--o3-gap-5) var(--o3-gap-5)}@media (max-width:840px){.learn-path-item[data-v-3ff3c435]{--card-main-padding:var(--o3-gap-3) 0 var(--o3-gap-5)}}.learn-path-item-img[data-v-3ff3c435]{border-radius:var(--o-radius-s);width:100%}@media (max-width:840px){.learn-path-item-img[data-v-3ff3c435]{max-height:120px}}.title-box[data-v-3ff3c435]{align-items:center;display:flex;height:100%}@media (max-width:840px){.title-box[data-v-3ff3c435]{margin-left:var(--o3-gap-5)}}.learn-path-item-title[data-v-3ff3c435]{color:var(--o-color-info1-inverse);font-size:var(--font-size);font-weight:500;line-height:var(--line-height);margin-left:var(--o3-gap-4)}@media (min-width:1681px){.learn-path-item-title[data-v-3ff3c435]{--font-size:22px;--line-height:30px}}@media (min-width:1201px) and (max-width:1680px){.learn-path-item-title[data-v-3ff3c435]{--font-size:18px;--line-height:26px}}@media (min-width:841px) and (max-width:1200px){.learn-path-item-title[data-v-3ff3c435]{--font-size:16px;--line-height:24px}}@media (max-width:840px){.learn-path-item-title[data-v-3ff3c435]{--font-size:16px;--line-height:24px;margin-left:0}}.results-text[data-v-3ff3c435]{font-size:var(--font-size);height:calc(var(--line-height)*2);line-height:var(--line-height)}@media (min-width:1681px){.results-text[data-v-3ff3c435]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.results-text[data-v-3ff3c435]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.results-text[data-v-3ff3c435]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.results-text[data-v-3ff3c435]{--font-size:14px;--line-height:22px;padding:0 var(--o3-gap-5);white-space:wrap}}.card-item-link[data-v-3ff3c435]{align-items:center;display:flex;margin-top:var(--o3-gap-3)}@media (max-width:840px){.card-item-link[data-v-3ff3c435]{flex-direction:column}.link-list-box[data-v-3ff3c435]{padding:0 var(--o3-gap-5)}.link-item[data-v-3ff3c435]{display:flex;justify-content:space-between;width:100%}}.card-item-spec[data-v-3ff3c435]{border:1px solid var(--o-color-info4);border-radius:50%;height:8px;margin-right:8px;width:8px}.spec-line[data-v-3ff3c435]{position:relative}.spec-line[data-v-3ff3c435]:after{background-color:var(--o-color-info4);bottom:calc((var(--o3-gap-3) + 12px)*-1);content:"";height:calc(var(--o3-gap-3) + 8px);left:50%;position:absolute;width:1px}.slide-box-mb[data-v-3ff3c435]{display:flex;margin-top:var(--o3-gap-6);overflow-x:scroll;overflow-y:visible;padding:0 32px;white-space:nowrap}.slide-box-mb[data-v-3ff3c435]::-webkit-scrollbar{display:none}@media (max-width:600px){.slide-box-mb[data-v-3ff3c435]{padding:0 24px}}.slide-item-mb[data-v-3ff3c435]{display:inline-block;flex:0 0 calc(50% - 8px);margin-right:16px}.slide-item-mb[data-v-3ff3c435]:last-child{margin-right:0}@media (max-width:600px){.slide-item-mb[data-v-3ff3c435]{flex:0 0 100%;margin-right:12px}}.learn-resource[data-v-4ef9583b] .sec-body{margin-top:var(--o3-gap-5)}@media (max-width:600px){[data-v-4ef9583b] .o-tab-navs{justify-content:left}}@media (max-width:840px){.resource-tab[data-v-4ef9583b]{--tab-nav-justify:flex-start}}.resource-icon[data-v-4ef9583b]{color:var(--o-color-info2);height:24px;margin-right:8px;width:24px}@media (max-width:840px){.resource-icon[data-v-4ef9583b]{display:none}}.resource-title[data-v-4ef9583b]{color:var(--o-color-info2);font-size:var(--font-size);line-height:var(--line-height);transition:color var(--o-duration-m2) var(--o-easing-standard);white-space:nowrap}@media (min-width:1681px){.resource-title[data-v-4ef9583b]{--font-size:20px;--line-height:28px}}@media (min-width:1201px) and (max-width:1680px){.resource-title[data-v-4ef9583b]{--font-size:18px;--line-height:26px}}@media (min-width:841px) and (max-width:1200px){.resource-title[data-v-4ef9583b]{--font-size:16px;--line-height:24px}}@media (max-width:840px){.resource-title[data-v-4ef9583b]{--font-size:16px;--line-height:24px}}.resource-title.active[data-v-4ef9583b]{color:var(--o-color-info1);font-weight:500}.pane-item-tag[data-v-4ef9583b]{position:absolute;right:4px;top:4px;--tag-bg-color:#969da5;--tag-bd-color:#969da5}.slide-item[data-v-4ef9583b]{height:100%;width:100%}@media (max-width:840px){.slide-item[data-v-4ef9583b]{height:auto;padding:0 6px}}@media (max-width:600px){.slide-item[data-v-4ef9583b]{padding:0 6px}}.learn-resource-pane[data-v-4ef9583b]{height:100%;padding:0;white-space:nowrap}.learn-resource-pane[data-v-4ef9583b] .o-scrollbar{--scrollbar-height:100%}.learn-resource-pane[data-v-4ef9583b] .o-scroller-container{padding:24px 0}@media (max-width:1440px){.learn-resource-pane[data-v-4ef9583b] .o-scroller-container{padding:16px 0 24px}}@media (max-width:1200px){.learn-resource-pane[data-v-4ef9583b] .o-scroller-container{padding:12px var(--layout-content-padding) 24px}.learn-resource-pane[data-v-4ef9583b] .o-scrollbar{--scrollbar-height: calc(100% - 64px) }}@media (max-width:840px){.learn-resource-pane[data-v-4ef9583b] .o-scroller-container{padding:12px var(--layout-content-padding) 0}}.head-box[data-v-4ef9583b]{align-items:center;display:flex;justify-content:space-between;margin:0 auto;margin-top:var(--o3-gap-6);width:var(--layout-content-width)}.card-title[data-v-4ef9583b]{color:var(--o-color-info1);font-size:var(--font-size);font-weight:500;line-height:var(--line-height)}@media (min-width:1681px){.card-title[data-v-4ef9583b]{--font-size:22px;--line-height:30px}}@media (min-width:1201px) and (max-width:1680px){.card-title[data-v-4ef9583b]{--font-size:18px;--line-height:26px}}@media (min-width:841px) and (max-width:1200px){.card-title[data-v-4ef9583b]{--font-size:16px;--line-height:24px}}@media (max-width:840px){.card-title[data-v-4ef9583b]{--font-size:16px;--line-height:24px}}.card-item[data-v-4ef9583b]{--card-main-padding:8px;height:100%}.card-item[data-v-4ef9583b] .o-card-main{justify-content:space-between}.slide-box-mb[data-v-4ef9583b]{--slide-card-gap:16px;--slide-card-width:calc(33.33333vw - 21.33333px - var(--slide-card-gap)*2/3);margin-top:var(--o3-gap-6);overflow-x:scroll;overflow-y:visible;padding:0 32px;white-space:nowrap}.slide-box-mb[data-v-4ef9583b]::-webkit-scrollbar{display:none}@media (max-width:600px){.slide-box-mb[data-v-4ef9583b]{padding:0 24px;--slide-card-gap:12px;--slide-card-width:calc((100vw - 48px - var(--slide-card-gap))/2)}}.slide-item-mb[data-v-4ef9583b]{display:inline-block;height:100%;margin-right:var(--slide-card-gap);vertical-align:middle;width:var(--slide-card-width)}.slide-item-mb[data-v-4ef9583b]:last-child{margin-right:0}@media (max-width:600px){.slide-item-mb[data-v-4ef9583b]{margin-right:12px;--slide-card-width:calc((100vw - 48px - var(--slide-card-gap))/2)}}.card-item-img-mb[data-v-4ef9583b]{margin-bottom:var(--o3-gap-5);width:100%;--figure-radius:var(--o-radius-s);overflow:hidden;position:relative}@media (max-width:1200px){.card-item-img-mb[data-v-4ef9583b]{--figure-radius:var(--o-radius-xs)}}@media (max-width:600px){.card-item-img-mb[data-v-4ef9583b]{margin-bottom:0}}.card-title-mb[data-v-4ef9583b]{color:var(--o-color-info1);font-size:var(--font-size);font-weight:500;height:calc(var(--line-height)*2);line-height:var(--line-height);white-space:normal}@media (min-width:1681px){.card-title-mb[data-v-4ef9583b]{--font-size:18px;--line-height:26px}}@media (min-width:1201px) and (max-width:1680px){.card-title-mb[data-v-4ef9583b]{--font-size:16px;--line-height:24px}}@media (min-width:841px) and (max-width:1200px){.card-title-mb[data-v-4ef9583b]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.card-title-mb[data-v-4ef9583b]{--font-size:14px;--line-height:22px}}.card-bottom[data-v-4ef9583b]{justify-content:space-between;margin-top:8px}.card-bottom[data-v-4ef9583b],.level[data-v-4ef9583b],.time[data-v-4ef9583b]{align-items:center;display:flex}.card-data-img[data-v-4ef9583b]{font-size:var(--font-size);line-height:var(--line-height);margin-right:var(--o3-gap-1)}@media (min-width:1681px){.card-data-img[data-v-4ef9583b]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.card-data-img[data-v-4ef9583b]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.card-data-img[data-v-4ef9583b]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.card-data-img[data-v-4ef9583b]{--font-size:14px;--line-height:22px}}.main-con[data-v-4ef9583b]{width:-moz-max-content;width:max-content}.resource-card[data-v-4ef9583b]{--card-main-padding:var(--o3-gap-2) var(--o3-gap-2) 0;display:inline-flex;height:100%;white-space:normal;--learn-resource-gap:var(--o3-gap-6);width:calc((var(--layout-content-width) - var(--learn-resource-gap)*3)/4)}.resource-card+.resource-card[data-v-4ef9583b]{margin-left:var(--learn-resource-gap)}.resource-item-image[data-v-4ef9583b]{border-radius:var(--o-radius-s);position:relative;width:100%}@media (max-width:1200px){.resource-item-image[data-v-4ef9583b]{border-radius:var(--o-radius-xs)}}@media (max-width:600px){.resource-item-image[data-v-4ef9583b]{margin-bottom:8px}}.card-img-title-box[data-v-4ef9583b]{display:flex;flex-direction:column;height:100%;justify-content:center;margin-left:var(--o3-gap-3)}.card-img-title-head[data-v-4ef9583b]{color:var(--o-color-info1)}@media (max-width:840px){.card-img-title-head[data-v-4ef9583b]{font-size:var(--font-size);line-height:var(--line-height)}}@media (max-width:840px) and (min-width:1681px){.card-img-title-head[data-v-4ef9583b]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (min-width:1201px) and (max-width:1680px){.card-img-title-head[data-v-4ef9583b]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (min-width:841px) and (max-width:1200px){.card-img-title-head[data-v-4ef9583b]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (max-width:840px){.card-img-title-head[data-v-4ef9583b]{--font-size:10px;--line-height:16px}}.resource-card-img-title[data-v-4ef9583b]{color:var(--o-color-info1);font-size:var(--font-size);font-weight:600;height:calc(var(--line-height)*2);line-height:var(--line-height);margin-top:var(--o3-gap-2);max-width:210px;white-space:wrap}@media (min-width:1681px){.resource-card-img-title[data-v-4ef9583b]{--font-size:22px;--line-height:30px}}@media (min-width:1201px) and (max-width:1680px){.resource-card-img-title[data-v-4ef9583b]{--font-size:18px;--line-height:26px}}@media (min-width:841px) and (max-width:1200px){.resource-card-img-title[data-v-4ef9583b]{--font-size:16px;--line-height:24px}}@media (max-width:840px){.resource-card-img-title[data-v-4ef9583b]{--font-size:16px;--line-height:24px}}@media (max-width:1440px){.resource-card-img-title[data-v-4ef9583b]{max-width:160px}}@media (max-width:1200px){.resource-card-img-title[data-v-4ef9583b]{margin-top:0;max-width:110px}}@media (max-width:840px){.resource-card-img-title[data-v-4ef9583b]{font-size:var(--font-size);line-height:var(--line-height)}}@media (max-width:840px) and (min-width:1681px){.resource-card-img-title[data-v-4ef9583b]{--font-size:14px;--line-height:22px}}@media (max-width:840px) and (min-width:1201px) and (max-width:1680px){.resource-card-img-title[data-v-4ef9583b]{--font-size:14px;--line-height:22px}}@media (max-width:840px) and (min-width:841px) and (max-width:1200px){.resource-card-img-title[data-v-4ef9583b]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (max-width:840px){.resource-card-img-title[data-v-4ef9583b]{--font-size:12px;--line-height:18px}}@media (max-width:600px){.resource-card-img-title[data-v-4ef9583b]{max-width:80px}}.resource-tag[data-v-4ef9583b]{position:absolute;right:8px;top:8px;--tag-color:var(--o-color-info1-inverse);--tag-bg-color:rgba(32,35,41,.4);--tag-bd-color:translate}.resource-item-content[data-v-4ef9583b]{display:flex;flex-direction:column;font-size:var(--font-size);height:calc(var(--line-height)*4 + var(--o3-gap-5)*2);justify-content:space-between;line-height:var(--line-height);padding:var(--o3-gap-5) var(--o3-gap-4);position:relative}@media (min-width:1681px){.resource-item-content[data-v-4ef9583b]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.resource-item-content[data-v-4ef9583b]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.resource-item-content[data-v-4ef9583b]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.resource-item-content[data-v-4ef9583b]{--font-size:14px;--line-height:22px}}@media (hover:hover){.resource-item-content:hover .title-content-box[data-v-4ef9583b]{display:none}.resource-item-content:hover .resource-item-des[data-v-4ef9583b]{display:block}}.title-content-box[data-v-4ef9583b]{display:block}.resource-item-title[data-v-4ef9583b]{color:var(--o-color-info1);font-size:var(--font-size);font-weight:500;height:calc(var(--line-height)*2);line-height:var(--line-height)}@media (min-width:1681px){.resource-item-title[data-v-4ef9583b]{--font-size:22px;--line-height:30px}}@media (min-width:1201px) and (max-width:1680px){.resource-item-title[data-v-4ef9583b]{--font-size:18px;--line-height:26px}}@media (min-width:841px) and (max-width:1200px){.resource-item-title[data-v-4ef9583b]{--font-size:16px;--line-height:24px}}@media (max-width:840px){.resource-item-title[data-v-4ef9583b]{--font-size:16px;--line-height:24px}}.resource-item-des[data-v-4ef9583b]{display:none;font-size:var(--font-size);line-height:var(--line-height)}@media (min-width:1681px){.resource-item-des[data-v-4ef9583b]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.resource-item-des[data-v-4ef9583b]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.resource-item-des[data-v-4ef9583b]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.resource-item-des[data-v-4ef9583b]{--font-size:14px;--line-height:22px}}.resource-bottom[data-v-4ef9583b]{align-items:center;display:flex;justify-content:space-between;margin-top:var(--o3-gap-4);width:100%}.resource-bottom-left[data-v-4ef9583b]{margin-right:4px}.resource-bottom-left[data-v-4ef9583b],.resource-bottom-right[data-v-4ef9583b]{align-items:center;display:flex}.rate-star[data-v-4ef9583b]{fill:var(--o-color-info4);font-size:var(--font-size);line-height:var(--line-height);margin-right:8px}@media (min-width:1681px){.rate-star[data-v-4ef9583b]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.rate-star[data-v-4ef9583b]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.rate-star[data-v-4ef9583b]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.rate-star[data-v-4ef9583b]{--font-size:14px;--line-height:22px;margin-right:4px}}.rate-number[data-v-4ef9583b]{font-size:var(--font-size);line-height:var(--line-height);white-space:nowrap}@media (min-width:1681px){.rate-number[data-v-4ef9583b]{--font-size:14px;--line-height:22px}}@media (min-width:1201px) and (max-width:1680px){.rate-number[data-v-4ef9583b]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.rate-number[data-v-4ef9583b]{--font-size:12px;--line-height:18px}}@media (max-width:840px){.rate-number[data-v-4ef9583b]{--font-size:12px;--line-height:18px;font-size:var(--font-size);line-height:var(--line-height)}}@media (max-width:840px) and (min-width:1681px){.rate-number[data-v-4ef9583b]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (min-width:1201px) and (max-width:1680px){.rate-number[data-v-4ef9583b]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (min-width:841px) and (max-width:1200px){.rate-number[data-v-4ef9583b]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (max-width:840px){.rate-number[data-v-4ef9583b]{--font-size:10px;--line-height:16px}}.star-full[data-v-4ef9583b]{fill:rgb(var(--o-red-huawei))}.resource-data-img[data-v-4ef9583b]{font-size:var(--font-size);line-height:var(--line-height);margin-right:8px}@media (min-width:1681px){.resource-data-img[data-v-4ef9583b]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.resource-data-img[data-v-4ef9583b]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.resource-data-img[data-v-4ef9583b]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.resource-data-img[data-v-4ef9583b]{--font-size:14px;--line-height:22px}}@media (min-width:601px) and (max-width:840px){.resource-data-img[data-v-4ef9583b]{margin-right:4px}}@media (max-width:600px){.resource-data-img[data-v-4ef9583b]{margin-right:4px}}.resource-time[data-v-4ef9583b],.resource-views[data-v-4ef9583b]{align-items:center;display:flex;font-size:var(--font-size);line-height:var(--line-height);white-space:nowrap}@media (min-width:1681px){.resource-time[data-v-4ef9583b],.resource-views[data-v-4ef9583b]{--font-size:14px;--line-height:22px}}@media (min-width:1201px) and (max-width:1680px){.resource-time[data-v-4ef9583b],.resource-views[data-v-4ef9583b]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.resource-time[data-v-4ef9583b],.resource-views[data-v-4ef9583b]{--font-size:12px;--line-height:18px}}@media (max-width:840px){.resource-time[data-v-4ef9583b],.resource-views[data-v-4ef9583b]{--font-size:12px;--line-height:18px;font-size:var(--font-size);line-height:var(--line-height)}}@media (max-width:840px) and (min-width:1681px){.resource-time[data-v-4ef9583b],.resource-views[data-v-4ef9583b]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (min-width:1201px) and (max-width:1680px){.resource-time[data-v-4ef9583b],.resource-views[data-v-4ef9583b]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (min-width:841px) and (max-width:1200px){.resource-time[data-v-4ef9583b],.resource-views[data-v-4ef9583b]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (max-width:840px){.resource-time[data-v-4ef9583b],.resource-views[data-v-4ef9583b]{--font-size:10px;--line-height:16px}}.resource-views[data-v-4ef9583b]{margin-left:16px}@media (max-width:840px){.resource-views[data-v-4ef9583b]{margin-left:8px}}@media (max-width:600px){.resource-views[data-v-4ef9583b]{margin-left:4px}}.middle-icon[data-v-75a9a567]{color:var(--o-color-info2);flex-shrink:0;font-size:var(--o-icon_size-xl);margin-right:var(--o3-gap-4)}@media (max-width:600px){.o-card[data-v-75a9a567]{--card-radius:8px}}.interactive-container[data-v-75a9a567]{display:flex;justify-content:space-between}.interactive-ocard[data-v-75a9a567]{background-position:100%;background-size:cover;height:100%}@media (max-width:1200px){.interactive-ocard[data-v-75a9a567]{--card-main-padding:16px}}@media (max-width:840px){.interactive-ocard[data-v-75a9a567]{--card-main-padding:12px}}@media (max-width:600px){.interactive-ocard[data-v-75a9a567]{--card-main-padding:12px 16px}}.interactive-card[data-v-75a9a567]{border-radius:var(--o3-radius-l);display:flex;text-align:left}@media (max-width:600px){.interactive-card[data-v-75a9a567]{align-items:center}}@media (max-width:1200px){.o-row[data-v-75a9a567]{margin-bottom:32px}}.card-title[data-v-75a9a567]{color:var(--o-color-info1);font-size:var(--font-size);font-weight:500;line-height:var(--line-height);margin-bottom:var(--o3-gap-3)}@media (min-width:1681px){.card-title[data-v-75a9a567]{--font-size:22px;--line-height:30px}}@media (min-width:1201px) and (max-width:1680px){.card-title[data-v-75a9a567]{--font-size:18px;--line-height:26px}}@media (min-width:841px) and (max-width:1200px){.card-title[data-v-75a9a567]{--font-size:16px;--line-height:24px}}@media (max-width:840px){.card-title[data-v-75a9a567]{--font-size:16px;--line-height:24px;font-size:16px;line-height:18px}}@media (max-width:600px){.card-title[data-v-75a9a567]{margin-bottom:0}}.desc-text[data-v-75a9a567]{font-size:var(--font-size);height:calc(var(--line-height)*2);line-height:var(--line-height);width:100%}@media (min-width:1681px){.desc-text[data-v-75a9a567]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.desc-text[data-v-75a9a567]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.desc-text[data-v-75a9a567]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.desc-text[data-v-75a9a567]{--font-size:14px;--line-height:22px}}.middle-icon[data-v-cf5f5022]{color:var(--o-color-info2);flex-shrink:0;font-size:var(--o-icon_size-xl);margin-right:16px}@media (max-width:840px){.middle-icon[data-v-cf5f5022]{margin-right:0}.o-card[data-v-cf5f5022]{--card-radius:8px}}.interactive-container[data-v-cf5f5022]{display:flex;justify-content:space-between;margin-bottom:var(--o3-gap-10)}.interactive-ocard[data-v-cf5f5022]{height:100%}@media (max-width:1200px){.interactive-ocard[data-v-cf5f5022]{--card-main-padding:16px}}@media (max-width:840px){.interactive-ocard[data-v-cf5f5022]{--card-main-padding:12px;--card-main-padding:12px 16px}}.interactive-card[data-v-cf5f5022]{border-radius:var(--o3-radius-l);display:flex;text-align:left}@media (max-width:840px){.interactive-card[data-v-cf5f5022]{align-items:center;flex-direction:column}}@media (max-width:1200px){.o-row[data-v-cf5f5022]{margin-bottom:32px}}.card-title[data-v-cf5f5022]{color:var(--o-color-info1);font-size:var(--font-size);font-weight:500;line-height:var(--line-height);margin-bottom:12px;margin-top:2px}@media (min-width:1681px){.card-title[data-v-cf5f5022]{--font-size:22px;--line-height:30px}}@media (min-width:1201px) and (max-width:1680px){.card-title[data-v-cf5f5022]{--font-size:18px;--line-height:26px}}@media (min-width:841px) and (max-width:1200px){.card-title[data-v-cf5f5022]{--font-size:16px;--line-height:24px}}@media (max-width:840px){.card-title[data-v-cf5f5022]{--font-size:16px;--line-height:24px;font-size:16px;line-height:18px;margin-top:8px}}@media (max-width:600px){.card-title[data-v-cf5f5022]{margin-bottom:0;margin-top:8px}}.desc-text[data-v-cf5f5022]{font-size:var(--font-size);line-height:var(--line-height)}@media (min-width:1681px){.desc-text[data-v-cf5f5022]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.desc-text[data-v-cf5f5022]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.desc-text[data-v-cf5f5022]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.desc-text[data-v-cf5f5022]{--font-size:14px;--line-height:22px}}.learn-bottom[data-v-df12649e]{overflow:hidden}@media (max-width:840px){.learn-bottom[data-v-df12649e]{border-radius:var(--o3-radius-l);margin-bottom:var(--o3-gap-9)}}.carousel[data-v-df12649e]{height:96px;width:100%}@media (max-width:840px){.carousel[data-v-df12649e]{border-radius:var(--o3-radius-l)}.carousel[data-v-df12649e] .o-carousel-indicator-wrap{--carousel-indicator-offset:0}}.carousel-item[data-v-df12649e],.slide-item[data-v-df12649e]{height:100%;width:100%}@media (max-width:840px){.carousel-item[data-v-df12649e],.slide-item[data-v-df12649e]{border-radius:var(--o3-radius-l);height:68px}}.carousel-item[data-v-df12649e]{align-items:center;background-size:cover;display:flex;justify-content:center}@media (max-width:840px){.carousel-item[data-v-df12649e]{border-radius:var(--o3-radius-l);padding:var(--o3-gap-6)}}.carousel-item-title[data-v-df12649e]{color:var(--o-color-info1);font-size:var(--font-size);line-height:var(--line-height);margin-right:var(--o3-gap-6)}@media (min-width:1681px){.carousel-item-title[data-v-df12649e]{--font-size:24px;--line-height:32px}}@media (min-width:1201px) and (max-width:1680px){.carousel-item-title[data-v-df12649e]{--font-size:20px;--line-height:28px}}@media (min-width:841px) and (max-width:1200px){.carousel-item-title[data-v-df12649e]{--font-size:18px;--line-height:26px}}@media (max-width:840px){.carousel-item-title[data-v-df12649e]{--font-size:16px;--line-height:24px;font-size:var(--font-size);line-height:var(--line-height)}}@media (max-width:840px) and (min-width:1681px){.carousel-item-title[data-v-df12649e]{--font-size:16px;--line-height:24px}}@media (max-width:840px) and (min-width:1201px) and (max-width:1680px){.carousel-item-title[data-v-df12649e]{--font-size:14px;--line-height:22px}}@media (max-width:840px) and (min-width:841px) and (max-width:1200px){.carousel-item-title[data-v-df12649e]{--font-size:14px;--line-height:22px}}@media (max-width:840px) and (max-width:840px){.carousel-item-title[data-v-df12649e]{--font-size:14px;--line-height:22px}}@media (max-width:600px){.carousel-item-title[data-v-df12649e]{font-size:var(--font-size);line-height:var(--line-height)}}@media (max-width:600px) and (min-width:1681px){.carousel-item-title[data-v-df12649e]{--font-size:14px;--line-height:22px}}@media (max-width:600px) and (min-width:1201px) and (max-width:1680px){.carousel-item-title[data-v-df12649e]{--font-size:14px;--line-height:22px}}@media (max-width:600px) and (min-width:841px) and (max-width:1200px){.carousel-item-title[data-v-df12649e]{--font-size:12px;--line-height:18px}}@media (max-width:600px) and (max-width:840px){.carousel-item-title[data-v-df12649e]{--font-size:12px;--line-height:18px}}.carousel-item-btn[data-v-df12649e]{flex-shrink:0}