#topImg { width: 1920px; height: 80px; position: absolute; top: 0px; left: 0px; z-index: 10; } #projectName { width: 100%; height: 23px; font-size: 36px; font-family: PangMenZhengDao; font-weight: 400; font-style: italic; color: #f3f8f8; display: inline-block; position: absolute; top: 27px; left: 73px; line-height: 23px; z-index: 12; letter-spacing: 0px; } #topMenusIcon { position: absolute; z-index: 12; left: 30px; top: 24px; cursor: pointer; color: white; } #changeSysTheme { z-index: 12; position: absolute; right: 300px; top: 30px; cursor: pointer; } #topTime { position: absolute; top: 25px; right: 30px; font-family: DIN; font-style: italic; color: var(--color-text-active); .date { font-size: 20px; } .time { margin-left: 10px; font-size: 14px; } .week { margin-left: 30px; font-family: Adobe Heiti Std; font-size: 14px; } } .n-layout-sider { background: rgba(128, 128, 128, 0.3); .n-menu { background-color: var(--bg-menu); height: calc(100vh - 80px); overflow: auto; } ::-webkit-scrollbar { width: 0px; } } .n-scrollbar-content { height: 100%; }