road_manage_statistics.css 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254
  1. .container-right{
  2. width:98%;
  3. padding-bottom: 0px;
  4. margin:15px auto;
  5. border:1px solid #d9d9d9;
  6. font-family: '宋体';
  7. border-radius: 4px;
  8. font-size: 15px;
  9. }
  10. .row-1{
  11. width:100%;
  12. height:35px;
  13. background-color: #fff;
  14. }
  15. .row-1 span{
  16. margin-left: 20px;
  17. line-height: 35px;
  18. }
  19. .line-1{
  20. width:100%;
  21. height: 1px;
  22. background-color: #d9d9d9;
  23. }
  24. .row-2{
  25. width:100%;
  26. height:50px;
  27. }
  28. .row-2 div:eq(0){
  29. width:300px;
  30. height:50px;
  31. line-height: 50px;
  32. }
  33. .div-month {
  34. width:80px;
  35. /* height:50px; */
  36. float:left;
  37. /* margin-left: 10px; */
  38. line-height: 50px;
  39. }
  40. #month_date
  41. {
  42. /*margin-top: 9px;*/
  43. width:80px;
  44. /* height:50px; */
  45. float:left;
  46. line-height: 50px;
  47. }
  48. .div-roadManage{
  49. width:140px;
  50. /* height:50px; */
  51. float:left;
  52. margin-left: 20px;
  53. line-height: 50px;
  54. }
  55. .div-roadManage select{
  56. width:140px;
  57. height:30px;
  58. border: 1px solid #ccc;
  59. border-radius: 4px;
  60. font-size: 13px;
  61. font-size: 14px;
  62. }
  63. .div-button{
  64. /* width:80px; */
  65. /* height:50px; */
  66. float:left;
  67. margin-left: 20px;
  68. }
  69. .div-button button{
  70. /* width:80px;
  71. height:30px;
  72. color: #fff;
  73. background-color: #3280fc;
  74. border-color: #1970fc;
  75. border:1px solid transparent;
  76. border-radius: 4px; */
  77. /*margin-top: 10px;*/
  78. }
  79. .row-3,.row-4,.row-6,.row-7{
  80. width:100%;
  81. /* height:40px; */
  82. background-color: #328dc7;
  83. color: white;
  84. }
  85. .row-3 div,.row-6 div{
  86. line-height: 40px;
  87. text-align: center;
  88. font-weight: bold;
  89. }
  90. .row-4 span{
  91. line-height: 40px;
  92. margin-left: 20px;
  93. }
  94. .row-4 a{
  95. line-height: 40px;
  96. margin-left: 84%;
  97. }
  98. .col-1{
  99. width:49%;
  100. height:40px;
  101. float:left;
  102. line-height: 40px;
  103. text-align: center;
  104. font-weight: bold;
  105. }
  106. .line-2{
  107. width:1px;
  108. height:40px;
  109. background-color: #d9d9d9;
  110. float:left;
  111. }
  112. .line-3{
  113. width:1px;
  114. height:400px;
  115. background-color: #d9d9d9;
  116. float:left;
  117. }
  118. .row-8{
  119. height: 100%;
  120. height:400px;
  121. background-color: #fff;
  122. }.container-right{
  123. width:98%;
  124. padding-bottom: 0px;
  125. margin:15px auto;
  126. border:1px solid #d9d9d9;
  127. font-family: '宋体';
  128. }
  129. .row-1{
  130. width:100%;
  131. height:35px;
  132. background-color: #fff;
  133. }
  134. .row-1 span{
  135. margin-left: 20px;
  136. line-height: 35px;
  137. }
  138. .line-1{
  139. width:100%;
  140. height: 1px;
  141. background-color: #d9d9d9;
  142. }
  143. .row-2{
  144. width:100%;
  145. height:50px;
  146. }
  147. .select-scope{
  148. width:95px;
  149. height:20px;
  150. line-height: 50px;
  151. float:left;
  152. margin-left: 20px;
  153. }
  154. .select-all{
  155. width:80px;
  156. height:20px;
  157. line-height: 50px;
  158. float:left;
  159. margin-left: 5px;
  160. }
  161. .select-month{
  162. width:80px;
  163. height:20px;
  164. line-height: 50px;
  165. float:left;
  166. margin-left: 20px;
  167. }
  168. .div-month select{
  169. width: 80px;
  170. height: 30px;
  171. border: 1px solid #ccc;
  172. border-radius: 4px;
  173. font-size: 14px;
  174. }
  175. .query-total{
  176. width:70px;
  177. height:20px;
  178. line-height: 50px;
  179. float:right;
  180. margin-right: 20px;
  181. }
  182. .row-7{
  183. width:100%;
  184. height:40px;
  185. }
  186. .col-1{
  187. width:49%;
  188. height:40px;
  189. float:left;
  190. line-height: 40px;
  191. text-align: center;
  192. font-weight: bold;
  193. }
  194. .line-2{
  195. width:1px;
  196. height:40px;
  197. background-color: #d9d9d9;
  198. float:left;
  199. }
  200. .line-3{
  201. width:1px;
  202. height:400px;
  203. background-color: #328dc7;
  204. float:left;
  205. }
  206. .row-8{
  207. height: 100%;
  208. height:400px;
  209. background-color: #fff;
  210. }
  211. .border-line{
  212. /* width:100%; */
  213. height: 442px;
  214. margin:15px auto;
  215. border:0px solid #328dc7;
  216. background-color: #fff;
  217. /* background-color: #ecf0f5; */
  218. /* box-shadow: 0 1px 1px rgba(0,0,0,0.1); */
  219. /* box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); */
  220. }
  221. .border-no{
  222. /* width:100%; */
  223. height: 442px;
  224. margin:15px 5px;
  225. border:0px solid #328dc7;
  226. background-color: #fff;
  227. /* background-color: #ecf0f5; */
  228. box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  229. /* background-color: #ecf0f5; */
  230. /* box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.16), 1px 1px 5px 0 rgba(0, 0, 0, 0.12); */
  231. text-align: center;
  232. }
  233. .title-div{
  234. background-color: #529AC5;
  235. text-align: center;
  236. padding: 10px;
  237. }
  238. .title-div span{
  239. color:#fff;
  240. margin-left: 20px;
  241. line-height: 35px;
  242. font-size: 20px;
  243. }