.menu-enter-active[data-v-01ae0a2e]{-webkit-animation:menu-in-data-v-01ae0a2e .3s;animation:menu-in-data-v-01ae0a2e .3s}.menu-leave-active[data-v-01ae0a2e]{animation:menu-in-data-v-01ae0a2e .3s reverse}@-webkit-keyframes menu-in-data-v-01ae0a2e{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes menu-in-data-v-01ae0a2e{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.child-menu-enter-active[data-v-01ae0a2e]{-webkit-animation:child-menu-in-data-v-01ae0a2e .3s;animation:child-menu-in-data-v-01ae0a2e .3s}.child-menu-leave-active[data-v-01ae0a2e]{animation:child-menu-in-data-v-01ae0a2e .3s reverse}@-webkit-keyframes child-menu-in-data-v-01ae0a2e{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes child-menu-in-data-v-01ae0a2e{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.layout-menu[data-v-01ae0a2e]{height:100%;width:192px;background-color:#5d4e8e;color:#fff;overflow:hidden}.layout-menu .body[data-v-01ae0a2e]{padding:25px 4px 0}.layout-menu .body>li[data-v-01ae0a2e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:38px;padding:0 22px;margin:2px 0;cursor:pointer}.layout-menu .body>li.active[data-v-01ae0a2e],.layout-menu .body>li[data-v-01ae0a2e]:hover{background-color:#6d6196}.layout-menu .body>li.active>i[data-v-01ae0a2e],.layout-menu .body>li.active>span[data-v-01ae0a2e]{opacity:1}.layout-menu .body>li>i[data-v-01ae0a2e]{color:#fff;opacity:.3}.layout-menu .body>li>span[data-v-01ae0a2e]{margin-left:20px;font-size:14px;color:#fff;opacity:.6}.menu-enter-active[data-v-634ba50f]{-webkit-animation:menu-in-data-v-634ba50f .3s;animation:menu-in-data-v-634ba50f .3s}.menu-leave-active[data-v-634ba50f]{animation:menu-in-data-v-634ba50f .3s reverse}@-webkit-keyframes menu-in-data-v-634ba50f{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes menu-in-data-v-634ba50f{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.child-menu-enter-active[data-v-634ba50f]{-webkit-animation:child-menu-in-data-v-634ba50f .3s;animation:child-menu-in-data-v-634ba50f .3s}.child-menu-leave-active[data-v-634ba50f]{animation:child-menu-in-data-v-634ba50f .3s reverse}@-webkit-keyframes child-menu-in-data-v-634ba50f{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes child-menu-in-data-v-634ba50f{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.layout-course .header[data-v-634ba50f]{position:fixed;width:100%;left:0;top:0;z-index:10}.layout-course .menu[data-v-634ba50f]{position:fixed;height:calc(100vh - 55px);left:0;top:55px;z-index:10}.layout-course .menu .nav[data-v-634ba50f]{padding-top:30px;padding-left:39px;cursor:pointer;color:hsla(0,0%,100%,.6);font-size:14px}.layout-course .menu .nav>i[data-v-634ba50f]{font-size:12px;color:#8d83b0;margin-right:4px;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out;display:inline-block}.layout-course .menu .nav:hover>i[data-v-634ba50f]{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.layout-course .menu .coure-cover[data-v-634ba50f]{height:110px;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;border-bottom:1px solid hsla(0,0%,94.1%,.1)}.layout-course .menu .coure-cover>img[data-v-634ba50f]{width:60px;height:60px;border-radius:6px}.layout-course .contianer[data-v-634ba50f]{padding-top:55px;padding-left:192px}