.label { color: #c4c4c4; } .topnavigator { box-sizing: border-box; // display: flex; height: 68px; margin-top: 23px; background: #fff; .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; width: 50px; height: 100%; margin: 0 20px; font-size: 12px; border-bottom: 3px solid transparent; cursor: pointer; .text { margin-top: 7px; color: #000; text-align: center; } } } .right { display: flex; flex-direction: column; justify-content: center; float: right; width: 220px; height: 100%; white-space: nowrap; .firstLine { font-weight: 500; line-height: 20px; } .value { // color: #e5574f; font-size: 28px; } .unit { // color: #e5574f; } .text { color: #c4c4c4; } } }