.tabback.data-v-6ba675ed { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 160rpx; padding: 0 20rpx; padding-top: 80rpx; box-sizing: border-box; position: fixed; top: 0; left: 0; z-index: 999 !important; background-color: #fff; } .tabback .rtjt.data-v-6ba675ed { font-size: 36rpx; } .device-detail.data-v-6ba675ed { padding-top: 150rpx; background-color: #F3F5F6; } .avatar-box.data-v-6ba675ed { position: relative; display: flex; justify-content: center; margin-top: 60rpx; padding-bottom: 74rpx; border-bottom: 1rpx solid #f2f2f2; } .avatar-box .avatar.data-v-6ba675ed { width: 278rpx; height: 278rpx; background: #e0e0e0; border-radius: 24rpx; box-shadow: 0 2rpx 8rpx #eee; } .avatar-box .scan-btn.data-v-6ba675ed { position: absolute; right: 26rpx; top: -36rpx; width: 48rpx; height: 48rpx; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 32rpx; box-shadow: 0 2rpx 8rpx #eee; border: 1rpx solid #eee; } .avatar-box .scan-btn image.data-v-6ba675ed { width: 48rpx; height: 48rpx; } .info-card.data-v-6ba675ed { background: #fff; } .info-card .info-item.data-v-6ba675ed { display: flex; align-items: flex-start; padding: 0 24rpx 0 32rpx; position: relative; min-height: 80rpx; } .info-card .info-item image.data-v-6ba675ed { width: 50rpx; height: 50rpx; margin-top: 30rpx; } .info-card .info-item .info-icon.data-v-6ba675ed { font-family: 'iconfont' !important; font-size: 32rpx; margin-right: 18rpx; color: #222; line-height: 80rpx; } .info-card .info-item .info-content.data-v-6ba675ed { flex: 1; padding: 18rpx 0; } .info-card .info-item .info-content .info-title.data-v-6ba675ed { font-size: 28rpx; color: #333; font-weight: 500; } .info-card .info-item .info-content .info-status-row.data-v-6ba675ed { display: flex; align-items: center; margin-top: 6rpx; min-height: 32rpx; } .info-card .info-item .info-content .info-status-row .info-status.data-v-6ba675ed { font-size: 26rpx; color: #666; } .info-card .info-item .info-content .info-status-row .info-status.red.data-v-6ba675ed { color: #e74c3c; } .info-card .info-item .info-content .info-status-row .info-status.green.data-v-6ba675ed { color: #27ae60; } .info-card .info-item .info-content .info-status-row .signal-bar.data-v-6ba675ed { display: flex; align-items: center; } .info-card .info-item .info-content .info-status-row .signal-bar .signal-block.data-v-6ba675ed { width: 62rpx; height: 6rpx; margin-right: 6rpx; border-radius: 2rpx; background: #e0e0e0; } .info-card .info-item .info-content .info-status-row .signal-bar .signal-block.active.data-v-6ba675ed { background: #4cd964; } .info-card .info-item .divider.data-v-6ba675ed { position: absolute; left: 0; right: 0; bottom: 0; height: 1rpx; background: #f2f2f2; } .device-summary.data-v-6ba675ed { background: #f7f7f7; text-align: center; color: #888; font-size: 24rpx; line-height: 1.8; border-radius: 0 0 20rpx 20rpx; padding-top: 40rpx; box-sizing: border-box; padding-bottom: 30rpx; }