.top { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; height: 50px; background: #0a091e; background-color: #0a091e; color: #fff; padding: 0 16px; display: flex; justify-items: flex-start; align-items: center; line-height: 50px; user-select: none; :global { .allP_png { position: absolute; right: 1em; top: 1em; opacity: 0.8; width: 4em; display: flex; align-items: flex-start; justify-content: right; height: 3em; cursor: pointer; >img{ border: 1px solid #ffffff7a; border-radius: 5px; } } .logo { margin-right: 18px; img { height: 30px; transform: translateY(-3px); } } .d_logo { height: 28px; // border-left: 1px solid #4F5C7D; padding-left: 18px; vertical-align: top; padding-right: 10px; line-height: 23px; } .user_cont { padding-top: 12px; position: absolute; width: 120px; border-radius: 3px; color: #666; font-size: 14px; text-align: center; transform: translate(0, -18px); right: 0; &::after { width: 8px; height: 8px; background-color: #fff; content: ""; display: block; position: absolute; transform: rotate(45deg); top: 8px; right: 23px; } li { background-color: #fff; line-height: 32px; cursor: pointer; border-right: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1; &:not(:last-child) { border-bottom: 1px solid #e8e8e8; } &:last-child { border-bottom: 1px solid #f1f1f1; } } } .title { font-size: 16px; color: rgba(255, 255, 255, 0.85); font-weight: bold; margin-right: 8px; white-space: nowrap; } .menu { display: flex; font-size: 13px; text-align: center; // flex-wrap: wrap; li { list-style: none; padding: 0; border-radius: 1px; cursor: pointer; width: 80px; white-space: nowrap; color: rgba(255, 255, 255, 0.7); overflow: hidden; text-overflow: ellipsis; // &>span{ // display: inline-block; // overflow: hidden; // text-overflow: ellipsis; // max-width: 80px; // line-height: 50px; // height: 44px; // } &:hover { color: rgba(255, 255, 255, 1); } .actived { height: 44px; color: #009F95; box-shadow: 0 -2px 0 0 #009F95 inset; line-height: 50px; display: inline-block; } } } //联系我们 .contact { display: flex; align-items: center; margin-right: 15px; cursor: pointer; } .tips_count { display: flex; align-items: center; margin-right: 15px; cursor: pointer; position: relative; .count_num { border-radius: 8px; height: 16px; padding: 0 5px; background-color: #FF4650; color: #fff; font-size: 12px; line-height: 14px; position: absolute; right: -8px; top: -8px; } } .show_more { font-size: 12px; width: 50px; color: #1c45b4; cursor: pointer; min-width: 50px !important; line-height: 48px; margin-left: 0 !important; } .controler { font-size: 14px; color: #fff; position: relative; .ant-dropdown-trigger { min-width: 70px; } .ant-dropdown-link { font-size: 13px; color: #fff; } img { margin-right: 6px; } } .senior { margin-right: 12px; } .iconfont { font-size: 12px; } .style { color: rgba(255, 255, 255, 0.5); font-size: 12px; .style_change { padding-left: 5px; cursor: pointer; } } .split_line { color: rgba(255, 255, 255, 0.5); padding: 0 15px; } } // .ant-menu>[role="menuitem"]:last-child{ // display: none; // } } :global { .ant-menu>[data-menu-id*="alipay"] { display: none; } // .ant-dropdown-arrow{ // border-color: #000 transparent transparent #000!important; // } .ant-dropdown-menu { // opacity: 0.8; border-radius: 7px !important; } //下拉(个人中心、修改密码、退出登录) .dropSelect { .ant-dropdown-menu-item-active { color: #009F95; } } } .feedbackModal { :global { .ant-modal-body { padding-bottom: 0; } } }