.course-page[data-v-0ffcc904]{position:relative;min-width:140rem;background:#fafbff;padding-bottom:8rem}.course-banner[data-v-0ffcc904]{position:relative;height:53rem;overflow:hidden}.course-banner-img[data-v-0ffcc904]{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.course-banner-mask[data-v-0ffcc904]{position:absolute;inset:0}.course-banner-content[data-v-0ffcc904]{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}.course-banner-title[data-v-0ffcc904]{font-family:Source Han Sans CN;font-weight:700;font-size:4.6rem;line-height:1.2;color:#fff}.course-banner-en[data-v-0ffcc904]{font-family:Arial;font-weight:400;font-size:1.8rem;color:#fff;line-height:3.6rem}.course-inner[data-v-0ffcc904]{position:relative;z-index:3;width:140rem;margin:-9.6rem auto 0}.filter-panel[data-v-0ffcc904]{background:#fff;border-radius:.8rem;overflow:hidden;box-shadow:0 .2rem 1.2rem rgba(0,0,0,.04)}.filter-panel .filter-row[data-v-0ffcc904]{display:flex;align-items:flex-start;min-height:5.4rem;padding:1.2rem 0;border-bottom:1px solid #f0f0f0}.filter-panel .filter-row[data-v-0ffcc904]:last-child{border-bottom:none}.filter-panel .filter-row.collapsed .filter-options[data-v-0ffcc904]{max-height:3rem;overflow:hidden}.filter-panel .filter-label[data-v-0ffcc904]{width:11rem;padding-left:2.4rem;font-size:1.4rem;font-weight:500;color:#333;line-height:3rem}.filter-panel .filter-options[data-v-0ffcc904]{flex:1;display:flex;flex-wrap:wrap;gap:1rem;padding-right:2rem}.filter-panel .filter-options .option[data-v-0ffcc904]{height:3rem;padding:0 1.6rem;line-height:3rem;font-size:1.4rem;color:#555;border-radius:.4rem;cursor:pointer;transition:all .2s ease}.filter-panel .filter-options .option[data-v-0ffcc904]:hover{color:#005285}.filter-panel .filter-options .option.active[data-v-0ffcc904]{color:#fff;background:#005285}.filter-panel .filter-action[data-v-0ffcc904]{display:flex;align-items:center;padding-right:2.4rem;font-size:1.4rem;color:#999;cursor:pointer;white-space:nowrap;line-height:3rem}.filter-panel .filter-action i[data-v-0ffcc904]{margin-left:.4rem;font-size:1.2rem;transition:transform .3s ease}.filter-panel .filter-action i.rotate[data-v-0ffcc904]{transform:rotate(180deg)}.sort-bar[data-v-0ffcc904]{display:flex;align-items:center;margin-top:1.6rem;padding:0 2.4rem;height:4.8rem;background:#fff;border-radius:.8rem;box-shadow:0 .2rem 1.2rem rgba(0,0,0,.04)}.sort-bar .sort-item[data-v-0ffcc904]{display:flex;align-items:center;margin-right:3.2rem;font-size:1.4rem;color:#555;cursor:pointer}.sort-bar .sort-item i[data-v-0ffcc904]{margin-left:.4rem;font-size:1.2rem}.sort-bar .sort-item.active[data-v-0ffcc904],.sort-bar .sort-item[data-v-0ffcc904]:hover{color:#005285}.sort-bar .sort-item .sort-arrows[data-v-0ffcc904]{display:inline-flex;flex-direction:column;margin-left:.4rem;line-height:1}.sort-bar .sort-item .sort-arrows i[data-v-0ffcc904]{margin:0;font-size:1.2rem;color:#c0c4cc;line-height:.7;transition:color .2s ease}.sort-bar .sort-item .sort-arrows i.on[data-v-0ffcc904]{color:#005285}.course-grid[data-v-0ffcc904]{display:grid;grid-template-columns:repeat(4,33.8rem);justify-content:space-between;gap:1.4rem 1.6rem;margin-top:2.4rem}.course-card[data-v-0ffcc904]{box-sizing:border-box;width:33.8rem;height:32.6rem;padding:1rem 1rem 1.8rem;overflow:hidden;border:1px solid #e4e7ec;border-radius:1.2rem;background:#fff;box-shadow:0 .6rem 1.4rem rgba(20,25,34,.03);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.course-card[data-v-0ffcc904]:hover{transform:translateY(-.4rem);box-shadow:0 1.2rem 2.4rem rgba(20,25,34,.08)}.course-poster[data-v-0ffcc904]{width:31.8rem;height:19.8rem;overflow:hidden;border-radius:.4rem}.course-poster img[data-v-0ffcc904]{display:block;width:31.8rem;height:19.8rem;object-fit:cover}.course-info[data-v-0ffcc904]{display:flex;flex-direction:column;align-items:flex-start;padding:1.4rem 0 0}.course-info h3[data-v-0ffcc904]{font-family:PingFang SC;font-weight:700;font-size:1.6rem;color:#000;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%}.course-tag[data-v-0ffcc904]{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;margin-top:1.2rem;padding:0 .8rem;background:#f1d8b4;border-radius:.3rem;font-family:PingFang SC;font-weight:400;font-size:1.2rem;line-height:2rem;color:#915716;text-align:left}.course-price[data-v-0ffcc904]{display:block;margin-top:1.8rem;font-family:PingFang SC;font-weight:700;font-size:1.6rem;line-height:1.8rem;color:#f42424;text-align:left}.case-pagination[data-v-0ffcc904]{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:3rem 0 3.4rem;margin-top:2.4rem;border-top:1px solid #eee}.page-btn[data-v-0ffcc904],.page-number[data-v-0ffcc904]{min-width:3rem;height:3rem;padding:0 1.1rem;border:1px solid #e4e4e4;border-radius:.4rem;background:#fff;font-size:1.2rem;line-height:2.8rem;color:#8b8b8b;cursor:pointer;transition:all .2s ease}.page-btn[data-v-0ffcc904]:hover,.page-number[data-v-0ffcc904]:hover{color:#015185;border-color:#015185}.page-number[data-v-0ffcc904]{padding:0}.page-number.active[data-v-0ffcc904]{background:#015185;border-color:#015185;color:#fff}.page-btn.disabled[data-v-0ffcc904]{color:#c7c7c7;cursor:not-allowed}.page-btn.disabled[data-v-0ffcc904]:hover{border-color:#e4e4e4;color:#c7c7c7}.page-ellipsis[data-v-0ffcc904]{font-size:1.2rem;line-height:3rem;color:#8b8b8b}.empty-state[data-v-0ffcc904]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 0}.empty-state img[data-v-0ffcc904]{width:16rem;height:auto}.empty-state p[data-v-0ffcc904]{margin-top:1.6rem;font-size:1.4rem;color:#999}@media screen and (max-width:1199px){.btn-shaixuanqi[data-v-0ffcc904]{position:absolute;right:0}.img-check[data-v-0ffcc904]{cursor:pointer}.img-check.check-0[data-v-0ffcc904]{display:block}.img-check.check-1[data-v-0ffcc904]{display:none}.checked[data-v-0ffcc904]{cursor:pointer}.checked .check-0[data-v-0ffcc904]{display:none!important}.checked .check-1[data-v-0ffcc904]{display:block!important}.page[data-v-0ffcc904]{padding:15px!important}.page-top[data-v-0ffcc904]{position:relative}.page-top .page-top-banner img[data-v-0ffcc904]{width:100%}.page-top .page-bread[data-v-0ffcc904]{width:100%;margin:0 auto;height:44px;background:#f5f5f5;padding:0 15px}.page-top .page-bread .bread-box[data-v-0ffcc904]{height:44px;display:flex;align-items:center}.page-top .page-bread .bread-box img[data-v-0ffcc904]{width:15px;margin-right:10px}.page-top .page-bread .bread-box .bread-divider[data-v-0ffcc904]{margin:0 5px;font-size:14px;font-family:Microsoft YaHei-Regular,Microsoft YaHei;font-weight:400;color:#999}.page-top .page-bread .bread-box a[data-v-0ffcc904]{font-size:12px;font-family:Microsoft YaHei-Regular,Microsoft YaHei;font-weight:400;color:#999}.page-top .page-bread .bread-box a[data-v-0ffcc904]:hover{color:#1d88fb}.page[data-v-0ffcc904]{padding-top:32px}.page .page-box[data-v-0ffcc904]{background:#f7f7f7;background:#fff}.page .page-inner[data-v-0ffcc904]{width:100%;margin:0 auto;padding:20px 0;padding-bottom:20px;text-align:left}.page .page-inner .page-block[data-v-0ffcc904]{width:100%;margin:0 auto}.total-box[data-v-0ffcc904]{position:relative;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ddd;font-size:14px;font-family:Microsoft YaHei-Regular,Microsoft YaHei;font-weight:400;color:grey}.ctx-box[data-v-0ffcc904]{display:flex;align-items:flex-start;flex-direction:column}.ctx-box .ctx-left[data-v-0ffcc904]{display:none;margin-right:0;margin-bottom:20px;margin-bottom:15px;width:100%}.ctx-box .ctx-left.h5_shown[data-v-0ffcc904]{display:block}.ctx-box .ctx-left .filter-box[data-v-0ffcc904]{margin-bottom:15px;background:#fafbfc;border:1px solid #ebeef5}.ctx-box .ctx-left .filter-title[data-v-0ffcc904],.ctx-box .ctx-left .main-title[data-v-0ffcc904]{height:44px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ebeef5}.ctx-box .ctx-left .filter-title .text[data-v-0ffcc904],.ctx-box .ctx-left .main-title .text[data-v-0ffcc904]{font-size:14px;font-family:Microsoft YaHei-Bold,Microsoft YaHei;font-weight:700;color:#333;font-size:1.4rem}.ctx-box .ctx-left .filter-title .action[data-v-0ffcc904],.ctx-box .ctx-left .main-title .action[data-v-0ffcc904]{font-size:12px;font-family:Microsoft YaHei-Regular,Microsoft YaHei;font-weight:400;color:#1d88fb;cursor:pointer}.ctx-box .ctx-left .filter-cards .filter-card[data-v-0ffcc904]{border-bottom:1px solid #ebeef5}.ctx-box .ctx-left .filter-cards .filter-card[data-v-0ffcc904]:last-child{border-bottom:0}.ctx-box .ctx-left .filter-cards .filter-card .expand-1 .img-sanjiao[data-v-0ffcc904]{transform:rotate(90deg);top:3px}.ctx-box .ctx-left .filter-cards .filter-card .item-title[data-v-0ffcc904]{position:relative;display:flex;align-items:center;height:43px;height:32px;padding:0 23px;font-size:1.4rem}.ctx-box .ctx-left .filter-cards .filter-card .item-title .level1-text[data-v-0ffcc904]{display:flex;align-items:center;cursor:pointer;user-select:none}.ctx-box .ctx-left .filter-cards .filter-card .item-title .img-sanjiao[data-v-0ffcc904]{margin-right:10px;transition:.3s}.ctx-box .ctx-left .filter-cards .filter-card .item-title .action[data-v-0ffcc904]{position:absolute;right:20px;background:transparent;font-size:12px;font-family:Microsoft YaHei-Regular,Microsoft YaHei;font-weight:400;color:#1d88fb}.ctx-box .ctx-left .filter-cards .filter-card .sub-child[data-v-0ffcc904]{margin:0 20px;padding:10px 0;border-top:1px solid #ebeef5}.ctx-box .ctx-left .filter-cards .filter-card .sub-child .search-box[data-v-0ffcc904]{position:relative;margin-bottom:10px}.ctx-box .ctx-left .filter-cards .filter-card .sub-child .search-box input[data-v-0ffcc904]{padding:0 15px;width:100%;height:100%;height:32px;background:#fff;border-radius:4px 4px 4px 4px;border:1px solid #b8c4d1}.ctx-box .ctx-left .filter-cards .filter-card .sub-child .search-box img[data-v-0ffcc904]{position:absolute;z-index:10;top:50%;right:10px;transform:translateY(-50%);cursor:pointer;width:18px}.ctx-box .ctx-left .filter-cards .filter-card .sub-child .sub-card[data-v-0ffcc904]{display:flex;align-items:center;margin-bottom:5px;line-height:28px;font-size:12px;font-family:Microsoft YaHei-Regular,Microsoft YaHei;font-weight:400;color:grey;cursor:pointer;font-size:1.4rem}.ctx-box .ctx-left .filter-cards .filter-card .sub-child .sub-card[data-v-0ffcc904]:hover{background:#eee}.ctx-box .ctx-left .filter-cards .filter-card .sub-child .sub-card img[data-v-0ffcc904]{width:13px;margin-right:5px}.ctx-box .ctx-right[data-v-0ffcc904]{flex:1}.top-info[data-v-0ffcc904]{padding-bottom:20px}.top-info .cate-other[data-v-0ffcc904]{width:100%;display:flex;align-items:flex-start;justify-content:space-between}.top-info .cate-other .cate-img[data-v-0ffcc904]{width:120px;height:120px;display:flex;justify-content:center;align-items:center;border-radius:6px 6px 6px 6px;border:1px solid #e5e5e5}.top-info .cate-other .cate-img .img-box[data-v-0ffcc904]{width:108px;height:108px;border-radius:6px}.top-info .cate-other .cate-img img[data-v-0ffcc904]{width:108px;height:108px}.top-info .cate-other .cate-info[data-v-0ffcc904]{width:calc(100% - 120px);margin-left:10px}.top-info .cate-other .cate-info .cate-title[data-v-0ffcc904]{width:fit-content;font-size:16px;font-family:Microsoft YaHei-Regular,Microsoft YaHei;font-weight:400;color:#333;font-size:1.4rem}.top-info .cate-other .cate-info .cate-title .text[data-v-0ffcc904]{width:fit-content;font-size:14px;font-family:Microsoft YaHei-Bold,Microsoft YaHei;font-weight:700;color:#333}.top-info .cate-other .cate-info .cate-title .line[data-v-0ffcc904]{margin-top:5px;width:36px;width:100%;height:3px;background:#1d88fb;border-radius:3px 3px 3px 3px}.top-info .cate-other .cate-info .cate-desc[data-v-0ffcc904]{margin-top:12px;font-size:12px;font-family:Microsoft YaHei-Regular,Microsoft YaHei;font-weight:400;color:#333;line-height:1.6}}@media screen and (max-width:1199px){.course-page[data-v-0ffcc904]{min-width:0;width:100%;padding-bottom:32px;background:#fafbff}.course-banner[data-v-0ffcc904]{height:240px}.course-banner-img[data-v-0ffcc904]{width:100%;height:100%;object-fit:cover;object-position:center top}.course-banner-mask[data-v-0ffcc904]{background:rgba(0,0,0,.28)}.course-banner-title[data-v-0ffcc904]{font-size:30px;line-height:36px}.course-banner-content[data-v-0ffcc904]{padding:0 16px;box-sizing:border-box}.course-banner-en[data-v-0ffcc904]{margin-top:10px;font-size:15px;line-height:20px;letter-spacing:.08em}.course-inner[data-v-0ffcc904]{width:100%;margin:0;padding:14px 14px 0;box-sizing:border-box}.filter-panel[data-v-0ffcc904]{border-radius:10px;box-shadow:0 6px 18px rgba(20,25,34,.06)}.filter-panel .filter-row[data-v-0ffcc904]{display:block;min-height:0;padding:12px}.filter-panel .filter-row.collapsed .filter-options[data-v-0ffcc904]{max-height:74px}.filter-panel .filter-label[data-v-0ffcc904]{width:auto;padding-left:0;margin-bottom:8px;font-size:14px;line-height:20px;font-weight:700}.filter-panel .filter-options[data-v-0ffcc904]{gap:8px;padding-right:0}.filter-panel .filter-options .option[data-v-0ffcc904]{height:28px;padding:0 10px;font-size:12px;line-height:28px;border-radius:14px;background:#f5f7fa}.filter-panel .filter-options .option.active[data-v-0ffcc904]{background:#005285}.filter-panel .filter-action[data-v-0ffcc904]{justify-content:flex-end;padding-right:0;margin-top:8px;font-size:12px;line-height:20px}.sort-bar[data-v-0ffcc904]{height:auto;min-height:42px;margin-top:12px;padding:0 12px;border-radius:10px;overflow-x:auto;box-shadow:0 6px 18px rgba(20,25,34,.06)}.sort-bar .sort-item[data-v-0ffcc904]{flex:0 0 auto;margin-right:22px;font-size:13px}.course-grid[data-v-0ffcc904]{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:10px;margin-top:14px}.course-card[data-v-0ffcc904]{width:100%;height:auto;min-height:0;padding:8px 8px 12px;border-radius:12px}.course-card[data-v-0ffcc904]:hover{transform:none}.course-poster[data-v-0ffcc904]{width:100%;height:112px}.course-poster img[data-v-0ffcc904]{width:100%;height:100%}.course-info[data-v-0ffcc904]{padding-top:10px}.course-info h3[data-v-0ffcc904]{white-space:normal;display:-webkit-box;min-height:38px;font-size:13px;line-height:19px;-webkit-line-clamp:2;-webkit-box-orient:vertical}.course-tag[data-v-0ffcc904]{min-height:24px;margin-top:8px;padding:0 8px;font-size:12px;line-height:24px}.course-price[data-v-0ffcc904]{margin-top:10px;font-size:14px;line-height:22px}.course-price+.course-price[data-v-0ffcc904]{margin-top:5px}.empty-state[data-v-0ffcc904]{padding:42px 0}.empty-state img[data-v-0ffcc904]{width:110px}.case-pagination[data-v-0ffcc904]{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:16px;padding:20px 0 8px;overflow:hidden}.case-pagination button[data-v-0ffcc904]{font-size:14px}.page-btn[data-v-0ffcc904],.page-number[data-v-0ffcc904]{min-width:28px;height:28px;padding:0 8px;line-height:26px;margin:0}.page-number[data-v-0ffcc904]{padding:0}.page-btn[data-v-0ffcc904]:first-child,.page-btn[data-v-0ffcc904]:last-child{display:none}.page-ellipsis[data-v-0ffcc904]{margin:0;line-height:28px}}@media screen and (max-width:375px){.course-banner[data-v-0ffcc904]{height:210px}.course-banner-title[data-v-0ffcc904]{font-size:28px;line-height:34px}.course-banner-en[data-v-0ffcc904]{font-size:13px;line-height:18px}.course-inner[data-v-0ffcc904]{padding-left:12px;padding-right:12px}.course-grid[data-v-0ffcc904]{gap:8px}.course-poster[data-v-0ffcc904]{height:104px}.course-info h3[data-v-0ffcc904]{font-size:14px;line-height:18px;min-height:36px}.case-pagination[data-v-0ffcc904]{gap:5px}.page-btn[data-v-0ffcc904],.page-number[data-v-0ffcc904]{height:28px;min-width:28px;padding:0 7px;line-height:26px;font-size:12px}.page-number[data-v-0ffcc904]{padding:0}}