/* .container { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 200rpx 0; box-sizing: border-box; } */ .f { flex: 1; } .f-row { display: flex; flex-direction: row; } page { width: 100%; font-family: 'Gill Sans Extrabold', sans-serif; } .fx { display: flex; } .fa { display: flex; align-items: center; } .fc { display: flex; flex-direction: column; } .fed { display: flex; align-items: flex-end; } .fj { display: flex; justify-content: center; } .f1 { flex: 1; } .f2 { flex: 2; } .f3 { flex: 3; } .f4 { flex: 4; } .f5 { flex: 5; } .faj { display: flex; align-items: center; justify-content: center; } .sb { justify-content: space-between; } .wp { flex-wrap: wrap; align-content: flex-start; } .end { justify-content: flex-end; } .h1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .h2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; } .h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; word-break: break-all; }