statistics_A.acss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. .top {
  2. width: 100%;
  3. height: 140rpx;
  4. background-color: #26A2FF;
  5. margin-bottom: 70rpx;
  6. color: #fff;
  7. text-align: center;
  8. }
  9. .top text{
  10. position: relative;
  11. top: 6rpx;
  12. }
  13. .top image{
  14. width: 40rpx;
  15. height: 40rpx;
  16. margin-right: 10rpx;
  17. }
  18. .head{
  19. position: absolute;
  20. top: 70rpx;
  21. left: 32rpx;
  22. right: 32rpx;
  23. border-radius: 20rpx;
  24. background-color: #fff;
  25. box-shadow: 0rpx 0rpx 10rpx #ccc;
  26. height: 140rpx;
  27. text-align: center;
  28. }
  29. .head .flex-1 view:nth-child(1){
  30. color: #26A2FF;
  31. font-weight: 600;
  32. margin-bottom: 10rpx;
  33. font-size: 40rpx;
  34. }
  35. .head .flex-1 view:nth-child(2){
  36. color: #C0C4CC;
  37. margin-bottom: 5rpx;
  38. font-size: 24rpx;
  39. }
  40. .headed{
  41. background-color: #fff;
  42. }
  43. .headed-box{
  44. padding: 32rpx;
  45. color: #303133;
  46. }
  47. .title{
  48. color: #222;
  49. position: relative;
  50. padding: 0rpx 16rpx 28rpx 16rpx;
  51. font-size: 24rpx;
  52. }
  53. .title::before{
  54. position: absolute;
  55. content: "";
  56. height: 24rpx;
  57. left: 0;
  58. top: 0rpx;
  59. width: 6rpx;
  60. background-color: #26A2FF;
  61. border-radius: 50rpx;
  62. }
  63. .f2-chart {
  64. width: 100%;
  65. height: 400rpx;
  66. }
  67. /* 底部 */
  68. .main{
  69. padding: 32rpx;
  70. background-color: #fff;
  71. }
  72. .list{
  73. padding: 28rpx 0;
  74. border-top: 1px solid #f1f1f1;
  75. }
  76. .text{
  77. margin-right: 10rpx;
  78. color: #303133;
  79. }