monthReport.acss 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. .f2-chart {
  2. width: 100%;
  3. height: 500rpx;
  4. }
  5. .report-wrapper{
  6. font-size: 0;
  7. background: #5C4CEA;
  8. padding:0 0 10rpx;
  9. }
  10. .report-img{
  11. width:100%;
  12. }
  13. .block-data-wrapper{
  14. position: relative;
  15. font-size: 30rpx;
  16. }
  17. .common-data{
  18. position:absolute;
  19. top:0;
  20. left:0;
  21. right:0;
  22. bottom:0;
  23. z-index:100;
  24. display: flex;
  25. justify-content: center;
  26. align-items: center;
  27. color:#5C4CEA;
  28. flex-direction: column;
  29. }
  30. .report-date{
  31. margin:36rpx 0;
  32. font-size: 90rpx;
  33. font-weight:bold;
  34. }
  35. .service-day{
  36. margin:0 0 36rpx 0;
  37. }
  38. .service-day text{
  39. font-size:48rpx;
  40. color:#E95E4A;
  41. font-weight: bolder;
  42. }
  43. .percent-top text{
  44. color:#E95E4A;
  45. font-weight: bolder;
  46. }
  47. .expend-total{
  48. height: 90rpx;
  49. line-height: 90rpx;
  50. margin:30rpx 44rpx 20rpx; ;
  51. border-radius: 20rpx;
  52. font-size: 36rpx;
  53. color: white;
  54. text-align: center;
  55. border:3rpx solid #fff;
  56. }
  57. .expend-total text{
  58. color: #EFC149;
  59. }
  60. .shape-chart1{
  61. padding:100rpx 40rpx 40rpx;
  62. }
  63. .shape-chart2{
  64. padding:260rpx 40rpx 40rpx;
  65. }
  66. .shape-chart5{
  67. padding:80rpx 40rpx 80rpx;
  68. }