khpm.child.css 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. * {
  2. touch-action: none;
  3. }
  4. /* 统计项样式 */
  5. .cr-item {
  6. background-color: rgb(255, 255, 0);
  7. display: flex;
  8. flex-direction: column;
  9. margin-bottom: 5px;
  10. }
  11. /* 统计项行样式 */
  12. .cr-item-row {
  13. display: flex;
  14. flex-direction: row;
  15. height: 20px;
  16. align-items: center;
  17. }
  18. /* 统计项列样式 */
  19. .cr-item-column {
  20. flex: 1;
  21. display: flex;
  22. justify-content: center;
  23. align-items: center;
  24. }
  25. /* 统计项标题样式 */
  26. .cr-item-title {
  27. font-size: 14px !important;
  28. color: rgb(232, 183, 99);
  29. }
  30. /* 统计项值样式 */
  31. .cr-item-value {
  32. font-family: 'UnidreamLED', sans-serif !important;
  33. font-size: 16px !important;
  34. color: rgb(255, 255, 255);
  35. }
  36. /* 统计项名称样式 */
  37. .cr-item-name {
  38. flex: 1;
  39. }
  40. /* 统计项名称标题样式 */
  41. .cr-item-name span {
  42. background-color: rgb(200, 211, 251);
  43. display: inline-block;
  44. padding: 4px 4px 4px 14px;
  45. margin-left: 20px;
  46. font-size: 14px;
  47. width: 140px;
  48. font-family: 'TTTGB-Medium', sans-serif !important;
  49. border-radius: 0px 14px 14px 0px;
  50. }
  51. /* 统计项排序样式 */
  52. .cr-item-order {
  53. /* width: 120px; */
  54. display: flex;
  55. flex-direction: row;
  56. align-items: center;
  57. justify-content: right;
  58. /* background-color: blue; */
  59. margin-right: 10px;
  60. }
  61. /* 统计项排序名称标识 */
  62. .cr-item-order span:nth-child(1) {
  63. display: inline-block;
  64. font-size: 14px;
  65. color: rgb(147, 225, 212);
  66. }
  67. /* 统计项执法率 */
  68. .cr-item-order span:nth-child(2) {
  69. display: inline-block;
  70. font-size: 14px;
  71. color: rgb(216, 126, 113);
  72. font-weight: bold;
  73. }
  74. /* 统计项排序数字样式 */
  75. .cr-item-order span:nth-child(3) {
  76. font-size: 14px;
  77. background-color: rgb(236, 201, 201);
  78. width: 24px;
  79. height: 24px;
  80. border-radius: 12px;
  81. display: flex;
  82. justify-content: center;
  83. align-items: center;
  84. margin-left: 8px;
  85. font-family: 'UnidreamLED', sans-serif !important;
  86. }