.f2-chart { width: 100%; height: 500rpx; } .report-wrapper{ font-size: 0; background: #5C4CEA; padding:0 0 10rpx; } .report-img{ width:100%; } .block-data-wrapper{ position: relative; font-size: 30rpx; } .common-data{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:100; display: flex; justify-content: center; align-items: center; color:#5C4CEA; flex-direction: column; } .report-date{ margin:36rpx 0; font-size: 90rpx; font-weight:bold; } .service-day{ margin:0 0 36rpx 0; } .service-day text{ font-size:48rpx; color:#E95E4A; font-weight: bolder; } .percent-top text{ color:#E95E4A; font-weight: bolder; } .expend-total{ height: 90rpx; line-height: 90rpx; margin:30rpx 44rpx 20rpx; ; border-radius: 20rpx; font-size: 36rpx; color: white; text-align: center; border:3rpx solid #fff; } .expend-total text{ color: #EFC149; } .shape-chart1{ padding:100rpx 40rpx 40rpx; } .shape-chart2{ padding:260rpx 40rpx 40rpx; } .shape-chart5{ padding:80rpx 40rpx 80rpx; } .no-chart-tip{ color: #fff; font-size: 28rpx; line-height: 60rpx; text-align: center; padding:60rpx 40rpx 120rpx ; }