123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 |
- .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;
- }
|