.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-4144e2e3]{-webkit-animation:menu-in-data-v-4144e2e3 .3s;animation:menu-in-data-v-4144e2e3 .3s}.menu-leave-active[data-v-4144e2e3]{animation:menu-in-data-v-4144e2e3 .3s reverse}@-webkit-keyframes menu-in-data-v-4144e2e3{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes menu-in-data-v-4144e2e3{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.child-menu-enter-active[data-v-4144e2e3]{-webkit-animation:child-menu-in-data-v-4144e2e3 .3s;animation:child-menu-in-data-v-4144e2e3 .3s}.child-menu-leave-active[data-v-4144e2e3]{animation:child-menu-in-data-v-4144e2e3 .3s reverse}@-webkit-keyframes child-menu-in-data-v-4144e2e3{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes child-menu-in-data-v-4144e2e3{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.overview-welcome[data-v-4144e2e3]{padding:25px 31px 28px 31px}.overview-welcome .userinfo[data-v-4144e2e3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.overview-welcome .userinfo .name[data-v-4144e2e3]{margin-left:12px;font-size:16px;color:#000b21}.overview-welcome .userinfo .tag[data-v-4144e2e3]{background:#fcf7e7;margin-left:6px;border-radius:9px;font-size:12px;color:#e9c415;line-height:17px;padding:0 8px}.overview-welcome .content[data-v-4144e2e3]{font-size:16px;color:rgba(0,11,33,.6);line-height:22px;margin-top:20px}.menu-enter-active[data-v-c710a3b2]{-webkit-animation:menu-in-data-v-c710a3b2 .3s;animation:menu-in-data-v-c710a3b2 .3s}.menu-leave-active[data-v-c710a3b2]{animation:menu-in-data-v-c710a3b2 .3s reverse}@-webkit-keyframes menu-in-data-v-c710a3b2{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes menu-in-data-v-c710a3b2{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.child-menu-enter-active[data-v-c710a3b2]{-webkit-animation:child-menu-in-data-v-c710a3b2 .3s;animation:child-menu-in-data-v-c710a3b2 .3s}.child-menu-leave-active[data-v-c710a3b2]{animation:child-menu-in-data-v-c710a3b2 .3s reverse}@-webkit-keyframes child-menu-in-data-v-c710a3b2{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes child-menu-in-data-v-c710a3b2{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.overview-course[data-v-c710a3b2]{padding:24px 31px 27px 31px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.overview-course .info[data-v-c710a3b2]{-webkit-box-flex:1;-ms-flex:1;flex:1}.overview-course .info .title[data-v-c710a3b2]{font-size:16px;color:#000b21;line-height:22px;font-weight:700}.overview-course .info .msg[data-v-c710a3b2]{margin-top:12px;font-size:16px;color:#000b21;line-height:22px;opacity:.6}.overview-course .info .tag[data-v-c710a3b2]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:16px}.overview-course .info .tag .tag-item[data-v-c710a3b2]{background:#fcf7e7;border-radius:14px;font-size:12px;color:#e9c61d;line-height:17px;padding:3px 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.overview-course .info .tag .tag-item[data-v-c710a3b2]:before{content:"";width:6px;height:6px;display:inline-block;border-radius:50%;background-color:#e9c61d;margin-right:4px}.menu-enter-active[data-v-25e694ce]{-webkit-animation:menu-in-data-v-25e694ce .3s;animation:menu-in-data-v-25e694ce .3s}.menu-leave-active[data-v-25e694ce]{animation:menu-in-data-v-25e694ce .3s reverse}@-webkit-keyframes menu-in-data-v-25e694ce{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes menu-in-data-v-25e694ce{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.child-menu-enter-active[data-v-25e694ce]{-webkit-animation:child-menu-in-data-v-25e694ce .3s;animation:child-menu-in-data-v-25e694ce .3s}.child-menu-leave-active[data-v-25e694ce]{animation:child-menu-in-data-v-25e694ce .3s reverse}@-webkit-keyframes child-menu-in-data-v-25e694ce{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes child-menu-in-data-v-25e694ce{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.overview-status[data-v-25e694ce]{padding:46px 50px;display:-webkit-box;display:-ms-flexbox;display:flex}.overview-status .status-item[data-v-25e694ce]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.overview-status .status-item .info[data-v-25e694ce]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.overview-status .status-item .info>i[data-v-25e694ce]{position:absolute;left:-28px;color:#8572c7;font-size:14px;top:12px}.overview-status .status-item .info .data[data-v-25e694ce]{font-size:30px}.overview-status .status-item .info .unit[data-v-25e694ce]{margin-left:10px}.overview-status .status-item .info .total[data-v-25e694ce],.overview-status .status-item .info .unit[data-v-25e694ce]{font-size:14px;-webkit-transform:translateY(4px);transform:translateY(4px)}.overview-status .status-item .name[data-v-25e694ce]{font-size:12px;color:rgba(0,11,33,.6);line-height:12px}.menu-enter-active[data-v-061ce1c0]{-webkit-animation:menu-in-data-v-061ce1c0 .3s;animation:menu-in-data-v-061ce1c0 .3s}.menu-leave-active[data-v-061ce1c0]{animation:menu-in-data-v-061ce1c0 .3s reverse}@-webkit-keyframes menu-in-data-v-061ce1c0{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes menu-in-data-v-061ce1c0{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.child-menu-enter-active[data-v-061ce1c0]{-webkit-animation:child-menu-in-data-v-061ce1c0 .3s;animation:child-menu-in-data-v-061ce1c0 .3s}.child-menu-leave-active[data-v-061ce1c0]{animation:child-menu-in-data-v-061ce1c0 .3s reverse}@-webkit-keyframes child-menu-in-data-v-061ce1c0{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes child-menu-in-data-v-061ce1c0{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}