admin.css 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436
  1. #doc_name {
  2. display: inline-block;
  3. vertical-align: middle;
  4. }
  5. #doc_jobName {
  6. display: inline-block;
  7. vertical-align: middle;
  8. border-radius: 10px;
  9. line-height: 26px;
  10. background: #007aa1;
  11. padding: 0 10px;
  12. }
  13. .mod-juming {}
  14. .list-fuwu li {
  15. position: relative;
  16. }
  17. .list-fuwu li div {
  18. background: none !important;
  19. }
  20. .list-fuwu li p {
  21. color: #e1e1e1;
  22. }
  23. .list-fuwu.first li {
  24. border-bottom: .05rem solid #e1e1e1;
  25. }
  26. .dl_img dl {
  27. display: block;
  28. padding: 10px;
  29. height: 102px;
  30. box-sizing: border-box;
  31. }
  32. .dl_img dl dt {
  33. display: block;
  34. ;
  35. text-align: left;
  36. ;
  37. }
  38. .dl_img dl dt strong {
  39. font-size: 18px;
  40. ;
  41. height: 36px;
  42. line-height: 36px;
  43. color: #56b6ff;
  44. font-weight: normal;
  45. }
  46. .dl_img dl.a2 dt strong {
  47. color: #c081e7
  48. }
  49. /*.dl_img dl.a3 dt strong{ color:#f5a228}
  50. .dl_img dl.a4 dt strong{ color:#fc5f56}*/
  51. .dl_img dl.a3 dt strong {
  52. color: #e0e0e0
  53. }
  54. .dl_img dl.a4 dt strong {
  55. color: #e0e0e0
  56. }
  57. .dl_img dl dt font {
  58. display: block;
  59. font-size: 14px;
  60. color: #808080;
  61. ;
  62. }
  63. .dl_img dl.a3 dt font {
  64. color: #e8e8e8
  65. }
  66. .dl_img dl.a4 dt font {
  67. color: #e8e8e8
  68. }
  69. .dl_img dl dd {
  70. position: absolute;
  71. right: 10px;
  72. bottom: 10px;
  73. }
  74. .dl_img dl dd i {
  75. width: 2.2rem;
  76. height: 2.2rem;
  77. }
  78. .doc-photp {
  79. position: relative;
  80. }
  81. .icon_gear {
  82. background: url(../../../images/s-admin.png);
  83. position: absolute;
  84. bottom: 0px;
  85. right: 14px;
  86. width: 30px;
  87. height: 30px;
  88. background-size: 100%;
  89. }
  90. .mt100 {
  91. margin-top: 100px;
  92. }
  93. .div-header {
  94. height: 100px;
  95. position: relative;
  96. }
  97. .div-header-item {
  98. width: 33%;
  99. float: left;
  100. text-align: center;
  101. padding-top: 21px;
  102. position: relative;
  103. background: #fff;
  104. }
  105. .c-17b3ec {
  106. color: #17B3EC
  107. }
  108. .c-909090 {
  109. color: #909090;
  110. }
  111. .f-fs12 {
  112. font-size: 12px;
  113. }
  114. .f-fs14 {
  115. font-size: 14px;
  116. }
  117. .f-fs16 {
  118. font-size: 16px;
  119. }
  120. .f-fs18 {
  121. font-size: 18px;
  122. }
  123. .f-fs20 {
  124. font-size: 20px;
  125. }
  126. .circle-400 {
  127. width: 2rem;
  128. /* height: 2rem; */
  129. border-radius: 50%;
  130. text-align: center;
  131. line-height: 35px;
  132. display: inline-block;
  133. }
  134. .div-analysis-item {
  135. /*height: 50px;*/
  136. border-top: 1px solid #dcdcdc;
  137. /*line-height: 50px;*/
  138. }
  139. .div-aitem {
  140. width: 33%;
  141. text-align: center;
  142. float: left;
  143. position: relative;
  144. color: #666666
  145. }
  146. .div-line {
  147. width: 1px;
  148. height: -moz-calc(100% -20px);
  149. height: -webkit-calc(100% -20px);
  150. height: calc(100% - 20px);
  151. position: absolute;
  152. background-color: #dcdcdc;
  153. left: 100%;
  154. z-index: 1;
  155. }
  156. .qianyuejinzhan {
  157. background-image: url(../images/qianyujinzhan_icon.png);
  158. }
  159. .jumingfenxi {
  160. background-image: url(../images/jumingfenxi_icon.png);
  161. }
  162. .tuigaiqian {
  163. background-image: url(../images/tuigaiqian_icon.png);
  164. }
  165. .lianglvfenxi {
  166. background-image: url(../images/lianglvfenxi_icon.png);
  167. }
  168. .xuqianjinzhan {
  169. background-image: url(../images/xuqianjinzhan_icon.png);
  170. }
  171. .div-lv {
  172. background: #ffffff;
  173. display: -webkit-box;
  174. display: box;
  175. display: -moz-box;
  176. }
  177. .div-lv .wrap {
  178. text-align: center;
  179. -webkit-box-flex: 1;
  180. }
  181. .height-12 {
  182. height: 12px;
  183. }
  184. .wrap canvas {
  185. width: 58px;
  186. height: 58px;
  187. }
  188. .icon-cyc.admin-a11.disabled {
  189. background-image: url(../images/mingyiguanli_icon-dis.png);
  190. }
  191. .mod .mod-hd {
  192. height: 40px;
  193. line-height: 40px;
  194. padding-left: 10px;
  195. }
  196. .icon-cyc.admin-ysty {
  197. background-image: url(../images/yishengtijian_icon.png);
  198. width: 30px;
  199. height: 30px;
  200. background-size: 30px;
  201. margin-top: 10px;
  202. }
  203. .icon-cyc.admin-wjdc {
  204. background-image: url(../images/survey.png);
  205. width: 30px;
  206. height: 30px;
  207. background-size: 30px;
  208. margin-top: 10px;
  209. }
  210. .mui-scroll-wrapper {
  211. height: -moz-calc(100% +50px);
  212. height: -webkit-calc(100% +50px);
  213. height: calc(100% + 50px);
  214. }
  215. .bgc-17b3ec {
  216. background-color: #17B3EC;
  217. }
  218. .info-icon {
  219. vertical-align: middle;
  220. margin-bottom: 5px;
  221. }
  222. .information {
  223. background-color: rgba(0, 0, 0, 0.5);
  224. font-size: 14px;
  225. color: #fff;
  226. }
  227. .information .ui-col-0 {
  228. width: 40px;
  229. text-align: center;
  230. }
  231. .mui-popover {
  232. position: fixed;
  233. z-index: 999;
  234. display: none;
  235. width: 80%;
  236. height: 300px;
  237. top: 200px !important;
  238. left: 10% !important;
  239. -webkit-transition: opacity .3s;
  240. transition: opacity .3s;
  241. -webkit-transition-property: opacity;
  242. transition-property: opacity;
  243. -webkit-transform: none;
  244. transform: none;
  245. opacity: 0;
  246. border-radius: 7px;
  247. background-color: #fff;
  248. /*-webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
  249. box-shadow: 0 0 15px rgba(0,0,0,.1);*/
  250. }
  251. .mui-popover.mui-active {
  252. display: block;
  253. opacity: 1;
  254. }
  255. .mui-popover .mui-scroll-wrapper {
  256. border-radius: 7px;
  257. height: 100%;
  258. background-clip: padding-box;
  259. }
  260. .mui-backdrop {
  261. position: fixed;
  262. z-index: 998;
  263. top: 0;
  264. right: 0;
  265. bottom: 0;
  266. left: 0;
  267. background-color: rgba(0, 0, 0, .5);
  268. }
  269. .close-btn {
  270. position: absolute;
  271. bottom: -80px;
  272. left: 50%;
  273. margin-left: -18px;
  274. }
  275. .mui-popover li div {
  276. font-size: 14px;
  277. }
  278. .icon-cyc.admin-jjts {
  279. background-image: url(../images/icon_jianjiaotuisong.png);
  280. width: 30px;
  281. height: 30px;
  282. background-size: 30px;
  283. margin-top: 10px;
  284. }
  285. .f-dn {
  286. display: none;
  287. }
  288. .lh40 {
  289. height: 40px;
  290. line-height: 40px;
  291. }
  292. .vam {
  293. vertical-align: middle;
  294. }
  295. .l-qytj-barner {
  296. display: -webkit-box;
  297. /*height: 60px;*/
  298. height: auto;
  299. margin-bottom: 10px;
  300. /*background-color: #fff;*/
  301. }
  302. .l-qytj-barner:nth-child(2) {
  303. margin-bottom: 0;
  304. }
  305. .l-qytj-barner li {
  306. -webkit-box-flex: 1;
  307. text-align: center;
  308. margin-left: 10px;
  309. background: #fff;
  310. border-radius: 10px;
  311. border: 1px solid #e1e1e1;
  312. }
  313. .l-qytj-barner li.l-last {
  314. margin-right: 10px;
  315. }
  316. .l-qytj-val {
  317. padding-top: 10px;
  318. }
  319. .l-qytj-name {
  320. padding-top: 10px;
  321. padding-bottom: 10px;
  322. color: #999999;
  323. }
  324. .c-17b3ec {
  325. color: #17B3EC;
  326. }
  327. .c-06bf04 {
  328. color: #06BF04;
  329. }
  330. .c-ffd429 {
  331. color: #FFD429;
  332. }
  333. .c-ffa54b {
  334. color: #FFA54B;
  335. }
  336. .l-qytj-barner:nth-child(1) li:hover {
  337. background: #17B3EC;
  338. border: 1px solid #17B3EC;
  339. }
  340. .l-qytj-barner:nth-child(1) li:hover div {
  341. color: #FFFFFF;
  342. }
  343. .l-qytj-barner:nth-child(2) li:nth-child(1):hover {
  344. background: #06BF04;
  345. border: 1px solid #06BF04;
  346. }
  347. .l-qytj-barner:nth-child(2) li:nth-child(2):hover {
  348. background: #FFD429;
  349. border: 1px solid #FFD429;
  350. }
  351. .l-qytj-barner:nth-child(2) li:nth-child(3):hover {
  352. background: #FFA54B;
  353. border: 1px solid #FFA54B;
  354. }
  355. .l-qytj-barner:nth-child(2) li:hover div {
  356. color: #FFFFFF;
  357. }