.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; font-size: 14px; .acc-top-user-name { margin-left: 10px; line-height: 34px; vertical-align: middle; } .acc-top-user-toindex { float: right; margin-right: 10px; line-height: 34px; vertical-align: middle; } .user-badge { margin-left: 12px; font-size: 18px; color: #58a3ff; position: relative; line-height: 34px; vertical-align: middle; .ant-badge { position: absolute; right: -10px; top: 0; line-height: 0px; .ant-badge-status-processing { background-color: red } } } } .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; } } } } } .modal-content { >li { margin-bottom: 20px; >span { display: inline-block; width: 60px; margin-right: 10px; } >input { width: 200px; } } } .account-top{ font-weight: inherit !important; .ant-tabs-tab{ font-size: 16px; line-height: 34px; color: #fff; font-weight: inherit !important; } .ant-tabs-tab-active{ font-size: 18px; } .ant-tabs-ink-bar{ height: 3px; } .ant-tabs-bar{ border-bottom: 0; } .acc-top-tab{ text-align: left; } }