.label { color: #c4c4c4; } .topnavigator { // margin-top: 18px; position: absolute; top: 165px; left: 0; z-index: 1; box-sizing: border-box; width: 1340px; // display: flex; height: 63px; text-decoration: none; background: #fff; user-select: none; tap-highlight-color: rgba(0, 0, 0, 0); .floor { display: flex; align-items: center; float: left; //justify-content: center; width: 120px; height: 100%; border-right: 1px solid rgba(196, 196, 196, 0.4); } .navigator { display: flex; float: left; height: 100%; .navItem { display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; width: 55px; height: 100%; margin: 0 20px; padding-top: 5px; font-size: 12px; border-bottom: 3px solid transparent; cursor: pointer; .text { margin-top: 4px; color: #000; text-align: center; } } } .right { display: flex; flex-direction: column; justify-content: center; float: right; width: 220px; height: 100%; white-space: nowrap; .firstLine { display: flex; align-items: center; height: 28px; font-weight: 600; sup { top: 0; line-height: 1; } .line { height: 22px; margin: 0 12px; border-left: 1px solid rgba(196, 196, 196, 0.4); } .level { color: #4d5262; font-size: 14px; font-family: PingFang SC; } } .value { margin-right: 2px; // color: #e5574f; font-size: 28px; font-family: Montserrat; } .unit { // color: #e5574f; } .text { margin-top: 2px; color: #c4c4c4; font-size: 12px; } } }