html,body{background:#000}@media(max-width: 1080px){.hub{margin:0 !important;padding:0 !important}}.hub .banner{width:100%;height:544px;background:url("/cms-static/hub/banner-pc.png") no-repeat center center;background-size:contain;display:flex;flex-direction:column;justify-content:flex-end;color:#fff}@media(max-width: 1080px){.hub .banner{background:url("/cms-static/hub/banner.png") no-repeat center center;background-size:cover;height:300px !important}.hub .banner h1{font-size:24px !important}.hub .banner div{font-size:14px !important}}.hub .banner h1{font-size:64px;text-align:center;margin-bottom:8px}.hub .banner div{font-size:24px;text-align:center;font-weight:500;color:#f1f3f5}.hub .period{margin:120px 0;width:100%}@media(max-width: 1080px){.hub .period{margin:32px 0 56px !important;padding:16px;box-sizing:border-box}.hub .period .course-t{font-size:16px !important;margin-bottom:24px !important}.hub .period .collapse{margin-top:24px !important}}.hub .period .course-t{font-size:24px;font-weight:700;color:#fff;margin-bottom:32px;display:flex;align-items:center;justify-content:space-between}.hub .period .course-t .rule{color:#0c73ed;font-size:14px;cursor:pointer}.hub .period .course-t .refresh{display:flex;align-items:center;gap:16px}.hub .period .course-t .refresh .refreshBtn{cursor:pointer;display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:12px;color:#fff;border-radius:4px;border:1px solid #878f99}.hub .period .collapse{margin-top:40px;text-align:center;cursor:pointer;color:#878f99;font-size:14px;line-height:20px;display:flex;align-items:center;justify-content:center;gap:6px}.hub .period .collapse.active i{transform:rotate(180deg)}.hub .tab-container{display:flex;align-items:center;justify-content:space-evenly;margin-bottom:70px;position:relative}@media(max-width: 1080px){.hub .tab-container{margin-bottom:0 !important;width:100%;padding:0 16px;box-sizing:border-box;display:flex;flex-direction:column}.hub .tab-container .tab{width:100% !important;gap:56px !important;height:48px !important;margin-bottom:32px}.hub .tab-container .tab .tab-item{font-size:16px !important;height:48px !important}}.hub .tab-container .tab{display:flex;width:600px;height:72px;justify-content:center;align-items:center;gap:100px;flex-shrink:0;border-radius:12px;border:1px solid #212830;background:rgba(0,0,0,.2);box-shadow:0 0 18px 0 rgba(255,255,255,.25) inset;backdrop-filter:blur(11px)}.hub .tab-container .tab .tab-item{position:relative;padding:0 24px;font-size:24px;height:72px;justify-content:center;align-items:center;display:flex;color:#878f99;cursor:pointer}.hub .tab-container .tab .tab-item.active{color:#fff;font-weight:700}.hub .tab-container .tab .tab-item.active svg{display:inline-block}.hub .tab-container .tab .tab-item svg{position:absolute;bottom:0;display:none}.hub .course-contanier{display:flex;flex-direction:column;width:100%;gap:32px}.hub .course-contanier[data-expanded=false] div:nth-child(n+3){display:none}.hub .course-contanier .course{display:flex;padding:32px;justify-content:space-between;align-items:center;border-radius:24px;border:1px solid #212830;background:rgba(0,0,0,.2);box-shadow:0 0 43.9px 0 rgba(255,255,255,.3) inset;backdrop-filter:blur(11px)}@media(max-width: 1080px){.hub .course-contanier .course{flex-direction:column;padding:24px !important;gap:24px !important}.hub .course-contanier .course.Article{gap:16px !important;flex-direction:row !important;padding:12px !important}.hub .course-contanier .course .left{flex-direction:column}.hub .course-contanier .course .left .imgCont{width:80px !important;height:80px !important;background:url("/cms-static/hub/course-xs.png") no-repeat center center !important;background-size:cover}.hub .course-contanier .course .left .content1 .title{text-align:center;font-size:14px !important;margin-bottom:8px}.hub .course-contanier .course .left .content1 .desc span{font-size:12px !important}.hub .course-contanier .course .right{width:100%;justify-items:center !important}.hub .course-contanier .course .right .optBtn{width:100% !important;height:40px !important;font-size:14px !important}.hub .course-contanier .course .right .times{font-size:12px !important}.hub .course-contanier .course .imgCont1{width:auto !important;height:85.219px !important;aspect-ratio:16/9 !important}.hub .course-contanier .course .context{height:auto !important;width:100%}.hub .course-contanier .course .context h2{font-size:14px !important;height:auto !important}.hub .course-contanier .course .context .dir{font-size:12px !important;margin:8px 0 !important}.hub .course-contanier .course .context .deta{flex-direction:column;gap:24px}.hub .course-contanier .course .context .deta div:first-child{text-align:left;width:100%;font-size:10px !important}.hub .course-contanier .course .context .deta .study,.hub .course-contanier .course .context .deta .finish{width:100%;display:none !important}}.hub .course-contanier .course.Article{gap:32px;box-shadow:0 0 43.9px 0 rgba(255,255,255,.2) inset;cursor:pointer}.hub .course-contanier .course.Article:hover,.hub .course-contanier .course.Article:active{box-shadow:0 0 43.9px 0 rgba(255,255,255,.3) inset}.hub .course-contanier .course .left{display:flex;align-items:center;justify-content:center;gap:28px}.hub .course-contanier .course .left .imgCont{width:120px;height:120px;background:url("/cms-static/hub/course.png") no-repeat center center;background-size:cover}.hub .course-contanier .course .left .content1 .title{font-size:24px;font-weight:700;color:#fff;margin-bottom:16px}.hub .course-contanier .course .left .content1 .title span{color:#878f99}.hub .course-contanier .course .left .content1 .desc{display:flex;align-items:center;gap:4px;font-size:16px}.hub .course-contanier .course .left .content1 .desc span{color:#f1f3f5;font-size:16px}.hub .course-contanier .course .right{display:grid;justify-items:end}.hub .course-contanier .course .right .optBtn{display:flex;width:146px;height:48px;justify-content:center;align-items:center;border-radius:27px;background:#0c73ed;cursor:pointer;box-sizing:border-box;color:#fff;font-size:16px;font-weight:700;margin-bottom:12px;text-align:center}.hub .course-contanier .course .right .optBtn.disabled{background:#202738;color:#3e4a59}.hub .course-contanier .course .right .times{display:flex;align-items:center;justify-content:center;font-size:14px;gap:8px;color:#878f99}.hub .course-contanier .course .right .times span:last-child{color:#fff;font-weight:500}.hub .course-contanier .course .imgCont1{width:420px;height:236px;flex-shrink:0;aspect-ratio:105/59;border-radius:12px;overflow:hidden}.hub .course-contanier .course .imgCont1 img{width:100%;object-fit:cover;object-position:center center;transition:.25s}.hub .course-contanier .course .context{display:flex;flex-direction:column;height:236px;flex:1}.hub .course-contanier .course .context h2{font-size:24px;font-weight:700;color:#f1f3f5}.hub .course-contanier .course .context .dir{flex:1;min-height:0;margin-top:12px;margin-bottom:24px;font-size:14px;color:#878f99;line-height:20px}.hub .course-contanier .course .context .deta{display:flex;align-items:center;justify-content:space-between}.hub .course-contanier .course .context .deta div:first-child{color:#878f99;font-size:14px;line-height:20px}.hub .course-contanier .course .context .deta div:first-child span{color:#444d59;padding:0 6px}.hub .course-contanier .course .context .deta .study{display:flex;min-width:126px;height:48px;justify-content:center;align-items:center;border-radius:27px;background:#0c73ed;cursor:pointer;box-sizing:border-box;color:#fff;font-size:16px;font-weight:700}.hub .course-contanier .course .context .deta .finish{display:flex;align-items:center;gap:10px}.hub .course-contanier .course .context .deta .finish span{font-size:16px;font-weight:700;color:#f1f3f5}.hub .load_more{color:#878f99}.modal{background:rgba(0,0,0,.6) !important;z-index:1210 !important}.modal .modal-content.user-report{padding:0;background:#13171b !important}.modal .modal-content.user-report .modal-title{padding:16px 24px;font-size:18px;color:#fff;border-bottom:1px solid #212830}.modal .modal-content.user-report .modal-body{padding:24px 24px 32px;font-size:14px;color:#fff}.modal .modal-content.user-report .modal-body .btnDiv{margin-top:28px;display:flex;align-items:center;gap:12px}.modal .modal-content.user-report .modal-body .btnDiv div,.modal .modal-content.user-report .modal-body .btnDiv a{flex:1;border-radius:100px;height:48px;background:#195eff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;font-weight:500;color:#fff}.modal .modal-content.user-report .modal-body .btnDiv div.firstClass,.modal .modal-content.user-report .modal-body .btnDiv a.firstClass{background:rgba(0,0,0,0);border:1px solid #959dad;color:#fff}/*# sourceMappingURL=hub_home.css.map */