statistics.css 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359
  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. .c-FF9630 {
  144. color: #ff9630;
  145. }
  146. .c-2DBE55 {
  147. color: #2dbe55;
  148. }
  149. .bgc-2DBE55,
  150. .bgc1-2DBE55 {
  151. background-color: #2dbe55;
  152. }
  153. .bgc-2DBE55:hover {
  154. background-color: #30a14f;
  155. color: #fff;
  156. }
  157. .bgc-12B7F5.focus,
  158. .bgc-12B7F5:focus,
  159. .bgc-12B7F5:hover {
  160. color: #fff;
  161. background-color: #01a9bd;
  162. }
  163. .bgc-6fd7fe {
  164. background-color: #6fd7fe;
  165. }
  166. .border-6FD7FE {
  167. border: 1px solid #6fd7fe;
  168. border-radius: 5px;
  169. }
  170. .bgc-D7F3FE {
  171. background-color: #d7f3fe;
  172. }
  173. .bgc-DCFDE6 {
  174. background-color: #dcfde6;
  175. }
  176. .bgc-61D882 {
  177. background-color: #61d882;
  178. }
  179. .border-61D882 {
  180. border: 1px solid #61d882;
  181. border-radius: 5px;
  182. }
  183. .bgc-FAB675 {
  184. background-color: #fab675;
  185. }
  186. .border-FAB675 {
  187. border: 1px solid #fab675;
  188. border-radius: 5px;
  189. }
  190. .bgc-FEEEDF {
  191. background-color: #feeedf;
  192. }
  193. .c-border-radius-blr {
  194. border-bottom-left-radius: 10px;
  195. border-bottom-right-radius: 10px;
  196. min-width: 200px;
  197. min-height: 175px;
  198. }
  199. .c-border-radius-blr5 {
  200. border-bottom-left-radius: 5px;
  201. border-bottom-right-radius: 5px;
  202. }
  203. .bigbox {
  204. border-top-left-radius: 10px;
  205. border-top-right-radius: 10px;
  206. line-height: 40px;
  207. color: #fff;
  208. font-size: 18px;
  209. }
  210. .smallbox {
  211. border-bottom-left-radius: 5px;
  212. border-bottom-right-radius: 5px;
  213. line-height: 40px;
  214. font-size: 14px;
  215. background: #fff;
  216. }
  217. .jiantou01 {
  218. position: absolute;
  219. margin-left: -25px;
  220. margin-top: 40px;
  221. }
  222. /*.numcircle{
  223. border-radius: 50%;
  224. background-color: #fff;
  225. padding: 2px 7px 1px 6px;
  226. margin-right: 6px;
  227. }*/
  228. #sc_table {
  229. }
  230. #sc_table tr td:nth-child(2):hover {
  231. color: #12b7f5;
  232. cursor: pointer;
  233. }
  234. #sc_table th,
  235. #sc_table td {
  236. height: 40px;
  237. font-size: 14px;
  238. padding-left: 5px;
  239. padding-right: 5px;
  240. }
  241. #sc_table th {
  242. background-color: #f5f5fa;
  243. text-align: center;
  244. color: #909090;
  245. font-weight: normal;
  246. }
  247. [v-cloak] {
  248. display: none;
  249. }
  250. .ellipsis {
  251. overflow: hidden;
  252. text-overflow: ellipsis;
  253. white-space: nowrap;
  254. }
  255. .dataCell {
  256. height: 24px;
  257. line-height: 24px;
  258. float: left;
  259. margin-right: 10px;
  260. }
  261. .w160 {
  262. width: 160px;
  263. }
  264. .c-vam {
  265. vertical-align: middle;
  266. }
  267. .inline {
  268. display: inline-block !important;
  269. vertical-align: middle;
  270. }
  271. button.dropdown-toggle {
  272. width: 35px;
  273. }
  274. button.dropdown-toggle .caret,
  275. button.dropdown-toggle:hover .caret {
  276. background: url(../images/jiantou_xia_icon.png) no-repeat;
  277. width: 11px;
  278. height: 11px;
  279. background-size: 100%;
  280. border: 0;
  281. }
  282. .form-control {
  283. height: 28px;
  284. background-color: #ffffff !important;
  285. }
  286. .up_datamodel {
  287. background-image: url(../images/shouqi_btn.png);
  288. background-repeat: no-repeat;
  289. }
  290. .down_datamodel {
  291. background-image: url(../images/zhankai_btn.png);
  292. background-repeat: no-repeat;
  293. }
  294. #datamodeltap {
  295. position: absolute;
  296. right: 20px;
  297. margin-top: 10px;
  298. z-index: 1;
  299. cursor: pointer;
  300. }
  301. #sc_datamodel.boxcenter {
  302. width: 840px;
  303. margin: 0 auto;
  304. }
  305. .nav-tabs > li.active > a,
  306. .nav-tabs > li.active > a:focus,
  307. .nav-tabs > li.active > a:hover {
  308. border-bottom: 1px solid #fff;
  309. }
  310. .right {
  311. float: right;
  312. }
  313. .numcircle {
  314. background-repeat: no-repeat;
  315. background-size: 20px 20px;
  316. }
  317. .bgc1-12B7F5.numcircle {
  318. background-image: url(../images/1_img.png);
  319. background-position: 42px;
  320. }
  321. .bgc1-2DBE55.numcircle {
  322. background-image: url(../images/2_img.png);
  323. background-position: 50px;
  324. }
  325. .bgc1-FF9630.numcircle {
  326. background-image: url(../images/3_img.png);
  327. background-position: 50px;
  328. }
  329. .el-dialog--center .el-dialog__body {
  330. text-align: center;
  331. }
  332. .el-date-editor .el-range__icon {
  333. line-height: 3px;
  334. }
  335. .el-date-editor .el-range-separator {
  336. line-height: 25px;
  337. width: auto;
  338. }
  339. .el-input__inner {
  340. height: 30px;
  341. }
  342. .el-input__suffix {
  343. display: flex;
  344. align-items: center;
  345. border-left: 1px solid #d2d2d2;
  346. }