.account-top { width: 100%; border-bottom: 1px solid #eee; background: #fff; position: fixed; top: 0; left: 0; z-index: 999999999; .acc-top-user { margin-bottom: 2px; overflow: hidden; height: 50px; line-height: 50px; background: #404040; color:#ffffff; .acc-top-user-name { margin-left: 10px; a{ color: #ffffff } a:hover{ color:#58a3ff; } } .acc-top-user-toindex { a{ color:#ffffff; } a:hover{ color: #58a3ff; } float: right; margin-right: 10px; } } .acc-index { height: 90px; width: 16%; position: absolute; top: 34px; left: 0; color: #fff; background: #4665bf; padding:27px 10px; .acc-index-imgbox{ width: 36px; height: 36px; padding-top: 36px; position: relative; overflow: hidden; float: left; img { position: absolute; top: 0; left: 0; height: 36px; width: auto; } } span { margin-left: 10px; font-size: 20px; line-height: 36px; a { color:#fff; } } } .acc-top-tab { margin-left: 16%; height: 50px; line-height: 50px; font-size: 16px; text-align: center; background: #4665bf; color: #fff; border-left: 1px solid #344c8f; .ant-row { padding-left: 20px; border-left: 1px solid #6b84cc; div { margin:0 10px; a { color:#fff; } } .active { font-size: 18px; &:after { content: ''; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 3px; background: #58a3ff; } } } } } .ant-layout-header{ height: 50px; .account-top{ height: 50px } }