.anniu.data-v-5653bbde { width: 750rpx; height: 118rpx; background: #FFFFFF; border-radius: 0rpx 0rpx 0rpx 0rpx; font-size: 36rpx; color: #FF5353; text-align: center; line-height: 118rpx; position: fixed; left: 0; bottom: 0; z-index: 999; box-shadow: 0rpx 20rpx 26rpx 4rpx #000; } .shuom.data-v-5653bbde { width: 750rpx; height: 128rpx; background: #FFFFFF; border-radius: 0rpx 0rpx 0rpx 0rpx; display: flex; align-items: center; justify-content: space-between; margin-top: 32rpx; padding: 0 32rpx; box-sizing: border-box; } .shuom .lt.data-v-5653bbde { display: flex; align-items: center; } .shuom .lt image.data-v-5653bbde { width: 80rpx; height: 80rpx; margin-right: 40rpx; } .shuom image.data-v-5653bbde { width: 56rpx; height: 56rpx; } .dlyanchi.data-v-5653bbde { width: 750rpx; height: 164rpx; background: #FFFFFF; border-radius: 0rpx 0rpx 0rpx 0rpx; display: flex; align-items: center; justify-content: space-between; padding: 0 32rpx; box-sizing: border-box; margin-top: 32rpx; } .dlyanchi .lt view.data-v-5653bbde { font-size: 26rpx; color: #7F7F7F; } .dlyanchi .rt image.data-v-5653bbde { width: 56rpx; height: 56rpx; } .yanchi.data-v-5653bbde { width: 750rpx; height: 262rpx; background: #FFFFFF; border-radius: 0rpx 0rpx 0rpx 0rpx; } .yanchi .top.data-v-5653bbde { display: flex; align-items: center; justify-content: space-between; padding: 36rpx 32rpx; box-sizing: border-box; margin-top: 32rpx; } .yanchi .top .lt.data-v-5653bbde { font-size: 30rpx; color: #3D3D3D; } .yanchi .bot.data-v-5653bbde { display: flex; align-items: center; justify-content: space-between; padding: 0 32rpx; box-sizing: border-box; } .yanchi .bot .lt view.data-v-5653bbde { font-size: 26rpx; color: #7F7F7F; } .yanchi .bot .rt image.data-v-5653bbde { width: 56rpx; height: 56rpx; } .tongzhi.data-v-5653bbde { width: 750rpx; height: 122rpx; background: #FFFFFF; border-radius: 0rpx 0rpx 0rpx 0rpx; display: flex; align-items: center; justify-content: space-between; padding: 0 32rpx; box-sizing: border-box; border-bottom: 1rpx solid #D8D8D8; } .tongzhi .lt.data-v-5653bbde { font-size: 30rpx; color: #3D3D3D; } .moshi.data-v-5653bbde { width: 750rpx; height: 164rpx; background: #FFFFFF; border-radius: 0rpx 0rpx 0rpx 0rpx; display: flex; align-items: center; justify-content: space-between; margin-top: 32rpx; padding: 0 32rpx; box-sizing: border-box; } .moshi .lt .xi.data-v-5653bbde { font-size: 26rpx; color: #7F7F7F; } .moshi .lt .cu.data-v-5653bbde { font-size: 30rpx; color: #3D3D3D; margin-top: 12rpx; } .moshi .rt image.data-v-5653bbde { width: 28rpx; height: 42rpx; } .mckaiguan.data-v-5653bbde { width: 750rpx; height: 116rpx; background: #FFFFFF; border-radius: 0rpx 0rpx 0rpx 0rpx; margin-top: 16rpx; display: flex; align-items: center; justify-content: space-between; padding: 0 32rpx; box-sizing: border-box; } .mckaiguan .lt.data-v-5653bbde { font-size: 30rpx; color: #3D3D3D; } .mcname.data-v-5653bbde { font-size: 32rpx; color: #7F7F7F; margin-top: 68rpx; width: 100%; padding: 0 32rpx; box-sizing: border-box; } .onebox.data-v-5653bbde { width: 750rpx; height: 288rpx; background: #FFFFFF; border-radius: 0rpx 0rpx 0rpx 0rpx; margin-top: 32rpx; } .onebox .devicename.data-v-5653bbde { padding: 24rpx 32rpx; box-sizing: border-box; border-bottom: 1px solid #D8D8D8; } .onebox .devicename .xi.data-v-5653bbde { font-size: 28rpx; color: #7F7F7F; } .onebox .devicename .cu.data-v-5653bbde { font-size: 32rpx; color: #3D3D3D; margin-top: 10rpx; border-bottom: 1px solid #D8D8D8; padding-bottom: 18rpx; box-sizing: border-box; } .onebox .room.data-v-5653bbde { padding: 18rpx 32rpx; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; margin-top: 18rpx; } .onebox .room .lt .xi.data-v-5653bbde { font-size: 28rpx; color: #7F7F7F; } .onebox .room .lt .cu.data-v-5653bbde { font-size: 32rpx; color: #3D3D3D; margin-top: 10rpx; } .onebox .room .rt image.data-v-5653bbde { width: 28rpx; height: 42rpx; } .tabback.data-v-5653bbde { width: 750rpx; height: 204rpx; background: #FCFCFC; border-radius: 0rpx 0rpx 0rpx 0rpx; position: fixed; top: 0; left: 0; display: flex; align-items: center; justify-content: space-between; padding: 0 28rpx; box-sizing: border-box; border-bottom: 1px solid #D8D8D8; padding-top: 52rpx; z-index: 999; } .tabback .name.data-v-5653bbde { font-size: 36rpx; color: #3D3D3D; } .tabback .rtjt.data-v-5653bbde { font-size: 36rpx; } .device-detail.data-v-5653bbde { background-color: #F3F5F6; height: 100vh; overflow: scroll; padding-bottom: 186rpx; box-sizing: border-box; } .accel-card.data-v-5653bbde { width: 750rpx; background: #FFFFFF; border-radius: 0rpx 0rpx 0rpx 0rpx; margin-top: 32rpx; padding: 28rpx 32rpx 36rpx 32rpx; box-sizing: border-box; } .accel-title.data-v-5653bbde { font-size: 30rpx; color: #3D3D3D; margin-bottom: 50rpx; } .accel-slider-wrap.data-v-5653bbde { position: relative; display: flex; align-items: center; } .accel-track.data-v-5653bbde { flex: 1; position: relative; } .accel-cap.data-v-5653bbde { width: 44rpx; height: 44rpx; border: 2rpx solid #D8D8D8; border-radius: 6rpx; display: flex; align-items: center; justify-content: center; font-size: 28rpx; color: #3D3D3D; background: #FFFFFF; } .accel-cap.left.data-v-5653bbde { margin-right: 18rpx; } .accel-cap.right.data-v-5653bbde { margin-left: 18rpx; } .accel-indicator.data-v-5653bbde { position: absolute; top: -34rpx; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 22rpx; color: #3D3D3D; } .accel-scale.data-v-5653bbde { position: absolute; bottom: -26rpx; font-size: 20rpx; color: #7F7F7F; } /* 与左右按钮中心对齐:按钮宽 44rpx,因此取 22rpx 并用 translate 居中 */ .accel-scale.l.data-v-5653bbde { left: 22rpx; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .accel-scale.r.data-v-5653bbde { right: 22rpx; -webkit-transform: translateX(50%); transform: translateX(50%); } .accel-desc.data-v-5653bbde { margin-top: 40rpx; font-size: 24rpx; color: #7F7F7F; line-height: 38rpx; }