page { height: 100%; background-color: #f2f2f2; } .flex-wrap{ display: flex; flex-direction: row; } .form-wrap { border-top: 1px solid #eee; margin: 8px 0; } .tappable:hover { opacity: .6; } .hint, .error { display: block; margin: 8px 0; color: #888; font-size: 14px; } .lab { display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 200rpx 0; box-sizing: border-box; } .lab .status image { width: 70px; height: 70px; border-radius: 100%; } .lab .hint { text-align: center; width: 80%; } .lab .interactive { width: 80%; } .lab .interactive input { border-bottom: 4rpx solid #EEE; } .lab .command { height: 200rpx; } .lab .command button { margin: 10px; }