.device-room-picker-mask.data-v-178f9fbc { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.45); z-index: 10000; display: flex; align-items: flex-end; justify-content: center; } .device-room-picker-sheet.data-v-178f9fbc { width: 100%; max-height: 70vh; background: #fff; border-radius: 24rpx 24rpx 0 0; padding-bottom: env(safe-area-inset-bottom); box-sizing: border-box; -webkit-animation: appSheetSlideUp 0.42s cubic-bezier(0.25, 0.8, 0.25, 1); animation: appSheetSlideUp 0.42s cubic-bezier(0.25, 0.8, 0.25, 1); } .device-room-picker-head.data-v-178f9fbc { display: flex; align-items: center; justify-content: space-between; padding: 28rpx 32rpx; border-bottom: 1rpx solid #ececec; } .device-room-picker-title.data-v-178f9fbc { font-size: 34rpx; font-weight: 600; color: #333; } .device-room-picker-close.data-v-178f9fbc { font-size: 48rpx; line-height: 1; color: #999; padding: 0 8rpx; } .device-room-picker-scroll.data-v-178f9fbc { max-height: 56vh; } .device-room-picker-hint.data-v-178f9fbc { padding: 48rpx 32rpx; text-align: center; color: #999; font-size: 28rpx; } .device-room-picker-row.data-v-178f9fbc { display: flex; align-items: center; justify-content: space-between; padding: 24rpx 32rpx; border-bottom: 1rpx solid #f0f0f0; } .device-room-picker-row.is-current.data-v-178f9fbc { background: #f7f8fa; } .device-room-picker-left.data-v-178f9fbc { display: flex; align-items: center; flex: 1; min-width: 0; } .device-room-picker-thumb.data-v-178f9fbc { width: 88rpx; height: 88rpx; border-radius: 16rpx; margin-right: 24rpx; flex-shrink: 0; background: #eee; } .device-room-picker-name.data-v-178f9fbc { font-size: 30rpx; color: #333; flex: 1; min-width: 0; } .device-room-picker-check.data-v-178f9fbc { font-size: 32rpx; color: #333; }