.page-content-class{display:flex;flex:1;flex-direction:column;font-size:14px;height:100%;padding:20px;width:100%}.page-content-class .search-panel{background-color:#fff;border:1px solid #e4e7ed;border-radius:6px;display:flex;flex-wrap:wrap;gap:10px;height:auto;margin-bottom:10px;padding:18px;width:100%}.page-content-class .search-panel .search-row{align-items:center;display:flex;margin-right:10px}.page-content-class .search-panel .search-row label{flex-shrink:0}.page-content-class .search-panel .search-btn{justify-content:flex-end;margin-left:auto}.page-content-class .table-content{background-color:#fff;border:1px solid #e4e7ed;border-radius:6px;display:flex;flex:1;flex-direction:column;padding:18px;width:100%}.page-content-class .table-content .operation{display:flex;height:45px;width:100%}.page-content-class .table-content .operation .right{justify-content:flex-end;margin-left:auto}.page-content-class .table-content .el-table{flex:1;width:100%}.page-content-class .table-content .el-table .el-table__header th.el-table__cell{background-color:#f4f4f5!important;color:#323639;font-size:15px;font-weight:700;height:45px}.page-content-class .table-content .page-component{align-items:center;display:flex;height:45px;justify-content:flex-end;margin-top:10px;width:100%}.page-content-class .course-class{display:flex;flex-direction:column;padding:0}.page-content-class .course-class .course-head{align-items:center;display:flex;height:60px;justify-content:center;line-height:60px}.page-content-class .course-class .course-head .head-title{font-size:16px;font-weight:500;text-align:center;width:260px}.page-content-class .course-class .course-content{display:flex;flex:1;width:100%}.page-content-class .panel-class{border-radius:6px;box-shadow:0 0 10px #0000001a;box-sizing:content-box;display:flex;flex-direction:column;height:100%}.page-content-class .panel-class .panel-head-class{align-items:center;border-bottom:1px solid #e4e7ed;display:flex;flex-shrink:0;height:50px;padding:0 20px}.page-content-class .panel-class .panel-head-class .title{align-items:center;display:flex;font-size:17px;font-weight:700;gap:6px}.page-content-class .panel-class .panel-head-class .title .clear-icon{cursor:pointer;height:20px;width:20px}.page-content-class .panel-class .panel-head-class .right{justify-content:flex-end;margin-left:auto}.page-content-class .panel-class .panel-content-class{display:flex;flex:1;flex-direction:column;padding:20px}.page-content-class .compulsory{background:linear-gradient(135deg,#e6f7ff,#bae7ff);border:1px solid #91d5ff!important;color:#1890ff!important}.page-content-class .elective{background:linear-gradient(135deg,#f6ffed,#d9f7be);border:1px solid #b7eb8f!important;color:#52c41a!important}.el-loading-mask{background-color:transparent!important}.el-loading-mask circle{stroke:transparent!important}.mode-loading-class circle{stroke:#fff!important}.mode-loading-class .el-loading-text{color:#fff!important}.el-empty{padding:0!important}.el-dialog{margin-top:5%!important}.el-popper.is-dark{max-width:400px!important}.role-tag{align-items:center;display:flex;flex-direction:column;gap:5px}.el-input__inner:-webkit-autofill{background:#fff6!important;-webkit-transition:background 5000s ease-in-out 0s!important;transition:background 5000s ease-in-out 0s!important}