.home[data-v-10719950]{flex-direction:column;--header-bgc:#fff;--header-color:#000}.top-bar[data-v-10719950]{position:relative;display:flex;justify-content:space-between;align-items:center;height:70px;padding:0 20px;background-color:#fcfcfc;text-align:center;color:#000;box-shadow:0 10px 5px rgba(76,76,76,.1);z-index:100}.top-bar .header[data-v-10719950]{color:#000;font-size:24px;font-weight:800}.top-bar .Clock[data-v-10719950]{color:#000}.top-bar .search[data-v-10719950]{display:flex;align-items:center;width:240px;height:40px;background:#fff;border-radius:20px 20px 20px 20px;padding:13px 0 10px 15px;box-shadow:rgba(0,0,0,.07)}.top-bar .search .iconfont[data-v-10719950]{margin-right:5px}.top-bar .bottom[data-v-10719950]{position:absolute;height:85px;width:100vw;left:0;bottom:-80px;display:flex;padding:0 25px 10px 25px}.top-bar .bottom img[data-v-10719950]{position:absolute;left:0;top:0;height:100%;-o-object-fit:contain;object-fit:contain;z-index:-1}.right-top[data-v-10719950]{position:absolute;display:flex;top:20px;right:20px;z-index:98}.right-panel[data-v-10719950]{flex:0 0 30%;min-width:470px;border-right:13px solid transparent;border-left:13px solid transparent;border-bottom:10px solid transparent;border-top:20px solid transparent;flex-direction:column;height:100%;display:flex;position:relative;z-index:101}.right-panel .right-panel-top[data-v-10719950]{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-10719950]{margin-top:15px}.leftbar[data-v-10719950]{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-10719950]{display:flex;align-items:center;justify-content:center;width:50px;height:50px}.leftbar .menuitem.active[data-v-10719950]{color:#fff;background:var(--el-color-primary)}.menuBar[data-v-10719950]{z-index:100;box-shadow:0 0 3px 2px rgba(0,0,0,.07)}.leftBox[data-v-10719950]{position:absolute;left:15px;bottom:10px;z-index:9}.box[data-v-10719950]{position:absolute;bottom:15px;right:20px;z-index:9;display:flex;flex-direction:column;align-items:flex-end}.topbar[data-v-10719950]{height:60px;width:100%;box-shadow:0 0 8px 1px rgba(0,0,0,.1);border-bottom:1px solid #ddd}.topbar .topcenter[data-v-10719950]{margin:0 auto;height:100%;display:flex;width:-moz-fit-content;width:fit-content;cursor:pointer}.topbar .topcenter .item[data-v-10719950]{font-size:16px;height:100%;display:flex;align-items:center;justify-content:center;padding:0 10px;position:relative}.topbar .topcenter .item.active[data-v-10719950]{border-bottom:2px solid var(--el-color-primary)}.topbar .topcenter .item[data-v-10719950]:hover{color:var(--el-color-primary)}.topbar .topcenter .item:hover .droplist[data-v-10719950]{display:flex}.topbar .topcenter .droplist[data-v-10719950]{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-10719950]{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-10719950]:hover{color:var(--el-color-primary)}