.pageTopBar[data-v-ad912150]{padding:10px 0 20px 0;display:flex}.divUserInfo[data-v-ad912150]{flex-grow:1;display:flex;align-items:center;height:60px;margin-right:20px}.divUserInfo img[data-v-ad912150]{width:50px;height:50px;margin:0 20px;border-radius:50%}.divUserInfo .txtUserName[data-v-ad912150]{font-size:1rem;font-weight:700;margin-bottom:6px}.divUserInfo .txtWelcome[data-v-ad912150]{font-size:.8rem;color:#999}.divbreadcrumb[data-v-ad912150]{flex-grow:1;display:flex;align-items:center;height:60px;margin-right:20px;padding:0 20px}.divbreadcrumb[data-v-ad912150] .el-breadcrumb__inner{color:var(--pageTextColor)}.divFunc[data-v-ad912150]{display:flex;align-items:center;height:60px;padding-left:30px}.divFunc img[data-v-ad912150]{margin-right:30px}.boxTop[data-v-78b1337c]{position:relative;width:100%;height:90px}.boxTop .iconBox[data-v-78b1337c]{width:80px;height:80px;position:absolute}.boxTop .topRadiusPart[data-v-78b1337c]{position:absolute;top:20px;left:90px;width:calc(100% - 90px);height:20px;background-color:var(--pageBoxBg);border-top-left-radius:20px;border-top-right-radius:20px}.boxTop .topTitlePart[data-v-78b1337c]{position:absolute;top:40px;left:45px;width:calc(100% - 45px);height:50px;background-color:var(--pageBoxBg)}.boxTop .topTitlePart .titleMask[data-v-78b1337c]{position:absolute;top:-40px;left:-45px;width:90px;height:90px;background-color:var(--mainContentBg);border-radius:90px}.boxTop .topTitlePart .titleContent[data-v-78b1337c]{position:absolute;top:0;left:0;width:100%;height:100%;padding-left:65px;font-size:1.2rem;font-weight:700}.divForSlot[data-v-78b1337c]{z-index:99;width:100%;min-height:160px;background-color:var(--pageBoxBg);border-top-left-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;overflow-y:scroll;padding:20px}.rowTop .boxCourse[data-v-e49cc346]{margin-bottom:20px}.rowTop .boxCourse .contentCourse[data-v-e49cc346]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:10px 0}.rowTop .class-card[data-v-e49cc346]{background:var(--pageBoxBg);border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);border:1px solid var(--tableBorderColor);height:100%;display:flex;flex-direction:column}.rowTop .course-image-wrapper[data-v-e49cc346]{height:140px;overflow:hidden;background-color:#efe5be;position:relative}.rowTop .course-image-wrapper .class-image[data-v-e49cc346]{position:absolute;bottom:0;right:0;height:60%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.rowTop .class-image-wrapper[data-v-e49cc346]{height:100px;overflow:hidden;background-color:#efe5be;position:relative}.rowTop .class-image-wrapper .class-image[data-v-e49cc346]{position:absolute;bottom:0;left:10px;height:60%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.rowTop .class-card:hover .class-image[data-v-e49cc346]{transform:scale(1.05)}.rowTop .class-info[data-v-e49cc346]{padding:15px;flex-grow:1;display:flex;flex-direction:column}.rowTop .class-name[data-v-e49cc346]{font-size:16px;font-weight:600;color:var(--pageTextColor);margin:0 0 10px 0;line-height:1.4}.rowTop .class-meta[data-v-e49cc346]{flex-grow:1;display:flex;flex-direction:column;gap:8px}.rowTop .class-course-name[data-v-e49cc346],.rowTop .class-student-count[data-v-e49cc346]{font-size:13px;color:var(--pageLabelColor);display:block}.rowTop .class-action[data-v-e49cc346]{padding:0 15px 15px}.rowTop .boxWorkToDo .workToDoItem[data-v-e49cc346]{display:flex;align-items:center;font-size:14px;padding:14px 0;margin-bottom:10px;cursor:pointer}.rowTop .boxWorkToDo .workToDoItem .tagWorkType[data-v-e49cc346]{flex-shrink:0;height:30px;border-radius:4px;line-height:30px;padding:0 10px}.rowTop .boxWorkToDo .workToDoItem .typeHomework[data-v-e49cc346]{background-color:#f1f5ff;color:#7da2ff}.rowTop .boxWorkToDo .workToDoItem .typeTest[data-v-e49cc346]{background-color:#eefff3;color:#2ca155}.rowTop .boxWorkToDo .workToDoItem .workName[data-v-e49cc346]{flex-grow:1;font-weight:700;padding:0 10px}.rowTop .boxWorkToDo .workToDoItem .workDate[data-v-e49cc346]{flex-shrink:0;color:#888}.rowTop .boxWorkToDo .workToDoItem[data-v-e49cc346]:last-child{margin-bottom:0}.rowMiddle[data-v-e49cc346]{padding:30px 0 20px 0;display:flex;justify-content:space-between;align-items:center}.rowMiddle .switchCourse[data-v-e49cc346]{width:200px;height:50px}.rowMiddle .divSelectTerm[data-v-e49cc346]{width:200px;height:50px;display:flex;align-items:center}.boxClasses[data-v-e49cc346]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:10px 0}.boxClasses .itemClass[data-v-e49cc346]{cursor:pointer;transition:all .3s ease}.boxClasses .itemClass[data-v-e49cc346]:hover{transform:translateY(-5px)}@media(max-width:768px){.boxClasses[data-v-e49cc346]{grid-template-columns:1fr}}.ItemIndexCourse[data-v-7db48634]{background-color:#fff;margin-right:2.2%;width:100%;border-radius:10px;overflow:hidden;padding-bottom:10px}.ItemIndexCourse .courseImg[data-v-7db48634]{width:100%;-o-object-fit:cover;object-fit:cover;height:160px}.ItemIndexCourse .courseName[data-v-7db48634]{font-size:1.2rem;font-weight:700;padding:15px 10px 30px 10px}.ItemIndexCourse .courseInfo[data-v-7db48634]{display:flex;justify-content:space-between;color:#888;padding:0 10px 10px 10px;border-bottom:1px solid #f2f2f2}.ItemIndexCourse .btm[data-v-7db48634]{display:flex;align-items:center;padding:10px;color:#888}.ItemIndexCourse .btm img[data-v-7db48634]{height:16px;margin-right:7px}.ItemIndexCourse[data-v-7db48634]:hover{box-shadow:1px 1px 10px rgba(0,0,0,.1);transform:translateY(-4px)}.divPageRight[data-v-725d1773]{padding:0;margin:0}.pageHeader[data-v-725d1773]{justify-content:space-between;padding:30px 20px 10px 20px;max-width:1440px;margin:0 auto}.pageHeader .left[data-v-725d1773],.pageHeader .right[data-v-725d1773],.pageHeader[data-v-725d1773]{display:flex;align-items:center}.pageHeader .left[data-v-725d1773]{color:var(--logoTextColor);font-size:1.6rem;font-weight:700}.pageHeader .left img[data-v-725d1773]{height:60px;margin-right:10px}.pageHeader .right div[data-v-725d1773]{background-color:#7287fa;color:#fff;margin-left:20px;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:.8rem}.pageHeader .right div[data-v-725d1773]:hover{background-color:#191d30;transform:translateY(-3px)}.topBanner[data-v-725d1773]{margin:0 auto;max-width:1440px;height:480px;text-align:center;background-color:#7287fa}.topBanner img[data-v-725d1773]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background-color:#7287fa}.mainContent[data-v-725d1773]{padding:30px;max-width:1440px;margin:0 auto}.mainContent .title[data-v-725d1773]{margin:30px 0;display:flex;justify-content:space-between}.mainContent .title .left[data-v-725d1773]{display:flex;align-items:center;font-size:1.4rem;font-weight:700}.mainContent .title .left .pont[data-v-725d1773]{height:24px;background-color:#7287fa;width:12px;border-radius:12px;margin-right:17px}.mainContent .title .right[data-v-725d1773]{display:flex;align-items:center;font-size:.9rem;color:#888}.mainContent .title .right img[data-v-725d1773]{height:12px;margin-left:6px}.mainContent .courseList[data-v-725d1773]{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.platformContainer[data-v-725d1773]{padding-bottom:40px;display:grid;grid-template-columns:repeat(4,1fr)}.platformContainer .itemPlatform[data-v-725d1773]{width:96%;height:640px;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;background-color:#fff;margin:0 auto 20px auto}.platformContainer .itemPlatform .itemName[data-v-725d1773]{flex-shrink:0;font-weight:700;font-size:2rem;padding:30px 20px 20px 20px}.platformContainer .itemPlatform .intr[data-v-725d1773]{font-size:1.2rem;font-weight:700;padding:0 20px 10px 20px}.platformContainer .itemPlatform .funcdetail[data-v-725d1773]{font-size:1.2rem;line-height:1.6rem;flex-grow:1;padding:20px}.platformContainer .itemPlatform img[data-v-725d1773]{flex-shrink:0;width:100%;-o-object-fit:cover;object-fit:cover}.platformContainer .itemPlatform:first-child .itemName[data-v-725d1773]{color:#744f9d}.platformContainer .itemPlatform:first-child .intr[data-v-725d1773]{color:#b596d8}.platformContainer .itemPlatform:first-child .funcdetail[data-v-725d1773]{color:#b09bc7}.platformContainer .itemPlatform:nth-child(2) .itemName[data-v-725d1773]{color:#0c6fb7}.platformContainer .itemPlatform:nth-child(2) .intr[data-v-725d1773]{color:#5d97c1}.platformContainer .itemPlatform:nth-child(2) .funcdetail[data-v-725d1773]{color:#afd2ec}.platformContainer .itemPlatform:nth-child(3) .itemName[data-v-725d1773]{color:#00755a}.platformContainer .itemPlatform:nth-child(3) .intr[data-v-725d1773]{color:#3ba68e}.platformContainer .itemPlatform:nth-child(3) .funcdetail[data-v-725d1773]{color:#7be3cc}.platformContainer .itemPlatform:nth-child(4) .itemName[data-v-725d1773]{color:#c44105}.platformContainer .itemPlatform:nth-child(4) .intr[data-v-725d1773]{color:#ec7e4b}.platformContainer .itemPlatform:nth-child(4) .funcdetail[data-v-725d1773]{color:#e38b64}.myFooter[data-v-725d1773]{background-color:#191d30;color:#9fa6c6;padding:20px 40px;font-size:.8rem;line-height:1.6rem}.myFooter a[data-v-725d1773]{color:#9fa6c6;text-decoration:none;padding-left:20px}.myFooter .footerContent[data-v-725d1773]{display:flex;justify-content:space-between}.myFooter .footerContent .right img[data-v-725d1773]{width:80px;border-radius:6px}.myFooter .copyRight[data-v-725d1773]{padding:10px 0;text-align:center}@media(max-width:960px){.mainContent .courseList[data-v-725d1773],.mainContent .platformContainer[data-v-725d1773]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.pageHeader[data-v-725d1773]{flex-direction:column}.pageHeader .right[data-v-725d1773]{margin:10px 0}.mainContent .courseList[data-v-725d1773],.mainContent .platformContainer[data-v-725d1773]{grid-template-columns:repeat(1,1fr)}.footerContent[data-v-725d1773]{flex-direction:column}}@media(max-width:400px){.mainContent .courseList[data-v-725d1773]{grid-template-columns:repeat(1,1fr)}}.pageLeftBar[data-v-eecd088e]{flex-shrink:0;width:100%;display:flex;flex-direction:column;align-items:center}.divLogo[data-v-eecd088e]{display:flex;align-items:center;width:100%;min-width:var(--topLogoMinWidth);padding:30px 10px 30px 30px;cursor:pointer}.divLogo .myLogo[data-v-eecd088e]{width:40px;height:40px;margin-right:10px}.divLogo .divTitle[data-v-eecd088e]{font-size:1.5rem;font-weight:700}.rowLinks[data-v-eecd088e]{margin-bottom:20px;width:80%;height:50px;font-weight:700}.rowLinks a[data-v-eecd088e]{width:100%;height:100%;border-radius:50px;display:flex;align-items:center;font-size:.9rem;color:var(--leftBarTextColor);cursor:pointer}.rowLinks a img[data-v-eecd088e]{width:24px;-o-object-fit:contain;object-fit:contain;margin:0 10% 0 15%}.rowLinks a.active[data-v-eecd088e],.rowLinks a.router-link-active[data-v-eecd088e],.rowLinks a.router-link-exact-active[data-v-eecd088e]{background-color:var(--boboPink);color:var(--leftBarTextColorActive);background-color:var(--leftBarBoxBg);border:1px solid var(--pageBoxBorder);box-shadow:1px 1px 5px var(--pageBoxShadow)}.loading-overlay[data-v-530a25ac]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);color:#fff;display:flex;justify-content:center;align-items:center;z-index:9999}.loading-spinner[data-v-530a25ac]{text-align:center}.loading-spinner img[data-v-530a25ac]{width:2vw;min-width:30px;filter:grayscale(.5);margin-bottom:10px;animation:spin-530a25ac 3s linear infinite}@keyframes spin-530a25ac{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}.myBasePage{height:100%;width:100%;min-width:400px;overflow:scroll;margin:0 auto;background-color:var(--pageBg);color:var(--pageTextColor);display:flex}.divPageLeft{flex-shrink:0;width:var(--leftBarWidth);min-width:var(--leftBarMinWidth);max-width:var(--leftBarMaxWidth)}.divPageRight{flex-grow:1;height:100%;padding:10px 20px 10px 10px;overflow-y:scroll}:root{--logoTextColor:#4673f4;--pageBg:#f9fafc;--pageTextColor:#333;--pageLabelColor:#888;--colorBlue:#7287fa;--colorDarkBlue:#266bf3;--colorGreen:#81cc7f;--colorDarkGreen:#2ab826;--colorOrange:#ee9a3a;--colorDarkOrange:#f78809;--colorLightOrange:#f7cc9a55;--colorRed:#f56c6c;--colorDarkRed:#ff1c1c;--colorGray:#ccc;--colorDarkGray:#999;--colorSuccess:#f0f9eb;--colorSuccessDark:#69c33d;--modalBg:rgba(0,0,0,.5);--pageBoxBg:#fff;--pageBoxBorder:#fff;--pageBoxInsideBorder:#e5e8ef;--pageBoxShadow:rgba(0,0,0,.05);--pageBoxSubTitleBg:#eee;--pageBoxSubTitleTxt:#101010;--topLogoMinWidth:220px;--leftBarWidth:16%;--leftBarMinWidth:140px;--leftBarMaxWidth:230px;--leftBarTextColor:#333;--leftBarTextColorActive:#7287fa;--leftBarBoxBg:#f5f7ff;--mainContentBg:#f1f2f7;--GsSwitchBg:#fafafc;--GsSelectBg:#fafafc;--tableCellBg:#fafbfd;--tableBorderColor:#e8ebff}.theme-dark{--pageBg:#0e0f12;--pageTextColor:#fff;--pageBoxBg:#1e1f25;--pageBoxBorder:#2a2b33;--pageBoxInsideBorder:#25262d;--pageBoxSubTitleBg:#18191e;--pageBoxSubTitleTxt:#fff;--leftBarTextColor:#78797d;--leftBarTextColorActive:#fff;--leftBarBoxBg:#7287fa;--mainContentBg:#090a0c;--GsSwitchBg:#141519;--GsSelectBg:#141519;--tableCellBg:none;--tableBorderColor:#2d2e36}*{margin:0;padding:0;box-sizing:border-box;font-family:Microsoft YaHei,Poppins;list-style:none;text-decoration:none;outline:none;border:none;transition:all .2s linear;scroll-behavior:smooth;scrollbar-width:none}::-webkit-scrollbar{display:none}.myBgDarkBlue{background-color:var(--colorDarkBlue);color:#fff}.myBgOrange{background-color:var(--colorDarkOrange);color:#fff}.myBgDarkGreen{background-color:var(--colorDarkGreen);color:#fff}.myBgRed{background-color:var(--colorDarkRed);color:#fff}.myTextDarkBlue{color:var(--colorDarkBlue)}.myTextOrange{color:var(--colorDarkOrange)}.myTextDarkGreen{color:var(--colorDarkGreen)}.myTextRed{color:var(--colorDarkRed)}.myBtnCommon{width:100%;height:40px;border-radius:4px;line-height:40px;padding:0 6px;margin-bottom:10px;text-align:center;font-size:.8rem;cursor:pointer}.mySingleLineText{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.myDoubleLineText{-webkit-line-clamp:2;line-clamp:2}.myDoubleLineText,.myThipleLineText{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.myThipleLineText{-webkit-line-clamp:3;line-clamp:3}#app,.myContent,body,html{width:100%;height:100%}image,img{-o-object-fit:contain;object-fit:contain}.myMainContent{background-color:var(--mainContentBg);border-radius:20px;padding:20px}.myPageBox{background-color:var(--pageBoxBg);border:1px solid var(--pageBoxBorder);border-radius:8px;box-shadow:1px 1px 5px var(--pageBoxShadow)}.myPageBoxContent{padding:10px}.myPageBoxSubTitle{padding:12px 10px;margin-bottom:10px;border-radius:4px;background-color:var(--pageBoxSubTitleBg);color:var(--pageBoxSubTitleTxt)}.myTransparent{background-color:transparent;border:none;box-shadow:none}.mySearchRow{display:flex;align-items:center;height:50px;background-color:var(--pageBoxSubTitleBg);color:var(--pageLabelColor);border-top-left-radius:4px;border-top-right-radius:4px;padding:0 20px;margin:10px 0}.commonTblWrapper{width:100%;overflow:hidden;margin-top:10px}.commonTblWrapper .commonTable{width:100%;overflow:hidden;border-collapse:collapse;border:1px solid var(--tableBorderColor);font-size:.9rem}.commonTblWrapper .commonTable td,.commonTblWrapper .commonTable th{width:150px;height:40px;border-bottom:1px solid var(--tableBorderColor);padding:0 10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:left}.commonTblWrapper .commonTable th{background-color:var(--tableCellBg);font-weight:600}.commonTblWrapper .commonTable .myCheckbox{width:16px!important;margin:0 10px}.commonTblWrapper .commonTable .commonTableBtn{padding:4px 10px;font-size:.8rem;border-radius:4px;cursor:pointer;margin-left:14px;background-color:var(--colorGray);color:#fff}.commonTblWrapper .commonTable .commonTableBtn:hover{background-color:var(--colorDarkGray)}.commonTblWrapper .commonTable .commonTableBtn:first-child{margin-left:0}.commonTblWrapper .commonTable .dangerBtn{background-color:var(--colorRed);color:#fff}.commonTblWrapper .commonTable .dangerBtn:hover{background-color:var(--colorDarkRed)}.commonTblWrapper .commonTable .addBtn{background-color:var(--colorOrange);color:#fff}.commonTblWrapper .commonTable .addBtn:hover{background-color:var(--colorDarkOrange)}.commonTblWrapper .commonTable .successBtn{background-color:var(--colorGreen);color:#fff}.commonTblWrapper .commonTable .successBtn:hover{background-color:var(--colorGreen)}.commonTblWrapper .commonTable .detailBtn{background-color:var(--colorBlue);color:#fff}.commonTblWrapper .commonTable .detailBtn:hover{background-color:var(--colorDarkBlue)}.comonDataRow{display:flex;flex-wrap:wrap}.comonDataRow .rowItem{width:46%;margin:0 2%;flex-shrink:0;margin-bottom:20px;font-size:.9rem}.comonDataRow .rowItem .divRowLabel{display:flex;align-items:center;justify-content:space-between}.comonDataRow .rowItem .divRowLabel .rowLabel{display:block;margin-left:5px;margin-bottom:10px;font-weight:700}.comonDataRow .rowItem .divRowLabel .rowLabel span{font-size:1.2rem;color:red;margin-left:5px;font-weight:700}.comonDataRow .rowItem input,.comonDataRow .rowItem select,.comonDataRow .rowItem textarea{border:1px solid var(--pageBoxInsideBorder);border-radius:4px;display:flex;align-items:center;font-size:.8rem;flex-shrink:1;width:100%;padding-left:6px;background-color:transparent;height:32px;color:var(--pageLabelColor)}.comonDataRow .rowItem textarea{resize:none;padding-top:6px;height:100px}.comonDataRow .rowItem .el-cascader input{border:none}.comonDataRow .rowItem .el-pagination input{border:none;padding:0}.myCommonRowRouterLink{background-color:var(--pageBoxSubTitleBg);color:var(--pageTextColor);padding:6px 10px;border-radius:6px;margin-bottom:4px;margin-right:6px;font-size:.9rem;cursor:pointer}.comonDialogRow{display:flex;padding:10px 20px;align-items:center}.comonDialogRow label{width:30%}.comonDialogRow label span{color:red;margin-left:5px}.myDialogRow{line-height:2rem}.myDialogRow span{color:var(--colorDarkBlue)}.subTitleBtnAdd{background-color:var(--colorDarkOrange);color:#fff;margin-right:20px}.subTitleBtnRelate{background-color:var(--colorGreen);color:#fff}