.el-empty{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 0}.el-empty__image{width:160px}.el-empty__description{margin-top:20px}.el-empty__description p{font-size:14px;color:#5e6d82;line-height:1.5em}.chorse-choose-teacher-dlg .el-dialog__body{padding:10px 20px 20px 20px}.chorse-choose-teacher-dlg .input-search{border-radius:16px;-webkit-box-shadow:0 2px 6px 0 #ccc;box-shadow:0 2px 6px 0 #ccc}.chorse-choose-teacher-dlg .input-search>:first-child{border-top-left-radius:16px;border-bottom-left-radius:16px}.chorse-choose-teacher-dlg .input-search>:last-child{border-top-right-radius:16px;border-bottom-right-radius:16px}.chorse-choose-teacher-dlg .side-box{padding:20px;height:300px;border-radius:10px;-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.14);box-shadow:0 2px 6px 0 rgba(0,0,0,.14)}.chorse-choose-teacher-dlg .alternative-teachers{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:calc(100% - 40px);overflow-y:auto;margin-top:10px}.chorse-choose-teacher-dlg .alternative-teachers>label{margin:3px 0}.chorse-choose-teacher-dlg .alternative-teachers::-webkit-scrollbar{display:block;width:12px;height:12px}.chorse-choose-teacher-dlg .alternative-teachers::-webkit-scrollbar-track{border-radius:6px;background-color:#fafafa}.chorse-choose-teacher-dlg .alternative-teachers::-webkit-scrollbar-track:hover{background-color:#f5f5f5}.chorse-choose-teacher-dlg .alternative-teachers::-webkit-scrollbar-thumb{border-radius:6px;background-color:#aaa}.chorse-choose-teacher-dlg .alternative-teachers::-webkit-scrollbar-thumb:hover{background-color:#999}.chorse-choose-teacher-dlg .selected-teacher-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;list-style-type:none;margin:10px 0;height:calc(100% - 26px);padding:0 10px 0 0;overflow-y:auto}.chorse-choose-teacher-dlg .selected-teacher-list li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:5px 0;padding:3px 10px;border:1px solid hsla(0,0%,82.4%,.4);border-radius:5px;background-color:hsla(0,0%,95.7%,.4)}.chorse-choose-teacher-dlg .selected-teacher-list li .el-image{width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,0,0,.1);overflow:hidden}.chorse-choose-teacher-dlg .selected-teacher-list li .name{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 10px}.chorse-choose-teacher-dlg .selected-teacher-list li .el-icon-close:hover{cursor:pointer}.chorse-choose-teacher-dlg .selected-teacher-list::-webkit-scrollbar{display:block;width:12px;height:12px}.chorse-choose-teacher-dlg .selected-teacher-list::-webkit-scrollbar-track{border-radius:6px;background-color:#fafafa}.chorse-choose-teacher-dlg .selected-teacher-list::-webkit-scrollbar-track:hover{background-color:#f5f5f5}.chorse-choose-teacher-dlg .selected-teacher-list::-webkit-scrollbar-thumb{border-radius:6px;background-color:#aaa}.chorse-choose-teacher-dlg .selected-teacher-list::-webkit-scrollbar-thumb:hover{background-color:#999}.create-association-container{margin:0 auto 40px auto;width:960px}.create-association-container .main-form .el-card{margin-bottom:30px}.create-association-container .grades.el-checkbox-group{-webkit-box-flex:1;-ms-flex:1;flex:1;display:grid;grid-template-columns:repeat(auto-fill,95px);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.create-association-container .grades .el-checkbox-button{margin-bottom:10px}.create-association-container .grades .el-checkbox-button__inner{width:100%;border-left:1px solid #dcdfe6;border-radius:4px!important}.create-association-container .select-student-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.create-association-container .select-student-section .left .el-checkbox-group::-webkit-scrollbar,.create-association-container .select-student-section .right .selected-face-templates::-webkit-scrollbar{display:block;width:12px;height:12px}.create-association-container .select-student-section .left .el-checkbox-group::-webkit-scrollbar-track,.create-association-container .select-student-section .right .selected-face-templates::-webkit-scrollbar-track{border-radius:6px;background-color:#fafafa}.create-association-container .select-student-section .left .el-checkbox-group::-webkit-scrollbar-track:hover,.create-association-container .select-student-section .right .selected-face-templates::-webkit-scrollbar-track:hover{background-color:#f5f5f5}.create-association-container .select-student-section .left .el-checkbox-group::-webkit-scrollbar-thumb,.create-association-container .select-student-section .right .selected-face-templates::-webkit-scrollbar-thumb{border-radius:6px;background-color:#aaa}.create-association-container .select-student-section .left .el-checkbox-group::-webkit-scrollbar-thumb:hover,.create-association-container .select-student-section .right .selected-face-templates::-webkit-scrollbar-thumb:hover{background-color:#999}.create-association-container .select-student-section .left{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-bottom:0}.create-association-container .select-student-section .left .el-checkbox-group{max-height:250px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-y:auto}.create-association-container .select-student-section .left .el-checkbox{margin:5px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.create-association-container .select-student-section .left .el-checkbox__label{width:100%}.create-association-container .select-student-section .left .to-be-selected-facetemplate{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:13px}.create-association-container .select-student-section .left .to-be-selected-facetemplate .class,.create-association-container .select-student-section .left .to-be-selected-facetemplate .name{-webkit-box-flex:1;-ms-flex:1;flex:1}.create-association-container .select-student-section .right{-webkit-box-flex:2;-ms-flex:2;flex:2;margin-left:20px;margin-bottom:0}.create-association-container .select-student-section .right .selected-face-templates{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:10px 0;padding:0 10px 0 0;max-height:250px;overflow-y:auto}.create-association-container .select-student-section .right .selected-face-templates li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:6px 0;padding:4px 10px 4px 4px;border:1px solid #d2d2d2;border-radius:5px;font-size:13px;background-color:#f4f4f4}.create-association-container .select-student-section .right .selected-face-templates li .el-image{width:32px;height:32px;margin-right:20px;border-radius:3px}.create-association-container .select-student-section .right .selected-face-templates li .class,.create-association-container .select-student-section .right .selected-face-templates li .name{-webkit-box-flex:1;-ms-flex:1;flex:1}.create-association-container .select-student-section .right .selected-face-templates li .el-icon-close{cursor:pointer}.create-association-container .teacher-avatar-uploader{width:140px;height:160px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;background-color:#e8efff}.create-association-container .teacher-avatar-uploader .el-icon-circle-plus{width:100%;font-size:4em;color:#409eff}.create-association-container .teacher-avatar-uploader .teacher-avatar{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.create-association-container .icon-remove-reacher{position:absolute;right:5px;top:5px;z-index:999;cursor:pointer;font-size:2em;-webkit-transition:color .3s;transition:color .3s;color:rgba(0,0,0,.3)}.create-association-container .icon-remove-reacher:hover{color:rgba(0,0,0,.6)}.create-association-container .cover-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.create-association-container .cover-section .left{-webkit-box-flex:2;-ms-flex:2;flex:2}.create-association-container .cover-section .right{-webkit-box-flex:3;-ms-flex:3;flex:3;margin-left:30px}.create-association-container .cover-section .right .preset-cover-list{display:grid;grid-template-columns:1fr 1fr 1fr;grid-row-gap:18px;grid-column-gap:40px}.create-association-container .cover-section .right .preset-cover-list .preset-cover{cursor:pointer;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.3);box-shadow:0 2px 2px rgba(0,0,0,.3);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;background-color:#999}.create-association-container .cover-section .right .preset-cover-list .preset-cover:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.create-association-container .cover-section .right .preset-cover-list .preset-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.create-association-container .cover-uploader{width:100%;height:260px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;background-color:#e8efff}.create-association-container .cover-uploader .el-icon-circle-plus{width:100%;margin-bottom:10px;font-size:4em;color:#409eff}.create-association-container .cover-uploader .cover-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.create-association-container .actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.create-association-container .w-e-up-video-container>div:first-of-type{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.create-association-container .w-e-up-video-container>div:first-of-type:after{content:"\6700\591A\53EA\80FD\4E0A\4F20  3\4E2A\89C6\9891\FF0C\5355\4E2A\89C6\9891\4E0D\8D85\8FC7  100M";font-size:12px;margin:10px;color:#666!important}.create-association-container .w-e-text-container{min-height:300px!important;height:auto!important}.cropper-content .cropper{width:auto;height:400px}ul.error-messages{list-style-type:none;padding:0;margin-left:10px}ul.error-messages li{margin:5px 0;padding:0;color:#666}ul.error-messages li .student-name{width:60px;color:#f56c6c}ul.error-messages li .course-name{margin-left:10px;width:150px;color:#f56c6c}ul.error-messages li .course-name,ul.error-messages li .student-name{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ul.error-messages+.notify{margin:20px 10px 0 10px;font-weight:700;color:#ff4949}