.account-top { width: 100%; height: 84px; border-bottom: 1px solid #eee; background: #fff; position: absolute; top: 0; left: 0; z-index: 1; .acc-top-user { height: 34px; line-height: 34px; background: #f8f8f8; .acc-top-user-name { margin-left: 10px; } .acc-top-user-toindex { float: right; margin-right: 10px; } } .acc-index { height: 50px; width: 8%; position: absolute; top: 34px; left: 0; color: #fff; background: #4665bf; padding-top: 12px; padding-left: 8px; .acc-index-imgbox{ width: 36px; height: 36px; padding-top: 36px; position: relative; overflow: hidden; float: left; img { position: absolute; top: 0; left: 4px; height: 27px; width: auto; } } span { margin-left: 5px; font-size: 14px; line-height: 27px; a { color:#fff; } } } .acc-top-tab { margin-left: 8%; 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; } } } } }