.menu-enter-active[data-v-1a005e6e]{-webkit-animation:menu-in-data-v-1a005e6e .3s;animation:menu-in-data-v-1a005e6e .3s}.menu-leave-active[data-v-1a005e6e]{animation:menu-in-data-v-1a005e6e .3s reverse}@-webkit-keyframes menu-in-data-v-1a005e6e{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes menu-in-data-v-1a005e6e{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.child-menu-enter-active[data-v-1a005e6e]{-webkit-animation:child-menu-in-data-v-1a005e6e .3s;animation:child-menu-in-data-v-1a005e6e .3s}.child-menu-leave-active[data-v-1a005e6e]{animation:child-menu-in-data-v-1a005e6e .3s reverse}@-webkit-keyframes child-menu-in-data-v-1a005e6e{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes child-menu-in-data-v-1a005e6e{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.layout-notification .icon[data-v-1a005e6e]{color:rgba(0,11,33,.3);cursor:pointer;position:relative}.layout-notification .icon>i[data-v-1a005e6e]{font-size:20px}.layout-notification .icon .count[data-v-1a005e6e]{position:absolute;left:10px;top:-4px;font-size:12px;color:#fff;background-color:#e48484;border-radius:5px;line-height:1;padding:2px;-webkit-transform:scale(.7);transform:scale(.7)}.layout-notification-popover .header[data-v-1a005e6e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:24px 20px 24px 30px;border-bottom:1px solid #f0f0f0}.layout-notification-popover .header .title[data-v-1a005e6e]{font-size:18px;font-weight:700;color:#000b12}.layout-notification-popover .header .tool[data-v-1a005e6e]{font-size:16px;color:#8c7aca;cursor:pointer}.layout-notification-popover .content .tip[data-v-1a005e6e]{display:-webkit-box;display:-ms-flexbox;display:flex;margin:20px;padding:12px;background-color:#fcf4d9;font-size:14px;border-radius:6px}.layout-notification-popover .content .tip>span[data-v-1a005e6e]{-webkit-box-flex:1;-ms-flex:1;flex:1}.layout-notification-popover .content .tip>a[data-v-1a005e6e]{font-size:14px;color:#8572c7;margin:0 10px 0 6px;text-decoration:underline;cursor:pointer}.layout-notification-popover .content .tip>i[data-v-1a005e6e]{color:rgba(49,38,83,.3);cursor:pointer}.layout-notification-popover .content .list>li[data-v-1a005e6e]{padding:20px 20px 20px 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;cursor:pointer}.layout-notification-popover .content .list>li[data-v-1a005e6e]:hover{background-color:#ebe8f6}.layout-notification-popover .content .list>li:hover .icon[data-v-1a005e6e]{background-color:#fff}.layout-notification-popover .content .list>li.readed[data-v-1a005e6e]{opacity:.6}.layout-notification-popover .content .list>li.readed .tool .circle[data-v-1a005e6e]{visibility:hidden}.layout-notification-popover .content .list>li.new .icon[data-v-1a005e6e]:after{display:block}.layout-notification-popover .content .list>li .icon[data-v-1a005e6e]{-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;min-width:44px;width:44px;height:44px;border-radius:50%;background-color:#ebe8f6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.layout-notification-popover .content .list>li .icon[data-v-1a005e6e]:after{content:"";display:none;position:absolute;bottom:2px;right:2px;width:10px;height:10px;border-radius:50%;background-color:#8572c7}.layout-notification-popover .content .list>li .icon>i[data-v-1a005e6e]{color:#8572c7;font-size:24px}.layout-notification-popover .content .list>li .info[data-v-1a005e6e]{padding-left:20px;-webkit-box-flex:1;-ms-flex:1;flex:1}.layout-notification-popover .content .list>li .info .name[data-v-1a005e6e]{font-size:14px;color:#312653;word-break:normal;text-align:left;font-weight:700}.layout-notification-popover .content .list>li .info .time[data-v-1a005e6e]{margin-top:4px;font-size:14px;color:rgba(49,38,83,.6)}.layout-notification-popover .content .list>li .tool[data-v-1a005e6e]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.layout-notification-popover .content .list>li .tool .circle[data-v-1a005e6e]{width:16px;height:16px;border-radius:50%;border:2px solid #ccc3e7;cursor:pointer}.layout-notification-popover .content .no-data[data-v-1a005e6e]{height:400px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.layout-notification-popover .content .no-data .icon>i[data-v-1a005e6e]{font-size:62px;color:#ebe8f6}.layout-notification-popover .content .no-data .tip-title[data-v-1a005e6e]{margin-top:10px;font-size:22px;line-height:1.5;color:rgba(0,11,33,.85)}.layout-notification-popover .content .no-data .msg[data-v-1a005e6e]{margin-top:4px;width:300px;font-size:14px;line-height:1.5;color:rgba(0,11,33,.6);text-align:center}.menu-enter-active[data-v-cf9f2c20]{-webkit-animation:menu-in-data-v-cf9f2c20 .3s;animation:menu-in-data-v-cf9f2c20 .3s}.menu-leave-active[data-v-cf9f2c20]{animation:menu-in-data-v-cf9f2c20 .3s reverse}@-webkit-keyframes menu-in-data-v-cf9f2c20{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes menu-in-data-v-cf9f2c20{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.child-menu-enter-active[data-v-cf9f2c20]{-webkit-animation:child-menu-in-data-v-cf9f2c20 .3s;animation:child-menu-in-data-v-cf9f2c20 .3s}.child-menu-leave-active[data-v-cf9f2c20]{animation:child-menu-in-data-v-cf9f2c20 .3s reverse}@-webkit-keyframes child-menu-in-data-v-cf9f2c20{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes child-menu-in-data-v-cf9f2c20{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.component-avatar[data-v-cf9f2c20]{display:inline-block;width:28px;height:28px;border-radius:50%;overflow:hidden}.component-avatar.mini[data-v-cf9f2c20]{width:20px;height:20px}.component-avatar.small[data-v-cf9f2c20]{width:28px;height:28px}.component-avatar.large[data-v-cf9f2c20]{width:42px;height:42px}.component-avatar>img[data-v-cf9f2c20]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.menu-enter-active[data-v-7e6f1de5]{-webkit-animation:menu-in-data-v-7e6f1de5 .3s;animation:menu-in-data-v-7e6f1de5 .3s}.menu-leave-active[data-v-7e6f1de5]{animation:menu-in-data-v-7e6f1de5 .3s reverse}@-webkit-keyframes menu-in-data-v-7e6f1de5{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes menu-in-data-v-7e6f1de5{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.child-menu-enter-active[data-v-7e6f1de5]{-webkit-animation:child-menu-in-data-v-7e6f1de5 .3s;animation:child-menu-in-data-v-7e6f1de5 .3s}.child-menu-leave-active[data-v-7e6f1de5]{animation:child-menu-in-data-v-7e6f1de5 .3s reverse}@-webkit-keyframes child-menu-in-data-v-7e6f1de5{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes child-menu-in-data-v-7e6f1de5{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.layout-userinfo .userinfo[data-v-7e6f1de5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.layout-userinfo .userinfo .username[data-v-7e6f1de5]{margin-left:8px;font-size:14px;color:#666d7a;max-width:200px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layout-userinfo-popover .contianer .menu-userinfo[data-v-7e6f1de5]{padding:22px 26px;border:1px solid #f0f0f0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.layout-userinfo-popover .contianer .menu-userinfo .username[data-v-7e6f1de5]{margin-left:10px;font-size:16px;color:#000b12;font-weight:700;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layout-userinfo-popover .contianer .menus>li[data-v-7e6f1de5]{padding:24px 16px;position:relative;font-size:14px;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.layout-userinfo-popover .contianer .menus>li[data-v-7e6f1de5]:after{content:"";width:calc(100% - 20px);left:10px;bottom:0;position:absolute;border-bottom:1px solid #f0f0f0}.layout-userinfo-popover .contianer .menus>li[data-v-7e6f1de5]:hover{background-color:#ebe8f6;color:#8572c7}.layout-userinfo-popover .contianer .menus>li.red-menu[data-v-7e6f1de5]{color:#e48484}.menu-enter-active[data-v-6c6fc979]{-webkit-animation:menu-in-data-v-6c6fc979 .3s;animation:menu-in-data-v-6c6fc979 .3s}.menu-leave-active[data-v-6c6fc979]{animation:menu-in-data-v-6c6fc979 .3s reverse}@-webkit-keyframes menu-in-data-v-6c6fc979{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes menu-in-data-v-6c6fc979{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.child-menu-enter-active[data-v-6c6fc979]{-webkit-animation:child-menu-in-data-v-6c6fc979 .3s;animation:child-menu-in-data-v-6c6fc979 .3s}.child-menu-leave-active[data-v-6c6fc979]{animation:child-menu-in-data-v-6c6fc979 .3s reverse}@-webkit-keyframes child-menu-in-data-v-6c6fc979{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes child-menu-in-data-v-6c6fc979{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.layout-expore .title[data-v-6c6fc979]{cursor:pointer;margin:0 6px;color:#5d4e8e}.layout-expore .title>i[data-v-6c6fc979]{font-size:12px;-webkit-transform:scale(.7);transform:scale(.7);display:inline-block}.course[data-v-6c6fc979]{display:-webkit-box;display:-ms-flexbox;display:flex}.course .level-1[data-v-6c6fc979]{width:316px;border-right:1px solid #f0f0f0}.course .level-1>ul>li[data-v-6c6fc979]{cursor:pointer;padding:22px 26px 22px 32px;border-bottom:1px solid #f0f0f0;position:relative;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.course .level-1>ul>li>div[data-v-6c6fc979]{position:relative;z-index:3}.course .level-1>ul>li[data-v-6c6fc979]:after{content:"";z-index:1;width:100%;height:calc(100% + 2px);left:0;top:-1px;background-color:#fff}.course .level-1>ul>li .bg[data-v-6c6fc979],.course .level-1>ul>li[data-v-6c6fc979]:after{position:absolute;opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.course .level-1>ul>li .bg[data-v-6c6fc979]{width:calc(100% - 20px);left:10px;top:0;height:100%;border-radius:30px;background-color:#ebe8f6;z-index:2}.course .level-1>ul>li.active[data-v-6c6fc979],.course .level-1>ul>li[data-v-6c6fc979]:hover{color:#8572c7}.course .level-1>ul>li.active .bg[data-v-6c6fc979],.course .level-1>ul>li.active[data-v-6c6fc979]:after,.course .level-1>ul>li:hover .bg[data-v-6c6fc979],.course .level-1>ul>li[data-v-6c6fc979]:hover:after{opacity:1}.course .level-1 .bottom[data-v-6c6fc979]{height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.course .level-3[data-v-6c6fc979]{width:332px}.course .level-3 .title[data-v-6c6fc979]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:24px 18px 18px 18px}.course .level-3 .title>span[data-v-6c6fc979]{font-size:28px;font-weight:700;color:#000b12}.course .level-3 .title>a[data-v-6c6fc979]{font-size:14px;color:#8572c7;text-decoration:none}.course .level-3 .content[data-v-6c6fc979]{padding:0 18px}.course .level-3 .content>li[data-v-6c6fc979]{margin-bottom:14px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:14px;border-radius:6px;background-color:#8777c7;color:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;cursor:pointer}.course .level-3 .content>li[data-v-6c6fc979]:hover{opacity:.8}.course .level-3 .content>li .img[data-v-6c6fc979]{width:62px;height:62px;border-radius:8px;overflow:hidden}.course .level-3 .content>li .img>img[data-v-6c6fc979]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.course .level-3 .content>li .name[data-v-6c6fc979]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:16px;margin-left:14px}.menu-enter-active[data-v-5019ccd0]{-webkit-animation:menu-in-data-v-5019ccd0 .3s;animation:menu-in-data-v-5019ccd0 .3s}.menu-leave-active[data-v-5019ccd0]{animation:menu-in-data-v-5019ccd0 .3s reverse}@-webkit-keyframes menu-in-data-v-5019ccd0{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes menu-in-data-v-5019ccd0{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.child-menu-enter-active[data-v-5019ccd0]{-webkit-animation:child-menu-in-data-v-5019ccd0 .3s;animation:child-menu-in-data-v-5019ccd0 .3s}.child-menu-leave-active[data-v-5019ccd0]{animation:child-menu-in-data-v-5019ccd0 .3s reverse}@-webkit-keyframes child-menu-in-data-v-5019ccd0{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes child-menu-in-data-v-5019ccd0{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.layout-search[data-v-5019ccd0]{margin-left:70px}.layout-search[data-v-5019ccd0] .el-autocomplete{width:213px}.menu-enter-active[data-v-08d6a44e]{-webkit-animation:menu-in-data-v-08d6a44e .3s;animation:menu-in-data-v-08d6a44e .3s}.menu-leave-active[data-v-08d6a44e]{animation:menu-in-data-v-08d6a44e .3s reverse}@-webkit-keyframes menu-in-data-v-08d6a44e{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes menu-in-data-v-08d6a44e{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.child-menu-enter-active[data-v-08d6a44e]{-webkit-animation:child-menu-in-data-v-08d6a44e .3s;animation:child-menu-in-data-v-08d6a44e .3s}.child-menu-leave-active[data-v-08d6a44e]{animation:child-menu-in-data-v-08d6a44e .3s reverse}@-webkit-keyframes child-menu-in-data-v-08d6a44e{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes child-menu-in-data-v-08d6a44e{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.layout-header[data-v-08d6a44e]{padding:0 36px;height:55px;-ms-flex-align:center;border-bottom:1px solid #f0f0f0;background-color:#fff}.layout-header .left[data-v-08d6a44e],.layout-header[data-v-08d6a44e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.layout-header .left[data-v-08d6a44e]{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-align:center}.layout-header .left .logo[data-v-08d6a44e]{height:28px}.layout-header .left .v-line[data-v-08d6a44e]{height:24px;border-right:1px solid #dad4ee;margin:0 10px}.layout-header .right[data-v-08d6a44e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.layout-header .right .user-info[data-v-08d6a44e]{margin-left:15px}