.packingMachineDtl.data-v-f34bc910 { background-color: #f0f0f0; min-height: 100vh; margin-top: 128rpx; } .packingMachineDtl .footer-btn.data-v-f34bc910 { margin: 20rpx; background: blue; color: #fff; } .packingMachineDtl .state.data-v-f34bc910 { display: flex; justify-content: space-between; margin: 24rpx 24rpx 0; } .packingMachineDtl .state .state-box.data-v-f34bc910 { padding: 20rpx; width: 48%; background-color: #fff; display: flex; box-sizing: border-box; border-radius: 10rpx; position: relative; } .packingMachineDtl .state .state-box .before-icon.data-v-f34bc910 { width: 30rpx; height: 30rpx; position: absolute; right: 10rpx; top: 10rpx; } .packingMachineDtl .state .state-box .before-icon ._i.data-v-f34bc910 { color: #F54A45; } .packingMachineDtl .state .state-box .text.data-v-f34bc910 { padding: 12rpx 0; } .packingMachineDtl .state .state-box .state-text.data-v-f34bc910 { font-size: 26rpx; color: #FF8800; font-weight: bold; margin-top: 5rpx; } .packingMachineDtl .state .state-box .label.data-v-f34bc910 { font-weight: 400; font-size: 28rpx; } .packingMachineDtl .state .state-box image.data-v-f34bc910 { width: 110rpx; height: 110rpx; } .packingMachineDtl .parts-list.data-v-f34bc910 { padding: 0 24rpx; margin-top: 24rpx; } .packingMachineDtl .parts-list ._ul.data-v-f34bc910 { display: flex; justify-content: space-between; } .packingMachineDtl .parts-list ._li.data-v-f34bc910 { width: 32%; padding: 30rpx 0; text-align: center; position: relative; background-color: #fff; } .packingMachineDtl .parts-list ._li .temperature.data-v-f34bc910 { font-size: 40rpx; font-weight: bold; height: 60rpx; margin: 0 auto 20rpx; line-height: 60rpx; } .packingMachineDtl .parts-list ._li image.data-v-f34bc910 { width: 60rpx; height: 60rpx; display: block; margin: 0 auto 20rpx; } .packingMachineDtl .parts-list .before-icon.data-v-f34bc910 { width: 30rpx; height: 30rpx; position: absolute; right: 16rpx; top: 16rpx; } .packingMachineDtl .parts-list .before-icon ._i.data-v-f34bc910 { color: #3FBF31; } .packingMachineDtl .parts-list .before.data-v-f34bc910 { width: 30rpx; height: 30rpx; border-radius: 50%; background-color: rgba(204, 204, 204, 0.2); display: block; position: absolute; right: 16rpx; top: 16rpx; } .packingMachineDtl .parts-list .before.data-v-f34bc910::before { position: absolute; display: block; top: 7rpx; left: 7rpx; width: 19rpx; height: 19rpx; border-radius: 50%; content: " "; background: #cccccc; } .packingMachineDtl .parts-list .before.succes.data-v-f34bc910 { background-color: rgba(63, 191, 49, 0.2); } .packingMachineDtl .parts-list .before.succes.data-v-f34bc910::before { background: #3FBF31; } .packingMachineDtl .echarts.data-v-f34bc910 { background: #fff; margin: 24rpx 24rpx 0; } .packingMachineDtl .echarts .content .text.data-v-f34bc910 { font-size: 28rpx; font-weight: 700; color: #333; text-align: center; margin-bottom: 40rpx; } .packingMachineDtl .echarts .title.data-v-f34bc910 { font-size: 28rpx; height: 90rpx; line-height: 90rpx; display: flex; padding: 0 24rpx; font-weight: 500; } .packingMachineDtl .echarts .title image.data-v-f34bc910 { width: 40rpx; height: 40rpx; margin-top: 25rpx; margin-right: 16rpx; } .packingMachineDtl .equ-img.data-v-f34bc910 { padding: 24rpx; background-color: #ffffff; position: relative; } .packingMachineDtl .equ-img image.data-v-f34bc910 { width: 100%; height: 395rpx; } .packingMachineDtl .equ-img .err-modal.data-v-f34bc910 { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0, 0, 0, 0.6); text-align: center; display: flex; align-items: center; } .packingMachineDtl .equ-img .err-modal image.data-v-f34bc910 { width: 160rpx; height: 160rpx; margin: 0 auto; } .packingMachineDtl .state.data-v-f34bc910 { display: flex; justify-content: space-between; margin: 24rpx 24rpx 0; } .packingMachineDtl .state .state-box.data-v-f34bc910 { padding: 20rpx; width: 48%; background-color: #fff; display: flex; box-sizing: border-box; border-radius: 10rpx; } .packingMachineDtl .state .state-box .text.data-v-f34bc910 { padding: 12rpx 0; } .packingMachineDtl .state .state-box .state-text.data-v-f34bc910 { font-size: 32rpx; font-weight: bold; margin-top: 5rpx; } .packingMachineDtl .state .state-box .label.data-v-f34bc910 { font-weight: 400; font-size: 28rpx; } .packingMachineDtl .state .state-box image.data-v-f34bc910 { width: 110rpx; height: 110rpx; }