.flex-center[data-v-2f729608]{display:flex;align-items:center;justify-content:center}.flex-between[data-v-2f729608]{display:flex;align-items:center;justify-content:space-between}.flex-center-start[data-v-2f729608]{display:flex;align-items:center;justify-content:flex-start}.flex-top-start[data-v-2f729608]{align-items:flex-start;justify-content:flex-start}.flex-center-end[data-v-2f729608]{display:flex;align-items:center;justify-content:flex-end}.flex-start-between[data-v-2f729608]{display:flex;align-items:flex-start;justify-content:space-between}.flex-start-center[data-v-2f729608]{display:flex;align-items:flex-start;justify-content:center}.flex-center-column[data-v-2f729608]{display:flex;align-items:center;flex-direction:column;justify-content:center}.flex-start-column[data-v-2f729608]{display:flex;align-items:center;flex-direction:column;justify-content:flex-start}.flex-top-start[data-v-2f729608]{display:flex}.flex-1[data-v-2f729608]{flex:1}.mb20[data-v-2f729608]{margin-bottom:20px!important}.mt20[data-v-2f729608]{margin-top:20px!important}.mt10[data-v-2f729608]{margin-top:10px!important}.ml20[data-v-2f729608]{margin-left:20px!important}.mb16[data-v-2f729608]{margin-bottom:16px!important}.red[data-v-2f729608]{color:#cd3333}.green[data-v-2f729608]{color:#3cb371}.relative[data-v-2f729608]{position:relative}.absulote-center-right[data-v-2f729608]{position:absolute;top:50%;right:0;transform:translateY(-50%)}.absulote-center-left[data-v-2f729608]{position:absolute;top:50%;left:0;transform:translate(-50%)}.h3[data-v-2f729608]{height:34px;line-height:22px;font-size:14px;padding-bottom:12px;border-bottom:1px solid #f1f1f1;color:#666;font-weight:700}.h5[data-v-2f729608]{margin:24px 0 24px 6px;padding-left:6px;height:22px;line-height:22px;font-size:14px;position:relative;display:block}.h5[data-v-2f729608]:before{content:"";display:block;width:2px;height:12px;background:#2787fe;position:absolute;top:50%;left:0;transform:translateY(-50%)}.search-container[data-v-2f729608]{padding:20px 16px;background-color:#fff;padding-bottom:0}.el-button--primary.is-plain[data-v-2f729608]{background:#fff;border:1px solid #1890ff;color:#1890ff}.el-button--primary.is-plain[data-v-2f729608]:hover{border-color:#c6e2ff;background-color:#ecf5ff}.right-part-list[data-v-2f729608]{margin-left:20px;height:100%;overflow:auto}.list-container[data-v-2f729608]{padding:16px;background:#fff}.list-container .line[data-v-2f729608]{width:100%;height:1px;background-color:#dcdfe6;margin-top:10px;margin-bottom:20px}.search-container[data-v-2f729608]{display:flex;justify-content:space-between;border-bottom:12px solid #f2f2f6;padding-bottom:20px}.search-container .name-input[data-v-2f729608]{width:200px;margin-right:12px;margin-bottom:20px}.name-input[data-v-2f729608]{margin-bottom:20px}.home-container[data-v-2f729608]{flex:1;background:#fff;padding:0 32px 32px;overflow:auto}.home-container .home-title[data-v-2f729608]{font-weight:500;color:#000;margin-top:8px;margin-left:14px;margin-bottom:16px;font-size:16px}.right-content[data-v-2f729608]{width:calc(100vw - 248px)}.main .courseType[data-v-2f729608]{background:linear-gradient(90deg,#1da1f2,#009ffc)}.main .triangle-topleft[data-v-2f729608]{width:0;height:0;border-top:3px solid #273676;border-right:4px solid transparent;position:relative;left:44px}.main .optional[data-v-2f729608]{background:linear-gradient(90deg,#ff512f,#dd2476)}.main .triangle-topleft-optional[data-v-2f729608]{width:0;height:0;border-top:3px solid #900e3e;border-right:4px solid transparent;position:relative;left:56px}.flex-center[data-v-0b255cbb]{display:flex;align-items:center;justify-content:center}.flex-between[data-v-0b255cbb]{display:flex;align-items:center;justify-content:space-between}.flex-center-start[data-v-0b255cbb]{display:flex;align-items:center;justify-content:flex-start}.flex-top-start[data-v-0b255cbb]{align-items:flex-start;justify-content:flex-start}.flex-center-end[data-v-0b255cbb]{display:flex;align-items:center;justify-content:flex-end}.flex-start-between[data-v-0b255cbb]{display:flex;align-items:flex-start;justify-content:space-between}.flex-start-center[data-v-0b255cbb]{display:flex;align-items:flex-start;justify-content:center}.flex-center-column[data-v-0b255cbb]{display:flex;align-items:center;flex-direction:column;justify-content:center}.flex-start-column[data-v-0b255cbb]{display:flex;align-items:center;flex-direction:column;justify-content:flex-start}.flex-top-start[data-v-0b255cbb]{display:flex}.flex-1[data-v-0b255cbb]{flex:1}.mb20[data-v-0b255cbb]{margin-bottom:20px!important}.mt20[data-v-0b255cbb]{margin-top:20px!important}.mt10[data-v-0b255cbb]{margin-top:10px!important}.ml20[data-v-0b255cbb]{margin-left:20px!important}.mb16[data-v-0b255cbb]{margin-bottom:16px!important}.red[data-v-0b255cbb]{color:#cd3333}.green[data-v-0b255cbb]{color:#3cb371}.relative[data-v-0b255cbb]{position:relative}.absulote-center-right[data-v-0b255cbb]{position:absolute;top:50%;right:0;transform:translateY(-50%)}.absulote-center-left[data-v-0b255cbb]{position:absolute;top:50%;left:0;transform:translate(-50%)}.h3[data-v-0b255cbb]{height:34px;line-height:22px;font-size:14px;padding-bottom:12px;border-bottom:1px solid #f1f1f1;color:#666;font-weight:700}.h5[data-v-0b255cbb]{margin:24px 0 24px 6px;padding-left:6px;height:22px;line-height:22px;font-size:14px;position:relative;display:block}.h5[data-v-0b255cbb]:before{content:"";display:block;width:2px;height:12px;background:#2787fe;position:absolute;top:50%;left:0;transform:translateY(-50%)}.search-container[data-v-0b255cbb]{padding:20px 16px;background-color:#fff;padding-bottom:0}.el-button--primary.is-plain[data-v-0b255cbb]{background:#fff;border:1px solid #1890ff;color:#1890ff}.el-button--primary.is-plain[data-v-0b255cbb]:hover{border-color:#c6e2ff;background-color:#ecf5ff}.right-part-list[data-v-0b255cbb]{margin-left:20px;height:100%;overflow:auto}.list-container[data-v-0b255cbb]{padding:16px;background:#fff}.list-container .line[data-v-0b255cbb]{width:100%;height:1px;background-color:#dcdfe6;margin-top:10px;margin-bottom:20px}.search-container[data-v-0b255cbb]{display:flex;justify-content:space-between;border-bottom:12px solid #f2f2f6;padding-bottom:20px}.search-container .name-input[data-v-0b255cbb]{width:200px;margin-right:12px;margin-bottom:20px}.name-input[data-v-0b255cbb]{margin-bottom:20px}.home-container[data-v-0b255cbb]{flex:1;background:#fff;padding:0 32px 32px;overflow:auto}.home-container .home-title[data-v-0b255cbb]{font-weight:500;color:#000;margin-top:8px;margin-left:14px;margin-bottom:16px;font-size:16px}.right-content[data-v-0b255cbb]{width:calc(100vw - 248px)}.collegeTop[data-v-0b255cbb]{height:100%;width:100%;overflow-y:auto;background-color:#fff}.collegeTop .myBreadcrumb[data-v-0b255cbb]{width:calc(100% - 24px);height:40px;font-size:14px;font-family:Microsoft YaHei-Regular,Microsoft YaHei;font-weight:400;color:#333;line-height:40px;padding-left:24px}.collegeTop .college[data-v-0b255cbb]{background-color:#fff;padding:24px;width:calc(100% - 48px)}.collegeTop .college .serchDiv[data-v-0b255cbb]{width:100%;height:auto}.collegeTop .college .serchDiv .serchForm[data-v-0b255cbb]{width:100%;height:42px;display:flex;justify-content:space-between}.collegeTop .college .serchDiv .serchForm .formLeft[data-v-0b255cbb]{height:100%}.collegeTop .college .serchDiv .serchForm .formLeft .searchImg[data-v-0b255cbb]{width:42px;height:42px;vertical-align:middle}.collegeTop .college .serchDiv .serchForm .formLeft .searchText[data-v-0b255cbb]{font-size:18px;font-family:Microsoft YaHei-Bold,Microsoft YaHei;font-weight:700;color:#333;line-height:22px;margin-left:16px}.collegeTop .college .serchDiv .serchForm .formRight .searchInput[data-v-0b255cbb]{width:300px}.collegeTop .college .serchDiv .clmRow[data-v-0b255cbb]{display:flex;margin-top:36px}.collegeTop .college .serchDiv .clmRow .clmRow2[data-v-0b255cbb]{display:flex;flex-wrap:wrap}.collegeTop .college .serchDiv .clmRow .clmRowName[data-v-0b255cbb]{font-size:14px;font-family:MicrosoftYaHeiSemibold;color:#323233;padding:4px 0 6px;margin-left:18px;word-break:keep-all}.collegeTop .college .serchDiv .clmRow .checked[data-v-0b255cbb]{padding:4px 10px 6px;background:#deefff;border-radius:4px;color:#1890ff;cursor:pointer}.collegeTop .college .serchDiv .clmRow .noCheck[data-v-0b255cbb]{padding:4px 10px 6px;cursor:pointer}.collegeTop .college .serchDiv .clmRow div[data-v-0b255cbb]{margin-right:20px;font-size:14px;font-family:MicrosoftYaHei;color:#666}.collegeTop .college .serchDiv .clmRow1[data-v-0b255cbb]{margin-top:20px}.collegeTop .college .serchDiv .searchLine[data-v-0b255cbb]{width:100%;height:1px;background:#dcdfe6;margin-top:20px}.collegeTop .college .serchDiv .searchTab[data-v-0b255cbb]{display:flex;justify-content:space-between;padding-top:20px}.collegeTop .college .serchDiv .searchTab .myTabs[data-v-0b255cbb]{width:165px;margin-left:18px}.collegeTop .college .serchDiv .searchTab .userCourseStatus[data-v-0b255cbb]{display:flex;margin-top:10px}.collegeTop .college .serchDiv .searchTab .userCourseStatus .modifyBtn[data-v-0b255cbb]{margin-left:12px}.collegeTop .college .mianClass[data-v-0b255cbb]{width:100%;height:auto;background-color:#fff}.collegeTop .college .mianClass .classTab[data-v-0b255cbb]{margin-top:20px;margin-bottom:4px;display:inline-block;width:18.09%;height:256px;vertical-align:middle}.collegeTop .college .mianClass .classTab .imgDiv[data-v-0b255cbb]{width:100%;height:140px;border-radius:4px 4px 0 0;position:relative}.collegeTop .college .mianClass .classTab .imgDiv .classImg[data-v-0b255cbb]{width:100%;height:140px;display:block;background-size:100% 100%;cursor:pointer}.collegeTop .college .mianClass .classTab .imgDiv .speed[data-v-0b255cbb]{display:inline-block;position:relative;bottom:126px;width:57px;padding-right:12px;height:22px;background:rgba(0,0,0,.6);border-radius:0 20px 20px 0;opacity:1;line-height:22px;padding-left:12px;font-size:12px;color:#fff}.collegeTop .college .mianClass .classTab .imgDiv .speed1[data-v-0b255cbb]{display:inline-block;position:relative;bottom:126px;width:56px;padding-right:12px;height:22px;background:transparent;padding-left:12px}.collegeTop .college .mianClass .classTab .imgDiv .compulsory[data-v-0b255cbb]{display:inline-block;width:48px;height:24px;opacity:1;color:#fff;text-align:center;line-height:24px;position:absolute;right:-4px;top:20px}.collegeTop .college .mianClass .classTab .imgDiv .optional[data-v-0b255cbb]{display:inline-block;width:60px;height:24px;opacity:1;color:#fff;text-align:center;line-height:24px;position:absolute;right:-4px;top:20px}.collegeTop .college .mianClass .classTab .imgDiv div .overdue[data-v-0b255cbb]{position:relative;padding:0 12px;bottom:48px;height:24px;background:linear-gradient(90deg,#e65c00,#f9d423);border-radius:20px 0 0 0;opacity:1;display:inline-block;color:#fff;line-height:24px;float:right}.collegeTop .college .mianClass .classTab .imgDiv div .overdued[data-v-0b255cbb]{background:linear-gradient(90deg,#ff512f,#dd2476)}.collegeTop .college .mianClass .classTab .mainContent[data-v-0b255cbb]{height:116px;box-shadow:0 4px 6px 0 #e9edf0;border-radius:0;padding:12px;font-family:Microsoft YaHei-Regular,Microsoft YaHei;font-weight:400;box-sizing:border-box}.collegeTop .college .mianClass .classTab .mainContent .content[data-v-0b255cbb]{height:44px;font-size:14px;color:#333;line-height:22px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-height:40px;font-size:12px;color:#8f959e;line-height:1.5}.collegeTop .college .mianClass .classTab .mainContent .complete[data-v-0b255cbb]{width:52px;height:22px;border:1px solid #34c759;border-radius:2px;font-size:12px;color:#34c759;line-height:22px;text-align:center;margin-top:4px}.collegeTop .college .mianClass .classTab .mainContent .complete1[data-v-0b255cbb]{width:118px;border-color:#f68924;color:#f68924}.collegeTop .college .mianClass .classTab .mainContent .complete2[data-v-0b255cbb]{width:100%;height:22px;margin-top:4px}.collegeTop .college .mianClass .classTab .mainContent .remake[data-v-0b255cbb]{width:100%;height:18px;margin-top:4px;display:flex;justify-content:space-between;font-size:12px;color:#999;line-height:18px}.collegeTop .college .mianClass .classTab .mainContent .remake .mr4[data-v-0b255cbb]{margin-right:4px}.collegeTop .college .mianClass .classTab .mainContent .remake .mt4[data-v-0b255cbb]{margin-top:4px}.collegeTop .college .mianClass .classTab .mainContent .remake .mr16[data-v-0b255cbb]{margin-right:16px}.collegeTop .college .mianClass .classTab[data-v-0b255cbb]:nth-of-type(5n+1),.collegeTop .college .mianClass .classTab[data-v-0b255cbb]:nth-of-type(5n+2),.collegeTop .college .mianClass .classTab[data-v-0b255cbb]:nth-of-type(5n+3),.collegeTop .college .mianClass .classTab[data-v-0b255cbb]:nth-of-type(5n+4){padding-right:2.1%}