mould.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
  1. body {
  2. background: #000d4a url(../images/bg.png) center top;
  3. background-size: cover;
  4. color: #666;
  5. font-size: 0.1rem;
  6. }
  7. .center {
  8. position: absolute;
  9. width: 100px;
  10. height: 100px;
  11. margin: auto;
  12. top: 0;
  13. bottom: 0;
  14. left: 0;
  15. right: 0;
  16. }
  17. .head {
  18. height: 1.05rem;
  19. background: url(../images/topTitle.png) no-repeat center center;
  20. background-size: 100% 100%;
  21. position: relative;
  22. z-index: 100;
  23. }
  24. .head h1 {
  25. color: #fff;
  26. text-align: center;
  27. font-size: 0.4rem;
  28. line-height: 0.4rem;
  29. }
  30. .head h1 img {
  31. width: 1.5rem;
  32. display: inline-block;
  33. vertical-align: middle;
  34. margin-right: 0.2rem;
  35. }
  36. .container {
  37. padding: 0.1rem 0.1rem 0rem 0.1rem;
  38. }
  39. .container > ul > li {
  40. float: left;
  41. padding: 0 0.1rem;
  42. }
  43. .container > ul > li {
  44. width: 30%;
  45. }
  46. .container > ul > li:nth-child(2) {
  47. width: 40%;
  48. padding: 0;
  49. }
  50. .circle {
  51. height: 4.8rem;
  52. margin-bottom: 0.15rem;
  53. }
  54. .box {
  55. height: 4.2rem;
  56. padding: 0 0.2rem 0.2rem 0.15rem;
  57. position: relative;
  58. margin-bottom: 0.15rem;
  59. z-index: 10;
  60. }
  61. .count {
  62. font-size: 0.2rem;
  63. color: #ffffff;
  64. font-weight: 600;
  65. position: absolute;
  66. }
  67. .mo_total {
  68. top: 2.2rem;
  69. left: 0.8rem;
  70. }
  71. .mo_store {
  72. top: 2.2rem;
  73. left: 2.5rem;
  74. }
  75. .mo_line {
  76. top: 2.2rem;
  77. left: 4.4rem;
  78. }
  79. .gauge_total {
  80. top: 4.2rem;
  81. left: 0.8rem;
  82. }
  83. .gauge_store {
  84. top: 4.2rem;
  85. left: 2.5rem;
  86. }
  87. .gauge_line {
  88. top: 4.2rem;
  89. left: 4.4rem;
  90. }
  91. .title {
  92. font-size: 0.2rem;
  93. color: #2fd5ff;
  94. text-align: center;
  95. line-height: 0.5rem;
  96. width: 2.4rem;
  97. position: absolute;
  98. font-weight: 600;
  99. }
  100. .malfunction {
  101. margin-top: 0.88rem;
  102. }
  103. .outIn {
  104. margin-top: 0.66rem;
  105. margin-left: 1.3rem;
  106. }
  107. .aging {
  108. margin-top: 0.3rem;
  109. margin-left: 1.4rem;
  110. }
  111. .chart {
  112. width: 5.8rem;
  113. height: 3rem;
  114. margin-top: 1.6rem;
  115. }
  116. .count_box {
  117. width: 2rem;
  118. position: absolute;
  119. text-align: center;
  120. font-size: 0.4rem;
  121. color: #ffffff;
  122. }
  123. .total1 {
  124. top: 0.74rem;
  125. left: 0.26rem;
  126. }
  127. .store1 {
  128. top: 0.74rem;
  129. left: 2.12rem;
  130. }
  131. .line1 {
  132. top: 0.74rem;
  133. left: 3.98rem;
  134. }
  135. .total2 {
  136. top: 2.8rem;
  137. left: 0.26rem;
  138. }
  139. .store2 {
  140. top: 2.8rem;
  141. left: 2.12rem;
  142. }
  143. .line2 {
  144. top: 2.8rem;
  145. left: 3.98rem;
  146. }