.page-container[data-v-5d99924c]{font-family:PingFang SC;display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;background-color:#f5f5f5}.right-container[data-v-5d99924c]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:20px;border-radius:8px;background:#fff;overflow-y:auto}.sidebar[data-v-5d99924c]{width:200px;background-color:#fff;height:100%;padding:20px}.class-header[data-v-5d99924c],.sidebar[data-v-5d99924c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.class-header[data-v-5d99924c]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 0}.class-icon[data-v-5d99924c]{width:150px;height:90px;border-radius:4px;margin:10px auto}.class-info[data-v-5d99924c]{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}.class-name[data-v-5d99924c]{font-size:16px;font-weight:500;color:#333;margin:0}.menu-list[data-v-5d99924c]{padding-top:10px}.menu-item[data-v-5d99924c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 24px;border-radius:8px;margin-bottom:12px;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;color:#666;text-decoration:none}.menu-item[data-v-5d99924c]:hover{background-color:#f8f9fa;color:#409eff}.menu-item.active[data-v-5d99924c]{background-color:#e6f3ff;color:#409eff}.menu-icon[data-v-5d99924c]{margin-right:12px;font-size:16px}.menu-text[data-v-5d99924c]{font-size:16px}