.equipmentControl.data-v-43eb3d7c { height: 100%; width: 100%; background: #363744; padding: 2rpx 0rpx 0; box-sizing: border-box; } .equipmentControl .statistics.data-v-43eb3d7c { width: 750rpx; height: 120rpx; background: #3e414f; } .equipmentControl .statistics .statistics-b.data-v-43eb3d7c { display: flex; justify-content: space-between; align-items: center; } .equipmentControl .statistics .statistics-b .statistics-b-li.data-v-43eb3d7c { flex: 1; text-align: center; } .equipmentControl .statistics .statistics-b .statistics-b-li .statistics-b-li-t.data-v-43eb3d7c { font-weight: 400; font-size: 36rpx; line-height: 50rpx; margin-top: 10rpx; } .equipmentControl .statistics .statistics-b .statistics-b-li .statistics-b-li-b.data-v-43eb3d7c { font-weight: 400; font-size: 24rpx; color: #fff; line-height: 34rpx; margin-top: 9rpx; } .equipmentControl .statistics .statistics-b .line.data-v-43eb3d7c { width: 2rpx; height: 30rpx; background: #d8d8d8; } .equipmentControl .statistics .statistics-b .color-A.data-v-43eb3d7c { color: #0183fa; } .equipmentControl .statistics .statistics-b .color-B.data-v-43eb3d7c { color: #f00; } .equipmentControl .statistics .statistics-b .color-C.data-v-43eb3d7c { color: #fa0; } .equipmentControl .small-title.data-v-43eb3d7c { display: flex; justify-content: space-between; align-items: center; margin: 0 30rpx; } .equipmentControl .small-title .small-title-l.data-v-43eb3d7c { font-weight: 400; font-size: 32rpx; color: #fff; line-height: 45rpx; text-align: left; margin: 28rpx 0; } .equipmentControl .small-title .small-title-r.data-v-43eb3d7c { width: 15rpx; height: 18rpx; } .equipmentControl .chart.data-v-43eb3d7c { width: 690rpx; height: 476rpx; background: #3e414f; border-radius: 20rpx 20rpx 20rpx 20rpx; margin: 0 30rpx; } .equipmentControl .chart .chart-b.data-v-43eb3d7c { width: 690rpx; height: 476rpx; } .equipmentControl .chart-tow.data-v-43eb3d7c { width: 690rpx; height: 436rpx; background: #3e414f; border-radius: 20rpx 20rpx 20rpx 20rpx; margin: 0 30rpx; } .equipmentControl .chart-tow .chart-tow-b.data-v-43eb3d7c { width: 690rpx; height: 436rpx; } .equipmentControl .small-title-tow.data-v-43eb3d7c { width: 750rpx; height: 80rpx; background: #3e414f; display: flex; justify-content: space-between; align-items: center; padding: 0 20rpx 0 30rpx; box-sizing: border-box; margin-top: 2rpx; } .equipmentControl .small-title-tow .small-title-tow-l.data-v-43eb3d7c { flex: 1; font-weight: 400; font-size: 30rpx; color: #fff; line-height: 42rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .equipmentControl .small-title-tow .small-title-tow-r.data-v-43eb3d7c { width: 14rpx; height: 8rpx; } .equipmentControl .small-title-three.data-v-43eb3d7c { height: 50rpx; display: flex; justify-content: space-between; align-items: center; margin: 24rpx 30rpx; } .equipmentControl .small-title-three .small-title-l.data-v-43eb3d7c { font-weight: 400; font-size: 32rpx; color: #fff; line-height: 45rpx; } .equipmentControl .small-title-three .chart-tab-tow.data-v-43eb3d7c { width: 300rpx; height: 50rpx; border-radius: 25rpx; overflow: hidden; border: 1rpx solid #52545f; display: flex; justify-content: flex-start; } .equipmentControl .small-title-three .chart-tab-tow .chart-tab-li.data-v-43eb3d7c { width: 100rpx; font-weight: 400; font-size: 28rpx; color: #999; line-height: 50rpx; text-align: center; } .equipmentControl .small-title-three .chart-tab-tow .chart-tab-li.data-v-43eb3d7c:nth-of-type(1) { border-right: 1rpx solid #52545f; } .equipmentControl .small-title-three .chart-tab-tow .chart-tab-li.data-v-43eb3d7c:nth-of-type(2) { border-right: 1rpx solid #52545f; } .equipmentControl .small-title-three .chart-tab-tow .tab-A.data-v-43eb3d7c { color: #fff; background: #0183fa; } .equipmentControl .small-title-three .chart-tab-tow .tab-B.data-v-43eb3d7c { color: #999; background: none; } .equipmentControl .chart-three.data-v-43eb3d7c { width: 690rpx; height: 509rpx; background: #3e414f; border-radius: 20rpx 20rpx 0rpx 0rpx; margin: 34rpx 30rpx 0; overflow: hidden; } .equipmentControl .chart-three .chart-three-b.data-v-43eb3d7c { width: 690rpx; height: 394rpx; } .equipmentControl .chart-title.data-v-43eb3d7c { width: 689rpx; height: 80rpx; background: rgba(162,162,162,0.2); border-radius: 0rpx 0rpx 0rpx 0rpx; padding: 0 70rpx 0 38rpx; box-sizing: border-box; margin: 0 30rpx; display: flex; justify-content: space-between; } .equipmentControl .chart-title .chart-title-l.data-v-43eb3d7c { font-weight: 400; font-size: 30rpx; color: #fff; line-height: 80rpx; } .equipmentControl .chart-title .chart-title-r.data-v-43eb3d7c { font-weight: 400; font-size: 30rpx; color: #fff; line-height: 80rpx; } .equipmentControl .list.data-v-43eb3d7c { margin: 0 30rpx; padding: 0 30rpx; box-sizing: border-box; } .equipmentControl .list .list-title.data-v-43eb3d7c { height: 80rpx; display: flex; justify-content: space-between; border-bottom: 1rpx dashed rgba(216,216,216,0.2); padding: 0 38rpx 0 10rpx; box-sizing: border-box; } .equipmentControl .list .list-title .list-title-l.data-v-43eb3d7c { font-weight: 400; font-size: 28rpx; color: #fff; line-height: 80rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .equipmentControl .list .list-title .list-title-r.data-v-43eb3d7c { font-weight: 400; font-size: 28rpx; color: #0183fa; line-height: 80rpx; } .equipmentControl .list .list-li.data-v-43eb3d7c { min-height: 80rpx; display: flex; justify-content: space-between; padding: 0 38rpx 0 10rpx; box-sizing: border-box; font-weight: 400; font-size: 28rpx; color: #999; line-height: 40rpx; text-align: left; padding: 20rpx 0; box-sizing: border-box; }