index.css 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379
  1. /*.main-box{*/
  2. /* width: 100%;*/
  3. /* height: auto;*/
  4. /* !*min-height: 100%;*!*/
  5. /*}*/
  6. /*.main-box.main-box-h2{*/
  7. /* padding: 60px 36px 30px 156px;*/
  8. /*}*/
  9. .main-all{
  10. width: 100%;
  11. height: auto;
  12. padding: 0px 20px 0 10px !important;
  13. }
  14. .main1{
  15. width: 100%;
  16. height: 182px;
  17. margin-top: 23px;
  18. }
  19. .main1 .main1-bg1{
  20. height: 182px;
  21. }
  22. .main1 .one-bg{
  23. background-image: url("/admin/img/main-bg1.png");
  24. background-repeat: no-repeat;
  25. background-size: 100% 100%;
  26. }
  27. .main1 .two-bg{
  28. background-image: url("/admin/img/main-bg2.png");
  29. background-repeat: no-repeat;
  30. background-size: 100% 100%;
  31. }
  32. .main1 .three-bg{
  33. background-image: url("/admin/img/main-bg3.png");
  34. background-repeat: no-repeat;
  35. background-size: 100% 100%;
  36. }
  37. .main1 .four-bg{
  38. background-image: url("/admin/img/main-bg4.png");
  39. background-repeat: no-repeat;
  40. background-size: 100% 100%;
  41. }
  42. .main1 .main1-bg1 .main1-type-title{
  43. width: 100%;
  44. height: 50px;
  45. padding-left: 28px;
  46. padding-top: 16px;
  47. font-size: 18px;
  48. font-weight: 400;
  49. color: #FFFFFF;
  50. }
  51. .main1 .main1-bg1 .main1-type-nums{
  52. width: 100%;
  53. height: 40px;
  54. line-height: 40px;
  55. font-size: 46px;
  56. font-family: Source Han Sans CN;
  57. font-weight: 500;
  58. color: #FFFFFF;
  59. text-align: center;
  60. }
  61. .main1 .main1-bg1 .main1-type-bottom{
  62. margin-top: 14px;
  63. width: 100%;
  64. height: 42px;
  65. line-height: 42px;
  66. }
  67. .main1 .main1-bg1 .main1-type-bottom span{
  68. margin-left: 25px;
  69. font-size: 19px;
  70. color: #fff;
  71. }
  72. .main1 .main1-bg1 .main1-type-bottom .type-bottom-right{
  73. width: auto;
  74. display: inline-block;
  75. float: right;
  76. text-align: right;
  77. font-size: 19px;
  78. padding-right: 20px;
  79. }
  80. .main1 .main1-bg1 .main1-type-bottom img{
  81. width: 24px;
  82. height: 24px;
  83. }
  84. .main2{
  85. width: 100%;
  86. height: 250px;
  87. background: #FFFFFF;
  88. box-shadow: 0px 1px 16px 0px rgba(202, 204, 204, 0.65);
  89. border-radius: 10px;
  90. padding-top: 16px;
  91. overflow: hidden;
  92. }
  93. .main-all-title{
  94. width: 100%;
  95. height: 34px;
  96. line-height: 34px;
  97. }
  98. .main-all-title .semicircle{
  99. width: 17px;
  100. height: 34px;
  101. border-radius: 0px 17px 17px 0px;
  102. display: inline-block;
  103. float: left;
  104. }
  105. .main-all-title .color2{
  106. background: #4BA39B;
  107. }
  108. .main-all-title span{
  109. font-size: 20px;
  110. font-weight: 500;
  111. color: #3E3E3E;
  112. margin-left: 17px;
  113. }
  114. .main2 .main2-body{
  115. width: 100%;
  116. height: 200px;
  117. }
  118. .main2 .main2-body .body-todo{
  119. /*width: 214px;*/
  120. height: auto;
  121. /*display: inline-block;*/
  122. /*float: left;*/
  123. text-align: center;
  124. }
  125. .main2 .main2-body .row .col-xs-2{
  126. padding: 0 !important;
  127. }
  128. .main2 .main2-body .body-todo .nums{
  129. text-align: center;
  130. font-size: 60px;
  131. font-weight: 500;
  132. color: #1E84FF;
  133. margin-top: 40px;
  134. }
  135. .main2 .main2-body .body-todo .border-right{
  136. border-right: 2px solid #EDF4F5;
  137. }
  138. .main2 .main2-body .body-todo .title{
  139. text-align: center;
  140. font-size: 20px;
  141. font-weight: 500;
  142. color: #3E3E3E;
  143. margin-top: 10px;
  144. }
  145. .main2-body .line{
  146. width: 2px;
  147. height: 200px;
  148. line-height: 200px;
  149. display: inline-block;
  150. float: left;
  151. position: relative;
  152. }
  153. .main2-body .line .text-line{
  154. width: 2px;
  155. height: 44px;
  156. background: #EDF4F5;
  157. position: absolute;
  158. top: 0;
  159. right: 0;
  160. bottom: 0;
  161. left: 0;
  162. margin: auto;
  163. }
  164. .main3{
  165. width: 100%;
  166. height: 500px;
  167. margin-top: 24px;
  168. }
  169. .main3 .main3-left{
  170. /*width: 860px;*/
  171. height: 500px;
  172. background: #FFFFFF;
  173. box-shadow: 0px 1px 16px 0px rgba(202, 204, 204, 0.65);
  174. border-radius: 10px;
  175. padding-top: 16px;
  176. /*display: inline-block;*/
  177. /*float: left;*/
  178. }
  179. .main3 .main3-left .main3-left-title{
  180. width: 100%;
  181. height: 34px;
  182. line-height: 34px;
  183. }
  184. .main3 .main3-left .main3-left-title .left-semicircle{
  185. width: 17px;
  186. height: 34px;
  187. border-radius: 0px 17px 17px 0px;
  188. display: inline-block;
  189. float: left;
  190. background: #1E84FF;
  191. }
  192. .main3 .main3-left .main3-left-title span{
  193. font-size: 18px;
  194. font-weight: 500;
  195. color: #3E3E3E;
  196. margin-left: 17px;
  197. cursor: pointer;
  198. }
  199. .main3 .main3-left .main3-left-title .cur{
  200. color: #1E84FF;
  201. }
  202. .main3 .main3-left .main3-left-body{
  203. width: 100%;
  204. height: 450px;
  205. padding-top: 15px;
  206. overflow: hidden;
  207. }
  208. .main3 .main3-left .main3-left-body .table thead tr th{
  209. color: #1E84FF;
  210. background: #DEF2FF;
  211. }
  212. .main3 .main3-right{
  213. /*width: 400px;*/
  214. height: 500px;
  215. background: #FFFFFF;
  216. box-shadow: 0px 1px 16px 0px rgba(202, 204, 204, 0.65);
  217. border-radius: 10px;
  218. /*display: inline-block;*/
  219. /*float: right;*/
  220. padding-top: 16px;
  221. }
  222. .main-all-title .color3{
  223. background-color: #AD92E2;
  224. }
  225. .main3 .main3-right .main3-right-body{
  226. width: 100%;
  227. height: 450px;
  228. }
  229. .main3 .main3-right .main3-right-body .main3-right-body-top{
  230. width: 100%;
  231. height: 175px;
  232. margin-top: 30px;
  233. }
  234. .main3 .main3-right .main3-right-body .main3-right-body-top .left-all{
  235. width: 173px;
  236. height: 175px;
  237. display: inline-block;
  238. float: left;
  239. position: relative;
  240. }
  241. .main3 .main3-right .main3-right-body .main3-right-body-top .left-all .left{
  242. width: 173px;
  243. height: 175px;
  244. }
  245. .main3 .main3-right .main3-right-body .main3-right-body-top .percent{
  246. width: 173px;
  247. height: 175px;
  248. line-height: 175px;
  249. font-size: 32px;
  250. font-family: Source Han Sans CN;
  251. font-weight: bold;
  252. /*margin-top: 64px;*/
  253. text-align: center;
  254. position: absolute;
  255. z-index: 100;
  256. top: 0;
  257. left: 0;
  258. }
  259. .main3 .main3-right .main3-right-body .main3-right-body-top .color1{
  260. color: #4266FE;
  261. }
  262. .main3 .main3-right .main3-right-body .main3-right-body-top .color2{
  263. color: #FF755B;
  264. }
  265. .main3 .main3-right .main3-right-body .main3-right-body-top .right{
  266. width: 50%;
  267. height: 175px;
  268. display: inline-block;
  269. float: left;
  270. padding-left: 20px;
  271. }
  272. .main3 .main3-right .main3-right-body .main3-right-body-top .right .title{
  273. width: 100%;
  274. height: 40px;
  275. margin-top: 40px;
  276. font-size: 24px;
  277. font-weight: 400;
  278. }
  279. .main3 .main3-right .main3-right-body .main3-right-body-top .right .color1{
  280. color: #607DFE;
  281. }
  282. .main3 .main3-right .main3-right-body .main3-right-body-top .right .color2{
  283. color: #FF755B;
  284. }
  285. .main3 .main3-right .main3-right-body .main3-right-body-top .right .nums{
  286. width: 100%;
  287. height: 40px;
  288. line-height: 40px;
  289. font-size: 28px;
  290. font-weight: 500;
  291. color: #666666;
  292. margin-top: 10px;
  293. }
  294. .main4{
  295. width: 100%;
  296. height: 200px;
  297. background: #FFFFFF;
  298. box-shadow: 0px 1px 16px 0px rgba(202, 204, 204, 0.65);
  299. border-radius: 10px;
  300. margin-top: 24px;
  301. padding-top: 16px;
  302. }
  303. .main4 .main4-left{
  304. height: 100%;
  305. /*display: inline-block;*/
  306. /*float: left;*/
  307. /*padding-left: 34px;*/
  308. /*padding-top: 20px;*/
  309. }
  310. .main4 .main4-left .main4-left-title{
  311. height: 34px;
  312. line-height: 34px;
  313. }
  314. .main4 .main4-left .main4-left-title .semicircle{
  315. background-color: #2B5197;
  316. width: 17px;
  317. height: 34px;
  318. border-radius: 0px 17px 17px 0px;
  319. display: inline-block;
  320. float: left;
  321. }
  322. .main4 .main4-left .main4-left-title span {
  323. font-size: 20px;
  324. font-weight: 500;
  325. color: #3E3E3E;
  326. margin-left: 17px;
  327. }
  328. .main4 .main4-left .main4-left-body{
  329. width: 100%;
  330. height: 150px;
  331. padding-top: 25px;
  332. padding-left: 33px;
  333. }
  334. .main4 .main4-left .main4-left-body div{
  335. height: 40px;
  336. }
  337. .main4 .main4-right{
  338. /*width: 50%;*/
  339. height: 174px;
  340. /*line-height: 174px;*/
  341. /*display: inline-block;*/
  342. /*float: right;*/
  343. text-align: right;
  344. }
  345. .main4 .main4-right .qrcode1{
  346. width: 145px;
  347. height: 100%;
  348. display: inline-block;
  349. float: right;
  350. margin-right: 43px;
  351. }
  352. .main4 .main4-right .qrcode2{
  353. width: 145px;
  354. height: 100%;
  355. display: inline-block;
  356. float: right;
  357. margin-right: 43px;
  358. }
  359. .main4 .main4-right .qrcode1 .title{
  360. width: 100%;
  361. height: 32px;
  362. line-height: 32px;
  363. text-align: center;
  364. }
  365. .main4 .main4-right .qrcode2 .title{
  366. width: 100%;
  367. height: 32px;
  368. line-height: 32px;
  369. text-align: center;
  370. }
  371. .main4 .main4-right img{
  372. width: 145px;
  373. height: 145px;
  374. }