.app { height: 100vh; background-color: #F7F5F5; padding: 15rpx 0 0 0; overflow: scroll; .tophealth { font-family: Source Han Sans CN; position: relative; left: 5%; width: 92%; // background: red; height: 60rpx; margin-bottom: 10rpx; image { position: absolute; width: 32rpx; height: 36rpx; top: 15%; // transform: translateY(-50%); // vertical-align: middle; } .health { font-size: 28rpx; font-weight: 500; color: #000000; line-height: 38rpx; height: 38rpx; position: absolute; top: 50%; transform: translateY(-50%); left: 7%; } .history { font-size: 26rpx; font-weight: 400; color: #26A888; line-height: 38rpx; height: 38rpx; position: absolute; top: 50%; transform: translateY(-50%); right: 0%; } } .bodyhealth { width: 94%; height: 208rpx; background: #FFFFFF; box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03); border-radius: 5rpx; position: relative; left: 50%; font-family: Source Han Sans CN; transform: translateX(-50%); margin-bottom: 20rpx; image { width: 140rpx; height: 140rpx; background: #ABACB1; border-radius: 5rpx; position: absolute; left: 5%; top: 50%; transform: translateY(-50%); } .risk { font-size: 32rpx; font-weight: 500; color: #333333; position: absolute; left: 30%; top: 25%; } .estimate { font-size: 28rpx; font-weight: 400; color: #959595; position: absolute; left: 30%; top: 50%; } } }