.home { display: flex; justify-content: space-between; height: 100%; .flexst { display: flex; justify-content: space-between; } .title { display: flex; align-items: center; } .workbench { flex-wrap: wrap; height: 100%; li { width: 32.5%; height: 90px; @include flex-center; flex-direction: column; color: #fff; i { color: #fff; font-size: 30px; } } li:nth-child(1) { margin-bottom: 6px; } } .marginZL15 { margin: 0 15px; } .right15 { margin-right: 15px; } .title { font-size: 18px; } .marginTop10 { margin-top: 7px; } .home-left { width: 70%; padding-right: 3px; height: 100%; .list-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 75%; } ul { li { line-height: 36px; p { white-space: nowrap; } } } } .box-mountNode { flex: 1; height: calc(100% - 490px); } .home-right { padding-left: 4px; width: 30%; display: flex; flex-direction: column; .list-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #loginTime { height: 100%; padding-bottom: 90px; } .dynamicInfo { flex: 1; height: 100%; } ul { li { line-height: 36px; p { white-space: nowrap; } } } } }