statistics.css 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369
  1. .nav-tabs li a {
  2. background-color: #f5f5f5;
  3. color: #666;
  4. min-width: 140px;
  5. text-align: center;
  6. margin-right: 5px;
  7. border-color: #ddd #ddd rgba(0, 0, 0, 0);
  8. }
  9. .nav-tabs li.active a,
  10. .nav-tabs li.active a:link {
  11. color: #12b7f5;
  12. }
  13. .jhover {
  14. background: #12b7f5 !important;
  15. color: #fff;
  16. }
  17. .re-title .name {
  18. font-size: 18px;
  19. font-weight: bold;
  20. color: #333;
  21. height: 40px;
  22. line-height: 40px;
  23. display: inline-block;
  24. padding: 0px 20px;
  25. }
  26. .re-title .team {
  27. font-size: 14px;
  28. color: #333;
  29. display: inline-block;
  30. }
  31. .no-select {
  32. -webkit-user-select: none;
  33. -moz-user-select: none;
  34. -ms-user-select: none;
  35. user-select: none;
  36. }
  37. .re-title {
  38. border-bottom: solid 1px #ededed;
  39. }
  40. .w3-row:after {
  41. content: '';
  42. display: table;
  43. clear: both;
  44. }
  45. .btn.disabled {
  46. pointer-events: none;
  47. }
  48. .w3-col {
  49. float: left;
  50. width: 100%;
  51. }
  52. .w3-rest {
  53. overflow: hidden;
  54. }
  55. .div-table {
  56. display: table;
  57. width: 100%;
  58. }
  59. .table-row {
  60. display: table-row;
  61. }
  62. .table-cell {
  63. display: table-cell;
  64. text-align: center;
  65. vertical-align: middle;
  66. }
  67. .pr20 {
  68. padding-right: 20px;
  69. }
  70. .fr {
  71. float: right;
  72. }
  73. .lheight-20 {
  74. line-height: 20px;
  75. }
  76. .lheight-24 {
  77. line-height: 24px;
  78. }
  79. .lheight-40 {
  80. line-height: 40px;
  81. }
  82. .lheight-60 {
  83. line-height: 60px;
  84. }
  85. .mt80 {
  86. margin-top: 80px;
  87. }
  88. .w-160 {
  89. width: 160px;
  90. }
  91. .w-220 {
  92. width: 220px;
  93. }
  94. .plr80 {
  95. padding-left: 80px;
  96. padding-right: 80px;
  97. }
  98. .ml-2 {
  99. margin-left: -2px;
  100. }
  101. .mt-4 {
  102. margin-top: -4px;
  103. }
  104. .btn {
  105. color: #fff;
  106. /* min-width: 80px; */
  107. padding: 4px 8px;
  108. height: 28px;
  109. }
  110. select.form-control {
  111. padding: 0px 1px;
  112. height: 28px;
  113. }
  114. .bgc-02cfb9 {
  115. background-color: #02cfb9;
  116. color: #fff;
  117. }
  118. .bgc-02cfb9.focus,
  119. .bgc-02cfb9:focus,
  120. .bgc-02cfb9:hover {
  121. color: #fff;
  122. background-color: #00bda8;
  123. }
  124. .bgc-17b3ec {
  125. background-color: #17b3ec;
  126. color: #fff;
  127. }
  128. .bgc-12B7F5,
  129. .bgc1-12B7F5 {
  130. background-color: #12b7f5;
  131. }
  132. .c-12B7F5 {
  133. color: #12b7f5;
  134. }
  135. .bgc-FF9630,
  136. .bgc1-FF9630 {
  137. background-color: #ff9630;
  138. }
  139. .bgc-FF9630:hover {
  140. background-color: #f58920;
  141. color: #fff;
  142. }
  143. .bgc-67c23a{
  144. background-color: #67c23a;
  145. color: #fff;
  146. }
  147. .bgc-67c23a:hover{
  148. background-color: #2dbe55;
  149. color: #fff;
  150. }
  151. .c-FF9630 {
  152. color: #ff9630;
  153. }
  154. .c-2DBE55 {
  155. color: #2dbe55;
  156. }
  157. .bgc-2DBE55,
  158. .bgc1-2DBE55 {
  159. background-color: #2dbe55;
  160. }
  161. .bgc-2DBE55:hover {
  162. background-color: #30a14f;
  163. color: #fff;
  164. }
  165. .bgc-12B7F5.focus,
  166. .bgc-12B7F5:focus,
  167. .bgc-12B7F5:hover {
  168. color: #fff;
  169. background-color: #01a9bd;
  170. }
  171. .bgc-6fd7fe {
  172. background-color: #6fd7fe;
  173. }
  174. .border-6FD7FE {
  175. border: 1px solid #6fd7fe;
  176. border-radius: 5px;
  177. }
  178. .bgc-D7F3FE {
  179. background-color: #d7f3fe;
  180. }
  181. .bgc-DCFDE6 {
  182. background-color: #dcfde6;
  183. }
  184. .bgc-61D882 {
  185. background-color: #61d882;
  186. }
  187. .border-61D882 {
  188. border: 1px solid #61d882;
  189. border-radius: 5px;
  190. }
  191. .bgc-FAB675 {
  192. background-color: #fab675;
  193. }
  194. .border-FAB675 {
  195. border: 1px solid #fab675;
  196. border-radius: 5px;
  197. }
  198. .bgc-FEEEDF {
  199. background-color: #feeedf;
  200. }
  201. .c-border-radius-blr {
  202. border-bottom-left-radius: 10px;
  203. border-bottom-right-radius: 10px;
  204. min-width: 200px;
  205. min-height: 175px;
  206. }
  207. .c-border-radius-blr5 {
  208. border-bottom-left-radius: 5px;
  209. border-bottom-right-radius: 5px;
  210. }
  211. .bigbox {
  212. border-top-left-radius: 10px;
  213. border-top-right-radius: 10px;
  214. line-height: 40px;
  215. color: #fff;
  216. font-size: 18px;
  217. }
  218. .smallbox {
  219. border-bottom-left-radius: 5px;
  220. border-bottom-right-radius: 5px;
  221. line-height: 40px;
  222. font-size: 14px;
  223. background: #fff;
  224. }
  225. .jiantou01 {
  226. position: absolute;
  227. margin-left: -25px;
  228. margin-top: 40px;
  229. }
  230. /*.numcircle{
  231. border-radius: 50%;
  232. background-color: #fff;
  233. padding: 2px 7px 1px 6px;
  234. margin-right: 6px;
  235. }*/
  236. #sc_table {
  237. }
  238. #sc_table tr td:nth-child(2):hover {
  239. color: #12b7f5;
  240. cursor: pointer;
  241. }
  242. #sc_table th,
  243. #sc_table td {
  244. height: 40px;
  245. font-size: 14px;
  246. padding-left: 5px;
  247. padding-right: 5px;
  248. }
  249. #sc_table th {
  250. background-color: #f5f5fa;
  251. text-align: center;
  252. color: #909090;
  253. font-weight: normal;
  254. }
  255. [v-cloak] {
  256. display: none;
  257. }
  258. .ellipsis {
  259. overflow: hidden;
  260. text-overflow: ellipsis;
  261. white-space: nowrap;
  262. }
  263. .dataCell {
  264. height: 24px;
  265. line-height: 24px;
  266. float: left;
  267. margin-right: 10px;
  268. }
  269. .w160 {
  270. width: 160px;
  271. }
  272. .c-vam {
  273. vertical-align: middle;
  274. }
  275. .inline {
  276. display: inline-block !important;
  277. vertical-align: middle;
  278. }
  279. button.dropdown-toggle {
  280. width: 35px;
  281. }
  282. button.dropdown-toggle .caret,
  283. button.dropdown-toggle:hover .caret {
  284. background: url(../images/jiantou_xia_icon.png) no-repeat;
  285. width: 11px;
  286. height: 11px;
  287. background-size: 100%;
  288. border: 0;
  289. }
  290. .form-control {
  291. height: 28px;
  292. background-color: #ffffff !important;
  293. }
  294. .up_datamodel {
  295. background-image: url(../images/shouqi_btn.png);
  296. background-repeat: no-repeat;
  297. }
  298. .down_datamodel {
  299. background-image: url(../images/zhankai_btn.png);
  300. background-repeat: no-repeat;
  301. }
  302. #datamodeltap {
  303. position: absolute;
  304. right: 20px;
  305. margin-top: 10px;
  306. z-index: 1;
  307. cursor: pointer;
  308. }
  309. #sc_datamodel.boxcenter {
  310. width: 840px;
  311. margin: 0 auto;
  312. }
  313. .nav-tabs > li.active > a,
  314. .nav-tabs > li.active > a:focus,
  315. .nav-tabs > li.active > a:hover {
  316. border-bottom: 1px solid #fff;
  317. }
  318. .right {
  319. float: right;
  320. }
  321. .numcircle {
  322. background-repeat: no-repeat;
  323. background-size: 20px 20px;
  324. }
  325. .bgc1-12B7F5.numcircle {
  326. background-image: url(../images/1_img.png);
  327. background-position: 42px;
  328. }
  329. .bgc1-2DBE55.numcircle {
  330. background-image: url(../images/2_img.png);
  331. background-position: 50px;
  332. }
  333. .bgc1-FF9630.numcircle {
  334. background-image: url(../images/3_img.png);
  335. background-position: 50px;
  336. }
  337. .el-dialog--center .el-dialog__body {
  338. text-align: center;
  339. }
  340. .el-date-editor .el-range__icon {
  341. line-height: 3px;
  342. }
  343. .el-date-editor .el-range-separator {
  344. line-height: 25px;
  345. width: auto;
  346. }
  347. .el-input__inner {
  348. height: 30px;
  349. }
  350. .el-input__suffix {
  351. display: flex;
  352. align-items: center;
  353. border-left: 1px solid #d2d2d2;
  354. }