.hazardSources.data-v-7285feee { height: 100%; width: 100%; background: #363744; padding: 20rpx 30rpx 36rpx; box-sizing: border-box; } .hazardSources .small-title.data-v-7285feee { display: flex; justify-content: space-between; } .hazardSources .small-title .small-title-l.data-v-7285feee { font-weight: 400; font-size: 32rpx; color: #fff; line-height: 45rpx; text-align: left; margin: 28rpx 0; } .hazardSources .small-title .small-title-r.data-v-7285feee { width: 15rpx; height: 18rpx; } .hazardSources .chart.data-v-7285feee { width: 690rpx; height: 560rpx; background: #3e414f; border-radius: 20rpx 20rpx 20rpx 20rpx; padding: 34rpx 30rpx 26rpx; box-sizing: border-box; } .hazardSources .chart .chart-b.data-v-7285feee { width: 630rpx; height: 500rpx; } .hazardSources .statistics.data-v-7285feee { width: 690rpx; height: 241rpx; background: #3e414f; border-radius: 20rpx 20rpx 20rpx 20rpx; margin-top: 20rpx; } .hazardSources .statistics .statistics-t.data-v-7285feee { height: 100rpx; display: flex; justify-content: space-between; align-items: center; border-bottom: 1rpx solid #52545f; padding: 0 42rpx 0 38rpx; box-sizing: border-box; } .hazardSources .statistics .statistics-t .statistics-t-l.data-v-7285feee { font-weight: 400; font-size: 32rpx; color: #fff; line-height: 45rpx; } .hazardSources .statistics .statistics-t .statistics-t-r.data-v-7285feee { font-weight: 400; font-size: 36rpx; color: #fff; line-height: 50rpx; } .hazardSources .statistics .statistics-b.data-v-7285feee { display: flex; justify-content: space-between; align-items: center; } .hazardSources .statistics .statistics-b .statistics-b-li.data-v-7285feee { flex: 1; text-align: center; } .hazardSources .statistics .statistics-b .statistics-b-li .statistics-b-li-t.data-v-7285feee { font-weight: 400; font-size: 36rpx; line-height: 50rpx; margin-top: 28rpx; } .hazardSources .statistics .statistics-b .statistics-b-li .statistics-b-li-b.data-v-7285feee { font-weight: 400; font-size: 28rpx; color: #fff; line-height: 39rpx; margin-top: 9rpx; } .hazardSources .statistics .statistics-b .line.data-v-7285feee { width: 2rpx; height: 30rpx; background: #d8d8d8; } .hazardSources .statistics .statistics-b .color-A.data-v-7285feee { color: #ff8c00; } .hazardSources .statistics .statistics-b .color-B.data-v-7285feee { color: #26c736; } .hazardSources .statistics .statistics-b .color-C.data-v-7285feee { color: #f00; } .hazardSources .table.data-v-7285feee { width: 690rpx; margin-top: 20rpx; border-radius: 20rpx 20rpx 0 0; overflow: hidden; } .hazardSources .table .sortOne.data-v-7285feee { display: inline-block; width: 40rpx; height: 40rpx; padding: 4rpx; box-sizing: border-box; background: rgba(255,0,0,0.2); font-weight: 400; font-size: 28rpx; color: #f00; line-height: 40rpx; text-align: center; border-radius: 20rpx; } .hazardSources .table .sortTow.data-v-7285feee { display: inline-block; width: 40rpx; height: 40rpx; padding: 4rpx; box-sizing: border-box; background: rgba(255,153,0,0.2); font-weight: 400; font-size: 28rpx; color: #f90; line-height: 40rpx; text-align: center; border-radius: 20rpx; } .hazardSources .table .sortThree.data-v-7285feee { display: inline-block; width: 40rpx; height: 40rpx; padding: 4rpx; box-sizing: border-box; background: rgba(255,242,0,0.2); font-weight: 400; font-size: 28rpx; color: #fff200; line-height: 40rpx; text-align: center; border-radius: 20rpx; } .hazardSources .table .sortFive.data-v-7285feee { display: inline-block; width: 40rpx; height: 40rpx; padding: 4rpx; box-sizing: border-box; background: rgba(1,131,250,0.2); font-weight: 400; font-size: 28rpx; color: #0183fa; line-height: 40rpx; text-align: center; border-radius: 20rpx; }