@media (max-width: 1425px) { .menuList { font-size: 13px; } .user-nav { font-size: 13px; } } .user-nav .nav-resume-tools { display: inline-block; vertical-align: middle; } .user-nav .nav-resume-tools > a { display: inline-block; font-weight: 500; color: var(--v-primary-base); line-height: 20px; height: auto; padding: 3px 7px; vertical-align: middle; border-radius: 4px; margin-right: 8px; border: 1px solid transparent; } .banner { width: 100%; height: 50px; z-index: var(--zIndex-nav) !important; color: #333; background-color: #d6e5e8; padding-left: 0px; height: 50px; .left { height: 100%; display: flex; align-items: center; cursor: pointer; } } .hover:hover { cursor: pointer; background: rgba(0, 0, 0, 0.03); } .innerBox { position: relative; width: 100vw; // width: 1184px; // max-width: 1184px; margin: 0 auto; align-items: center; padding: 30px; } .nav-logo { float: left; } .nav-city { float: left; position: relative; cursor: pointer; height: 49px; line-height: 49px; color: var(--v-primary-base); margin-left: 50px; } .nav-city-selected { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 95px; vertical-align: middle; } .switchover-city { // font-size: 12px; color: var(--v-primary-base); margin-left: 10px; } .nav { // font-size: 0; float: left; margin-left: 50px; height: 49px; line-height: 49px; } .nav ul { display: flex; white-space: nowrap; vertical-align: top; } .nav ul li { text-align: center; margin: 0 5px; list-style: none; } .nav li a { display: block; padding: 0 5px; position: relative; text-decoration: none; color: #333; } .routeActive { // 选中样式 color: var(--color-333) !important; .aLink { color: #008979 !important; font-weight: 700; text-decoration: underline !important; // 多个下划线 } } .active-route { color: #008979; text-decoration: underline !important; font-weight: 700; } .user-nav { // position: absolute; // right: 0; // display: inline-block; // color: var(--v-primary-base); // height: 49px; // line-height: 49px; } .user-nav .btns .btn-outline { border-radius: 8px; text-align: center; font-size: 14px; height: 26px; line-height: 26px; min-width: 0; padding: 0 11px; margin-left: 14px; background-color: transparent; } .user-nav .btn { display: inline-block; box-sizing: content-box; border: 1px solid var(--v-primary-base); letter-spacing: 1px; cursor: pointer; } .user-nav a { text-decoration: none; } .menuList { display: flex; height: 50px; align-items: center; div { margin-left: 10px; } } .menuList-first-title:hover { color: #008979; font-weight: 700; text-decoration: underline; }