.top-bar[data-v-248cf30f]{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#fff;text-align:center;color:#000;box-shadow:0 10px 5px rgba(76,76,76,.1);z-index:100}.top-bar .header[data-v-248cf30f]{color:#000;font-size:36px;font-weight:800}.top-bar .Clock[data-v-248cf30f]{color:#000}.right-top[data-v-248cf30f]{position:absolute;display:flex;top:20px;right:20px;z-index:98}.right-panel[data-v-248cf30f]{flex:0 0 30%;min-width:450px;border-right:20px solid transparent;border-bottom:10px solid transparent;border-top:20px solid transparent;flex-direction:column;height:100%;display:flex;position:relative}.right-panel .right-panel-top[data-v-248cf30f]{flex:1;height:0;overflow:hidden;display:flex;position:relative;border-radius:6px;box-shadow:0 0 7px 0 hsla(0,0%,100%,.3)}.right-panel #KeyboardBar[data-v-248cf30f]{margin-top:15px}.home[data-v-248cf30f]{flex-direction:column}.leftbar[data-v-248cf30f]{position:absolute;left:0;top:100px;background-color:#fff;cursor:pointer;box-shadow:0 0 8px 1px rgba(0,0,0,.1)}.leftbar .menuitem[data-v-248cf30f]{display:flex;align-items:center;justify-content:center;width:50px;height:50px}.leftbar .menuitem.active[data-v-248cf30f]{color:#fff;background:var(--el-color-primary)}.menuBar[data-v-248cf30f]{z-index:100;box-shadow:-8px -8px 20px 0 #eaeaea,-8px -8px 20px 0 #fff}.topbar[data-v-248cf30f]{height:60px;width:100%;box-shadow:0 0 8px 1px rgba(0,0,0,.1);border-bottom:1px solid #ddd}.topbar .topcenter[data-v-248cf30f]{margin:0 auto;height:100%;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer}.topbar .topcenter .item[data-v-248cf30f]{font-size:16px;height:100%;display:flex;align-items:center;justify-content:center;padding:0 10px;position:relative}.topbar .topcenter .item.active[data-v-248cf30f]{border-bottom:2px solid var(--el-color-primary)}.topbar .topcenter .item[data-v-248cf30f]:hover{color:var(--el-color-primary)}.topbar .topcenter .item:hover .droplist[data-v-248cf30f]{display:flex}.topbar .topcenter .droplist[data-v-248cf30f]{display:none;position:absolute;top:100%;left:50%;z-index:10;flex-wrap:nowrap;transform:translateX(-50%);background-color:#fff;box-shadow:3px 3px 10px 1px rgba(0,0,0,.09);color:#333;padding:5px;border-radius:5px;font-size:14px}.topbar .topcenter .droplist .dropitem[data-v-248cf30f]{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;padding:0 10px;width:100px;background-color:#f8f8f8;margin:5px;border-radius:5px;height:40px}.topbar .topcenter .droplist .dropitem[data-v-248cf30f]:hover{color:var(--el-color-primary)}