.course-list[data-v-38ec3df2]{position:absolute;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);border-radius:10px;height:100%;background-image:linear-gradient(#d8ebff,#fff);z-index:10;width:100%;display:flex;flex-direction:column}.course-list .course-title-container[data-v-38ec3df2]{width:100%;display:flex;align-items:center;justify-content:space-between;border-radius:10px 10px 0 0;height:60px;background-color:#06c;line-height:60px;box-shadow:inset 0 -23px 25px 0 #06c,inset 0 -36px 30px 0 rgba(0,102,204,.15),inset 0 -79px 40px 0 rgba(0,102,204,.1),0 2px 1px rgba(0,102,204,.06),0 4px 2px rgba(0,102,204,.09),0 8px 4px rgba(0,102,204,.09),0 16px 8px rgba(0,102,204,.09),0 32px 16px rgba(0,102,204,.09)}.course-list .course-title-container .course-title[data-v-38ec3df2]{margin-left:20px;color:#fff;font-size:18px}.course-list .course-title-container .course-title .select[data-v-38ec3df2]{color:#fef0f0;display:inline-block;width:180px;height:40px;line-height:40px;margin-left:20px;border-radius:20px;background-color:#d8ebff!important}.course-list .course-title-container .course-title .select span[data-v-38ec3df2]{font-size:14px}.course-list .course-title-container .course-title .select[data-v-38ec3df2] .el-input__inner{background-color:transparent;border:none;font-size:14px;font-family:Source Han Sans CN}.course-list .course-title-container .course-edit .edit-cancel[data-v-38ec3df2],.course-list .course-title-container .course-edit .edit-delete[data-v-38ec3df2],.course-list .course-title-container .course-edit .edit-update[data-v-38ec3df2]{float:left;margin-right:20px;width:80px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:5px;font-size:16px;color:#fff;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.course-list .course-title-container .course-edit .edit-update[data-v-38ec3df2]{background:#20adff}.course-list .course-title-container .course-edit .edit-update[data-v-38ec3df2]:active{background-color:#3c9cff}.course-list .course-title-container .course-edit .edit-delete[data-v-38ec3df2]{background:#db2727}.course-list .course-title-container .course-edit .edit-delete[data-v-38ec3df2]:active{background-color:#f56c6c}.course-list .course-title-container .course-edit .edit-cancel[data-v-38ec3df2]{background:#767a82}.course-list .course-title-container .course-edit .edit-cancel[data-v-38ec3df2]:active{background-color:#909399}.course-list .course-list-container[data-v-38ec3df2]{width:100%;box-sizing:border-box;padding:20px 20px 0 20px;flex:1;overflow:hidden}.course-list .course-list-container .course-item-container[data-v-38ec3df2]{-webkit-user-select:none;-moz-user-select:none;user-select:none;float:left;position:relative;border-radius:6px;height:50px;box-shadow:0 3px 8px rgba(0,0,0,.24);background-color:#fff;display:flex;align-items:center;padding:0 20px;box-sizing:border-box;margin-bottom:20px;margin-right:20px}.course-list .course-list-container .course-item-container .course-icon[data-v-38ec3df2]{width:40px;height:40px}.course-list .course-list-container .course-item-container .course-name[data-v-38ec3df2]{font-size:18px;margin-left:10px;font-weight:900;color:#606266}.course-list .course-list-container .course-item-container .course-delete[data-v-38ec3df2],.course-list .course-list-container .course-item-container .course-update[data-v-38ec3df2]{position:absolute;top:-5px;right:-10px;display:flex;align-items:center;justify-content:center;background:#fdedee;border-radius:50%;font-size:12px;font-weight:500;color:#06c;cursor:pointer}.course-list .course-list-container .course-item-container .course-delete i[data-v-38ec3df2],.course-list .course-list-container .course-item-container .course-update i[data-v-38ec3df2]{font-size:20px}.course-list .course-list-container .course-item-container .course-delete[data-v-38ec3df2]:active,.course-list .course-list-container .course-item-container .course-update[data-v-38ec3df2]:active{background-color:#fef0f0;color:#d8ebff}.course-list .course-list-container .add-course-container[data-v-38ec3df2]{border:1px solid #06c;background-color:#d8ebff;float:left;margin-right:20px;margin-bottom:20px;height:50px;width:100px;border-radius:6px;box-shadow:0 3px 8px rgba(0,102,204,.64);cursor:pointer}.course-list .course-list-container .add-course-container .add-button[data-v-38ec3df2]{width:100%;height:100%;text-align:center;line-height:50px}.course-list .course-list-container .add-course-container .add-button .add-narration[data-v-38ec3df2]{color:#06c;font-family:900;font-size:18px}.course-list .course-list-container .add-course-container .add-button i[data-v-38ec3df2]{font-size:20px;margin-right:2px}.course-list .course-list-container .add-course-container .add-module[data-v-38ec3df2]{width:100%;height:100%;display:flex;align-items:center;padding:0 20px 0 20px;box-sizing:border-box}.course-list .course-list-container .add-course-container .add-module .add-input[data-v-38ec3df2]{height:30px;padding-left:10px;font-size:18px;outline:none;border:none;color:#606266;font-weight:900;width:0;border-radius:10px}.course-list .course-list-container .add-course-container .add-module .input-open-state[data-v-38ec3df2]{transition-duration:.5s;flex:1}.course-list .course-list-container .add-course-container .add-module .input-close-state[data-v-38ec3df2]{transition-duration:.5s;flex:0}.course-list .course-list-container .add-course-container .add-module .confirm-add-button[data-v-38ec3df2]{width:40px;margin-left:10px;border:none;background-color:#06c;color:#fff;height:24px;line-height:24px;text-align:center;border-radius:4px;cursor:pointer}.course-list .course-list-container .open-state[data-v-38ec3df2]{transition-duration:.5s;width:220px}.course-list .course-list-container .close-state[data-v-38ec3df2]{transition-duration:.5s;width:120px}.select-course-type-containter[data-v-38ec3df2]{display:flex;flex-direction:column;align-items:center}.select-course-type-containter .select-button[data-v-38ec3df2]{width:200px;height:50px;margin-bottom:20px;border-radius:4px;border:none;color:#fff;font-size:20px;cursor:pointer}.select-course-type-containter .default-course[data-v-38ec3df2]{background-color:#3c9cff}.select-course-type-containter .default-course[data-v-38ec3df2]:hover{background-color:#398ade}.select-course-type-containter .default-course[data-v-38ec3df2]:active{background-color:#9acafc}.select-course-type-containter .custom-course[data-v-38ec3df2]{background-color:#f56c6c}.select-course-type-containter .custom-course[data-v-38ec3df2]:hover{background-color:#db2626}.select-course-type-containter .custom-course[data-v-38ec3df2]:active{background-color:#ffd4d4}.course-add[data-v-5ab299ce]{position:absolute;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);border-radius:10px;height:100%;background-image:linear-gradient(#9acafc,#fff);transform:rotateY(180deg);width:100%;display:flex;flex-direction:column}.course-add .course-choose-title-container[data-v-5ab299ce]{width:100%;border-radius:10px 10px 0 0;height:60px;background-color:#398ade;line-height:60px;box-shadow:inset 0 -23px 25px 0 #398ade,inset 0 -36px 30px 0 rgba(57,138,222,.15),inset 0 -79px 40px 0 rgba(57,138,222,.1),0 2px 1px rgba(57,138,222,.06),0 4px 2px rgba(57,138,222,.09),0 8px 4px rgba(57,138,222,.09),0 16px 8px rgba(57,138,222,.09),0 32px 16px rgba(57,138,222,.09)}.course-add .course-choose-title-container .course-choose-title[data-v-5ab299ce]{margin-left:20px;color:#fff;font-size:18px}.course-add .course-choose-title-container .course-choose-title .course-count[data-v-5ab299ce]{font-size:40px;margin-left:7px;margin-right:7px;color:#f9d39b;font-family:Quartz Regular}.course-add .course-list-container[data-v-5ab299ce]{width:100%;box-sizing:border-box;padding:20px 20px 0 20px;flex:1;overflow:hidden}.course-add .course-list-container .course-item-container[data-v-5ab299ce]{-webkit-user-select:none;-moz-user-select:none;user-select:none;float:left;position:relative;border-radius:6px;height:50px;box-shadow:0 3px 8px rgba(0,0,0,.24);background-color:#fff;display:flex;align-items:center;padding:0 20px;box-sizing:border-box;cursor:pointer;margin-bottom:20px;margin-right:20px}.course-add .course-list-container .course-item-container .course-icon[data-v-5ab299ce]{width:40px;height:40px}.course-add .course-list-container .course-item-container .course-name[data-v-5ab299ce]{font-size:18px;margin-left:10px;font-weight:900;color:#606266}.course-add .course-list-container .course-item-container .course-select-tag[data-v-5ab299ce]{position:absolute;right:0;top:0;width:0;height:0;border-top:24px solid #398ade;border-left:24px solid transparent}.course-add .course-list-container .course-item-container .course-select-tag .icon[data-v-5ab299ce]{position:absolute;top:-22px;right:0;color:#fff;font-size:12px}.course-add .course-list-container .select[data-v-5ab299ce]{border:2px solid #398ade!important;box-shadow:0 3px 8px rgba(57,138,222,.64)!important;background-color:#ecf5ff!important}.course-add .button-container[data-v-5ab299ce]{position:relative;bottom:0;height:50px;width:100%;display:flex;align-items:center;justify-content:center}.course-add .button-container .cancel-button[data-v-5ab299ce],.course-add .button-container .submit-button[data-v-5ab299ce]{font-size:16px;outline:none;font-weight:500;border:none;width:100px;height:30px;border-radius:5px;cursor:pointer;margin:0 20px}.course-add .button-container .submit-button[data-v-5ab299ce]{background-color:#3c9cff;color:#fff}.course-add .button-container .submit-button[data-v-5ab299ce]:active{background-color:#9acafc}.course-add .button-container .not-selected[data-v-5ab299ce]{cursor:default;background-color:#9acafc}.course-add .button-container .cancel-button[data-v-5ab299ce]{border:1px solid #9acafc;background-color:#fff;color:#398ade}.course-add .button-container .cancel-button[data-v-5ab299ce]:active{background-color:#9acafc;color:#fff}.course-add-other[data-v-2e6b03f7]{margin-top:20px;position:relative;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);border-radius:10px;min-height:300px;background-image:linear-gradient(#fef0f0,#fff)}.course-add-other .course-choose-title-container[data-v-2e6b03f7]{border-radius:10px 10px 0 0;height:60px;background-color:#06c;line-height:60px;box-shadow:inset 0 -23px 25px 0 #06c,inset 0 -36px 30px 0 rgba(221,97,97,.15),inset 0 -79px 40px 0 rgba(221,97,97,.1),0 2px 1px rgba(221,97,97,.06),0 4px 2px rgba(221,97,97,.09),0 8px 4px rgba(221,97,97,.09),0 16px 8px rgba(221,97,97,.09),0 32px 16px rgba(221,97,97,.09)}.course-add-other .course-choose-title-container .course-choose-title[data-v-2e6b03f7]{margin-left:20px;color:#fff;font-size:18px}.course-add-other .course-choose-title-container .course-choose-title .course-count[data-v-2e6b03f7]{font-size:40px;margin-left:7px;margin-right:7px;color:#f9d39b;font-family:Quartz Regular}.course-add-other .course-list-container[data-v-2e6b03f7]{min-height:200px;padding:0 20px 0 20px;margin-top:20px}.course-add-other .course-list-container .el-tag[data-v-2e6b03f7]{height:auto;padding:10px 20px;font-size:18px;font-weight:900;background-color:#fff;border-color:#eaedf6;color:#151a33;box-shadow:0 3px 8px rgba(0,0,0,.24);margin:0 10px 10px 0}.course-add-other .course-list-container .el-tag+.el-tag[data-v-2e6b03f7]{height:auto;padding:10px 20px;margin-left:0;color:#151a33;box-shadow:0 3px 8px rgba(0,0,0,.24)}.course-add-other .course-list-container .button-new-tag[data-v-2e6b03f7]{margin-left:0;font-size:18px;height:52px;line-height:50px;padding-top:0;padding-bottom:0;background:#d8ebff;color:#fff}.course-add-other .course-list-container .button-new-tag .iconfont[data-v-2e6b03f7]{font-size:12px;margin-right:5px}.course-add-other .course-list-container .button-new-tag[data-v-2e6b03f7]:active{background-color:#d8ebff}.course-add-other .course-list-container .input-new-tag[data-v-2e6b03f7]{font-size:18px;width:90px;height:52px;margin:0 10px 10px 0;vertical-align:bottom}.course-add-other .course-list-container .input-new-tag[data-v-2e6b03f7] .el-input__inner{height:52px}.course-add-other .button-container[data-v-2e6b03f7]{position:relative;bottom:0;height:50px;width:100%;display:flex;align-items:center;justify-content:center}.course-add-other .button-container .cancel-button[data-v-2e6b03f7],.course-add-other .button-container .submit-button[data-v-2e6b03f7]{font-size:16px;outline:none;font-weight:500;border:none;width:100px;height:30px;border-radius:5px;cursor:pointer;margin:0 20px}.course-add-other .button-container .submit-button[data-v-2e6b03f7]{background-color:#06c;color:#fff}.course-add-other .button-container .submit-button[data-v-2e6b03f7]:active{background-color:#d8ebff}.course-add-other .button-container .not-selected[data-v-2e6b03f7]{cursor:default;background-color:#d8ebff}.course-add-other .button-container .cancel-button[data-v-2e6b03f7]{border:1px solid #d8ebff;background-color:#fff;color:#06c}.course-add-other .button-container .cancel-button[data-v-2e6b03f7]:active{background-color:#d8ebff;color:#fff}.course[data-v-4c542fb4]{font-family:Source Han Sans CN;box-sizing:border-box;position:relative;overflow-y:auto;height:100%;transition:all .6s;transform-style:preserve-3d}.course .course-top[data-v-4c542fb4]{height:50px}.course .course-top .top-add-other[data-v-4c542fb4],.course .course-top .top-add[data-v-4c542fb4]{float:left;margin-right:20px;width:140px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:16px;font-size:12px;font-weight:500;cursor:pointer}.course .course-top .top-add-other i[data-v-4c542fb4],.course .course-top .top-add i[data-v-4c542fb4]{margin-right:8px}.course .course-top .top-add[data-v-4c542fb4]{background:#edfcfd;border:1px solid #b8dbf3;color:#63a6e5}.course .course-top .top-add[data-v-4c542fb4]:active{background-color:#b6d3fa;color:#fff}.course .course-top .top-add-other[data-v-4c542fb4]{background:#fdfbed;border:1px solid #f3eab8;color:#e5ad63}.course .course-top .top-add-other[data-v-4c542fb4]:active{background-color:#fae8b6;color:#fff}.course .empty[data-v-4c542fb4]{width:250px;height:160px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:14px;color:#838eac;font-family:Source Han Sans CN;font-weight:500}.course .empty img[data-v-4c542fb4]{width:100%;height:100%}.flip[data-v-4c542fb4]{transform:rotateY(180deg)}.flip .add-course-component[data-v-4c542fb4]{z-index:100!important}