myImages.css 23 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136
  1. .usky_menu .x-btn-inner {
  2. font-size: 16px; padding:0 10 0 10;font-family:微软雅黑, Microsoft YaHei;
  3. }
  4. .x-btn-inner{
  5. heigh:24px; inner-height:24px;
  6. }
  7. .usky_menu .x-menu-item-text {
  8. font-size: 16px; padding:0 10 0 10;font-family:微软雅黑, Microsoft YaHei;
  9. }
  10. @font-face {
  11.     font-family: 'UnidreamLED';
  12.     src:url(UnidreamLED/UnidreamLED.eot); /***兼容ie9***/
  13.     src:url(UnidreamLED/UnidreamLED.eot?#iefix)format('embedded-opentype'), /***兼容ie6-ie8***/
  14.     url('UnidreamLED/UnidreamLED.woff') format('woff'), 
  15.     local('UnidreamLED'), url("UnidreamLED/UnidreamLED.woff");/***默认使用本地的***/
  16. }
  17. .x-btn-default-small-menu-active .x-btn-inner {
  18. color: #ffffff;
  19. background-color: #0e70cb;
  20. border-color:#0e70cb;
  21. background-image: -webkit-linear-gradient(top,#0e70cb,#0e70cb);
  22. }
  23. .x-menu-item-active .x-menu-item-link {
  24. color: #ffffff;
  25. background-color: #0e70cb;
  26. border-color:#0e70cb;
  27. background-image: -webkit-linear-gradient(top,#0e70cb,#0e70cb);
  28. }
  29. .amap-marker .amap-marker-content div{
  30. font-family: DS-Digital-Italic;
  31. color: #ffffff!important;
  32. font-size: 12px!important;
  33. }
  34. .x-btn-arrow {
  35. color: #47ccfd; font-size: 20px;
  36. }
  37. .usky_btn {
  38. background:url(usky/usky.png) left top no-repeat !important;
  39. }
  40. .usky_logo {
  41. background:url(usky/logo.png) left top no-repeat !important
  42. }
  43. .ok_btn {
  44. background:url(common/famicons/accept.png) left top no-repeat !important;
  45. }
  46. .cancel_btn {
  47. background:url(common/famicons/cancel.png) left top no-repeat !important;
  48. }
  49. .filter_btn {
  50. background:url(common/filter-x.gif) left top no-repeat !important;
  51. }
  52. .back_btn {
  53. background:url(common/back.gif) left top no-repeat !important;
  54. }
  55. .append_btn {
  56. background:url(common/famicons/add.png) left top no-repeat !important;
  57. }
  58. .modify_btn {
  59. background:url(common/famicons/application_edit.png) left top no-repeat !important;
  60. }
  61. .delete_btn {
  62. background:url(common/famicons/application_form_delete.png) left top no-repeat !important;
  63. }
  64. .export_btn {
  65. background:url(common/save.gif) left top no-repeat !important;
  66. }
  67. .menu_access_btn {
  68. background:url(usky/menu_access_btn.png) left top no-repeat !important;
  69. }
  70. .menu_alarm_btn {
  71. background:url(usky/menu_alarm_btn.png) left top no-repeat !important;
  72. }
  73. .menu_around_btn {
  74. background:url(usky/menu_around_btn.png) left top no-repeat !important;
  75. }
  76. .main_device_btn {
  77. background:url(common/device_main.png) left top no-repeat !important;
  78. }
  79. .menu_data_btn {
  80. background:url(usky/menu_data_btn.png) left top no-repeat !important;
  81. }
  82. .menu_device_btn {
  83. background:url(usky/menu_device_btn.png) left top no-repeat !important;
  84. }
  85. .menu_efire_btn {
  86. background:url(usky/menu_efire_btn.png) left top no-repeat !important;
  87. }
  88. .menu_fire_btn {
  89. background:url(usky/menu_fire_btn.png) left top no-repeat !important;
  90. }
  91. .menu_frontpage_btn {
  92. background:url(usky/menu_frontpage_btn.png) left top no-repeat !important;
  93. }
  94. .menu_map_btn {
  95. background:url(usky/menu_map_btn.png) left top no-repeat !important;
  96. }
  97. .menu_power_btn {
  98. background:url(usky/menu_power_btn.png) left top no-repeat !important;
  99. }
  100. .menu_statistics_btn {
  101. background:url(usky/menu_statistics_btn.png) left top no-repeat !important;
  102. }
  103. .menu_sysinfo_btn {
  104. background:url(usky/menu_sysinfo_btn.png) left top no-repeat !important;
  105. }
  106. .menu_theme_btn {
  107. background:url(usky/menu_theme_btn.png) left top no-repeat !important;
  108. }
  109. .menu_view_btn {
  110. background:url(usky/menu_view_btn.png) left top no-repeat !important;
  111. }
  112. .menu_water_btn {
  113. background:url(usky/menu_water_btn.png) left top no-repeat !important;
  114. }
  115. .menu_work_btn {
  116. background:url(usky/menu_work_btn.png) left top no-repeat !important;
  117. }
  118. .setup_building_btn {
  119. background:url(usky/setup_building_btn.png) left top no-repeat !important;
  120. }
  121. .setup_company_btn {
  122. background:url(usky/setup_company_btn.png) left top no-repeat !important;
  123. }
  124. .setup_interface_btn {
  125. background:url(usky/setup_interface_btn.png) left top no-repeat !important;
  126. }
  127. .setup_iotcard_btn {
  128. background:url(usky/setup_iotcard_btn.png) left top no-repeat !important;
  129. }
  130. .setup_permission_btn {
  131. background:url(usky/setup_permission_btn.png) left top no-repeat !important;
  132. }
  133. .setup_permissiongroup_btn {
  134. background:url(usky/setup_permissiongroup_btn.png) left top no-repeat !important;
  135. }
  136. .setup_pno_btn {
  137. background:url(usky/setup_pno_btn.png) left top no-repeat !important;
  138. }
  139. .setup_unit_btn {
  140. background:url(usky/setup_unit_btn.png) left top no-repeat !important;
  141. }
  142. .setup_user_btn {
  143. background:url(usky/setup_user_btn.png) left top no-repeat !important;
  144. }
  145. .sysinfo_point_btn {
  146. background:url(usky/sysinfo_point_btn.png) left top no-repeat !important;
  147. }
  148. .sysinfo_runtime_btn {
  149. background:url(usky/sysinfo_runtime_btn.png) left top no-repeat !important;
  150. }
  151. .sysinfo_server_btn {
  152. background:url(usky/sysinfo_server_btn.png) left top no-repeat !important;
  153. }
  154. .user_change_btn {
  155. background:url(usky/user_change_btn.png) left top no-repeat !important;
  156. }
  157. .user_logout_btn {
  158. background:url(usky/user_logout_btn.png) left top no-repeat !important;
  159. }
  160. .user_password_btn {
  161. background:url(usky/user_password_btn.png) left top no-repeat !important;
  162. }
  163. .view_level_btn {
  164. background:url(usky/view_level_btn.png) left top no-repeat !important;
  165. }
  166. .view_scope_btn {
  167. background:url(usky/view_scope_btn.png) left top no-repeat !important;
  168. }
  169. .view_sound_btn {
  170. background:url(usky/view_sound_btn.png) left top no-repeat !important;
  171. }
  172. .back_btn {
  173. background:url(common/famicons/arrow_left.png) left top no-repeat !important;
  174. }
  175. .alarm_pie_var {
  176. margin: 0px; overflow: hidden; z-index: 1000; position: absolute; top: 100px; left:20px; border: 0px solid #000;
  177. }
  178. .device_pie_bar {
  179. margin: 0px; overflow: hidden; z-index: 1000; position: absolute; top: 100px; right:20px; border: 0px solid #000;
  180. }
  181. .pie_total {
  182. color:#DDDF0D;text-shadow: 1px 1px 2px #888, 0 0 0 #000; font-size:24px;
  183. }
  184. .pie_normal {
  185. color:#31e9ff;text-shadow: 1px 1px 2px #888, 0 0 0 #000; font-size:24px;
  186. }
  187. .pie_abnormal {
  188. color:#f66167;text-shadow: 1px 1px 2px #888, 0 0 0 #000; font-size:24px;
  189. }
  190. .shadow_black_bak {
  191. text-shadow: 1px 1px 2px #888, 0 0 0 #000;
  192. }
  193. .shadow_white_bak {
  194. text-shadow: 1px 1px 2px #FFF, 0 0 0 #000;
  195. }
  196. .alarm_wrapper {
  197. font-family:微软雅黑, Microsoft YaHei;
  198. margin-top:5px;
  199. position:absolute; top:10px; left:70px; width:660px; z-index:1000; border: 0px solid #000; font-size:20px; font-weight:bold;
  200. }
  201. .alarm_warpper_table {
  202. border:none; width:800px; height:58px; z-index: 1000; position:absolute; top:22px; left:560px; overflow: hidden;border-collapse: collapse;
  203. }
  204. .sub_wrapper_table {
  205. border:none; width:730px; height:58px; z-index: 999; position:absolute; top:0px; left:35px; overflow: hidden; margin:0px; padding:0px; overflow: hidden;border-collapse: collapse;
  206. }
  207. .toplevel {
  208. z-index:20000;
  209. }
  210. .x-item-disabled-new {
  211. background: rgba(0,0,0,0);
  212. color:#ffffff;
  213. }
  214. .active_company {
  215. border: 1px solid rgba(64,85,98,0.7); background: rgba(64,85,98,0.3);
  216. }
  217. .saerch_company_list {
  218. width:300px;
  219. z-index:1001;
  220. font-size: 14px;
  221. font-family:微软雅黑, Microsoft YaHei;
  222. position:absolute;top:80px; right:200px;
  223. }
  224. .bar5 {background: rgba(0,0,0,0.0);z-index:1001;position:absolute; top:50px;right:200px;color: rgba(255,255,255,0.3);}
  225. .bar5 input, .bar5 button {
  226. background: transparent;
  227. }
  228. .bar5 input {
  229. border: 2px solid #27c5ff;
  230. border-radius:10px;
  231. font-size: 14px;
  232. width: 300px;
  233. color: rgba(255,255,255,0.5);
  234. height: 30px;
  235. font-family:微软雅黑, Microsoft YaHei;
  236. }
  237. .bar input::-webkit-input-placeholder{
  238. color:rgba(255,255,255,0.3);
  239. }
  240. .bar input::-moz-placeholder{
  241. color:rgba(255,255,255,0.3);
  242. }
  243. .bar input:-moz-placeholder{
  244. color:rgba(255,255,255,0.3);
  245. }
  246. .bar input:-ms-input-placeholder{
  247. color:rgba(255,255,255,0.3);
  248. }
  249. .bar5 input:focus {
  250. color: rgba(255,255,255,1);
  251. }
  252. .bar5_clear {
  253. background:url(common/close-tmp.gif) no-repeat 50% 50%; -webkit-filter: grayscale(100%);
  254. -moz-filter: grayscale(100%);
  255. -ms-filter: grayscale(100%);
  256. -o-filter: grayscale(100%);
  257. filter: grayscale(100%);
  258. filter: gray;
  259. width:28px; height:28px; z-index: 1001; position:absolute; top:1px; right:2px;cursor:"pointer";
  260. }
  261. .x-panel-header-new {
  262. background-image: none;
  263. background-color: rgba(0,0,0,0.0);
  264. height: 0px;
  265. overflow:hidden;
  266. }
  267. .operation_body {
  268. height:498px;
  269. background: url(operation_bg.png) repeat-x;
  270. overflow:hidden;
  271. }
  272. .operation_dock_l {
  273. position: absolute;
  274. top: 20px;
  275. left: 20px;
  276. width: 118px;
  277. height: 462px;
  278. background: url(operation_docker_l.png) no-repeat;
  279. }
  280. .operation_dock_r {
  281. position: absolute;
  282. top: 20px;
  283. right: 20px;
  284. width: 118px;
  285. height: 462px;
  286. background: url(operation_docker_r.png) no-repeat;
  287. }
  288. .operation_title_icon{
  289. position:absolute;
  290. top: 86px;
  291. left: 91px;
  292. }
  293. .operation_title_text {
  294. position:absolute;
  295. top: 100px;
  296. left: 146px;
  297. width: 300px;
  298. height: 30px;
  299. font-size: 24px;
  300. color: #6dcffc;
  301. z-index锛�1000锛�
  302. font-family:微软雅黑, Microsoft YaHei;
  303. }
  304. .operation_label_1 {
  305. position:absolute;
  306. top:185px;
  307. left:90px;
  308. color:#dcdcdc;
  309. font-size:16px;
  310. font-family:微软雅黑, Microsoft YaHei;
  311. }
  312. .operation_label_2 {
  313. position:absolute;
  314. top:255px;
  315. left:90px;
  316. color:#dcdcdc;
  317. font-size:16px;
  318. font-family:微软雅黑, Microsoft YaHei;
  319. }
  320. .operation_label_3 {
  321. position:absolute;
  322. top:325px;
  323. left:90px;
  324. color:#dcdcdc;
  325. font-size:16px;
  326. font-family:微软雅黑, Microsoft YaHei;
  327. }
  328. .operation_label_4 {
  329. position:absolute;
  330. top:395px;
  331. left:90px;
  332. color:#dcdcdc;
  333. font-size:16px;
  334. font-family:微软雅黑, Microsoft YaHei;
  335. }
  336. .operation_num_1 {
  337. position:absolute;
  338. top:166px;
  339. left:146px;
  340. color:#ffffff;
  341. font-size:34px;
  342. font-family:微软雅黑, Microsoft YaHei;
  343. width:212px;
  344. height:47px;
  345. background:url(operation_item.png) no-repeat;
  346. padding:2px 0px 0px 9px;
  347. }
  348. .operation_num_2 {
  349. position:absolute;
  350. top:236px;
  351. left:146px;
  352. color:#31e9ff;
  353. font-size:34px;
  354. font-family:微软雅黑, Microsoft YaHei;
  355. width:212px;
  356. height:47px;
  357. background:url(operation_item.png) no-repeat;
  358. padding:2px 0px 0px 9px;
  359. }
  360. .operation_num_3 {
  361. position:absolute;
  362. top:306px;
  363. left:146px;
  364. color:#f66167;
  365. font-size:34px;
  366. font-family:微软雅黑, Microsoft YaHei;
  367. width:212px;
  368. height:47px;
  369. background:url(operation_item.png) no-repeat;
  370. padding:2px 0px 0px 9px;
  371. }
  372. .operation_num_4 {
  373. position:absolute;
  374. top:376px;
  375. left:146px;
  376. color:#f6ff67;
  377. font-size:34px;
  378. font-family:微软雅黑, Microsoft YaHei;
  379. width:212px;
  380. height:47px;
  381. background:url(operation_item.png) no-repeat;
  382. padding:2px 0px 0px 9px;
  383. }
  384. .operation_label_11 {
  385. position:absolute;
  386. top:185px;
  387. left:90px;
  388. color:#dcdcdc;
  389. font-size:16px;
  390. font-family:微软雅黑, Microsoft YaHei;
  391. }
  392. .operation_label_12 {
  393. position:absolute;
  394. top:255px;
  395. left:90px;
  396. color:#dcdcdc;
  397. font-size:16px;
  398. font-family:微软雅黑, Microsoft YaHei;
  399. }
  400. .operation_label_13 {
  401. position:absolute;
  402. top:325px;
  403. left:90px;
  404. color:#dcdcdc;
  405. font-size:16px;
  406. font-family:微软雅黑, Microsoft YaHei;
  407. }
  408. .operation_label_14 {
  409. position:absolute;
  410. top:185px;
  411. left:444px;
  412. color:#dcdcdc;
  413. font-size:16px;
  414. font-family:微软雅黑, Microsoft YaHei;
  415. }
  416. .operation_label_15 {
  417. position:absolute;
  418. top:255px;
  419. left:444px;
  420. color:#dcdcdc;
  421. font-size:16px;
  422. font-family:微软雅黑, Microsoft YaHei;
  423. }
  424. .operation_label_16 {
  425. position:absolute;
  426. top:325px;
  427. left:444px;
  428. color:#dcdcdc;
  429. font-size:16px;
  430. font-family:微软雅黑, Microsoft YaHei;
  431. }
  432. .operation_num_11 {
  433. position:absolute;
  434. top:166px;
  435. left:186px;
  436. color:#ffffff;
  437. font-size:34px;
  438. font-family:微软雅黑, Microsoft YaHei;
  439. width:212px;
  440. height:47px;
  441. background:url(operation_item.png) no-repeat;
  442. padding:2px 0px 0px 9px;
  443. }
  444. .operation_num_12 {
  445. position:absolute;
  446. top:166px;
  447. left:500px;
  448. color:#31e9ff;
  449. display: flex;
  450. justify-content:left;
  451. align-items:Center;
  452. font-size:20px;
  453. font-family:微软雅黑, Microsoft YaHei;
  454. width:212px;
  455. height:47px;
  456. background:url(operation_item.png) no-repeat;
  457. padding:2px 0px 0px 9px;
  458. }
  459. .operation_num_13 {
  460. position:absolute;
  461. top:236px;
  462. left:186px;
  463. color:#f66167;
  464. font-size:34px;
  465. font-family:微软雅黑, Microsoft YaHei;
  466. width:212px;
  467. height:47px;
  468. background:url(operation_item.png) no-repeat;
  469. padding:2px 0px 0px 9px;
  470. }
  471. .operation_num_14 {
  472. position:absolute;
  473. top:236px;
  474. left:500px;
  475. color:#31e9ff;
  476. display: flex;
  477. justify-content:left;
  478. align-items:Center;
  479. font-size:20px;
  480. font-family:微软雅黑, Microsoft YaHei;
  481. width:212px;
  482. height:47px;
  483. background:url(operation_item.png) no-repeat;
  484. padding:2px 0px 0px 9px;
  485. }
  486. .operation_num_15 {
  487. position:absolute;
  488. top:306px;
  489. left:186px;
  490. color:#f6ff67;
  491. font-size:34px;
  492. font-family:微软雅黑, Microsoft YaHei;
  493. width:212px;
  494. height:47px;
  495. background:url(operation_item.png) no-repeat;
  496. padding:2px 0px 0px 9px;
  497. }
  498. .operation_num_16 {
  499. position:absolute;
  500. top:306px;
  501. left:500px;
  502. color:#31e9ff;
  503. display: flex;
  504. justify-content:left;
  505. align-items:Center;
  506. font-size:20px;
  507. font-family:微软雅黑, Microsoft YaHei;
  508. width:212px;
  509. height:47px;
  510. background:url(operation_item.png) no-repeat;
  511. padding:2px 0px 0px 9px;
  512. }
  513. .operation_pie_bg {
  514. position:absolute;
  515. top:116px;
  516. left:410px;
  517. width:280px;
  518. height:280px;
  519. background:url(operation_pie_bg.gif) no-repeat;
  520. }
  521. .operation_pie {
  522. position:absolute;
  523. top:158px;
  524. left:452px;
  525. width:196px;
  526. height:196px;
  527. z-index:100;
  528. }
  529. .operation_pie_title {
  530. position:absolute;
  531. top:365px;
  532. left:526px;
  533. width:70px;
  534. height:20px;
  535. z-index:200;
  536. color:#dcdcdc;
  537. font-size:16px;
  538. font-family:微软雅黑, Microsoft YaHei;
  539. }
  540. .operation_area_bg {
  541. position:absolute;
  542. top:57px;
  543. left:750px;
  544. width:1100px;
  545. height:384px;
  546. background: url(operation_area_bg.gif) no-repeat;
  547. }
  548. .operation_area {
  549. position:absolute;
  550. top:116px;
  551. left:800px;
  552. width:1011px;
  553. height:300px;
  554. z-index:200;
  555. }
  556. .fp_backbtn {
  557. position:absolute;
  558. top:90px;
  559. left:100px;
  560. z-index: 500;
  561. width:133px;
  562. height:46px;
  563. background: url(back.png) no-repeat;
  564. display:none;
  565. cursor:pointer;
  566. }
  567. .mask_left {
  568. position:absolute;
  569. top:0px;
  570. left:0px;
  571. width:630px;
  572. z-index: 200;
  573. background: url(mask_l.png) repeat-y;
  574. }
  575. .mask_right {
  576. position:absolute;
  577. top:0px;
  578. right:0px;
  579. width:630px;
  580. z-index: 200;
  581. background: url(mask_r.png) repeat-y;
  582. }
  583. .mask_top {
  584. position:absolute;
  585. top:0px;
  586. left:0px;
  587. height:100px;
  588. z-index: 200;
  589. background: url(mask_t.png) repeat-x;
  590. }
  591. .mask_bottom {
  592. position:absolute;
  593. left:0px;
  594. height:100px;
  595. z-index: 200;
  596. background: url(mask_b.png) repeat-x;
  597. }
  598. .map_header {
  599. position:absolute;
  600. top:0px;
  601. width:740px;
  602. height:0px;
  603. z-index: 1000;
  604. background: url(icons/map_header2.png) no-repeat center top;
  605. /*background: url(03index/map_header_frame.png) no-repeat center top;*/
  606. }
  607. .amap-marker-label{
  608. border: 0;
  609. background-color: rgba(0,0,0,0.0);
  610. }
  611. .info{
  612. position: relative;
  613. top: 0;
  614. right: 0;
  615. min-width: 0;
  616. color:#31e9ff;
  617. border-left: 2px solid #50f7ed;
  618. border-bottom: 2px solid #50f7ed;
  619. font-size:16px;
  620. font-weight:bold;
  621. font-family:微软雅黑, Microsoft YaHei;
  622. border-image: -webkit-linear-gradient(70deg,#50f7ed ,transparent) 0 0 2 2;
  623. border-image: -moz-linear-gradient(70deg,#50f7ed,transparent) 0 0 2 2;
  624. border-image: linear-gradient(70deg,#50f7ed,transparent) 0 0 2 2;
  625. background-color: rgba(16,56,110,0.6);
  626. }
  627. .info_label{
  628. margin:0px;
  629. padding:0px;
  630. font-size:16px;
  631. font-weight:bold;
  632. font-family:微软雅黑, Microsoft YaHei;
  633. border-image: -webkit-linear-gradient(left,transparent,#50f7ed,transparent) 2 0 0 0;
  634. border-image: -moz-linear-gradient(left,transparent,#50f7ed,transparent) 2 0 0 0;
  635. border-image: linear-gradient(left,transparent,#50f7ed,transparent) 2 0 0 0;
  636. background-color: transparent;
  637. }
  638. .info_title{
  639. position: relative;
  640. top:4px;
  641. left:96px;
  642. width:179px;
  643. height:44px;
  644. font-size:12px;
  645. font-weight:bold;
  646. font-family:微软雅黑, Microsoft YaHei;
  647. color:#31e9ff;
  648. overflow:hidden;
  649. white-space:nowrap;
  650. text-overflow:ellipsis;
  651. }
  652. .info_body0{
  653. position: absolute;
  654. top:44px;
  655. left:80px;
  656. width:179px;
  657. height:20px;
  658. color:#ffffff;
  659. font-size:14px;
  660. font-family:微软雅黑, Microsoft YaHei;
  661. overflow:hidden;
  662. display:flex;
  663. }
  664. .info_body1{
  665. position: absolute;
  666. top:70px;
  667. left:80px;
  668. width:179px;
  669. height:20px;
  670. color:#ffffff;
  671. font-size:14px;
  672. font-family:微软雅黑, Microsoft YaHei;
  673. overflow:hidden;
  674. display:flex;
  675. }
  676. .info_body2{
  677. position: absolute;
  678. top:96px;
  679. left:80px;
  680. width:179px;
  681. height:20px;
  682. color:#ffffff;
  683. font-size:14px;
  684. font-family:微软雅黑, Microsoft YaHei;
  685. overflow:hidden;
  686. display:flex;
  687. }
  688. .info_body3{
  689. position: absolute;
  690. top:122px;
  691. left:80px;
  692. width:179px;
  693. height:20px;
  694. color:#ffffff;
  695. font-size:14px;
  696. font-family:微软雅黑, Microsoft YaHei;
  697. overflow:hidden;
  698. white-space: nowrap;
  699. text-overflow: ellipsis;
  700. }
  701. .info_btn{
  702. position: absolute;
  703. top: 156px;
  704. left:66px;
  705. width:66px;
  706. height:24px;
  707. cursor:pointer;
  708. background-color:#7FEEFF;
  709. text-align:center;
  710. color:#0f386e;
  711. font-size:12px;
  712. font-weight:bold;
  713. font-family:微软雅黑, Microsoft YaHei;
  714. padding-top:2px;
  715. border-radius:4px;
  716. }
  717. .alarm_btn{
  718. position: absolute;
  719. top: 156px;
  720. left:138px;
  721. width:66px;
  722. height:24px;
  723. cursor:pointer;
  724. background-color:#7FEEFF;
  725. text-align:center;
  726. color:#0f386e;
  727. font-size:12px;
  728. font-weight:bold;
  729. font-family:微软雅黑, Microsoft YaHei;
  730. padding-top:2px;
  731. border-radius:4px;
  732. }
  733. .company_building_return{
  734. position: absolute;
  735. top: 56px;
  736. right:66px;
  737. width:66px;
  738. height:24px;
  739. cursor:pointer;
  740. background-color:#7FEEFF;
  741. text-align:center;
  742. color:#0f386e;
  743. font-size:12px;
  744. font-weight:bold;
  745. font-family:微软雅黑, Microsoft YaHei;
  746. padding-top:2px;
  747. border-radius:4px;
  748. }
  749. .today_team_btn{
  750. position: absolute;
  751. top: 156px;
  752. left:210px;
  753. width:66px;
  754. height:24px;
  755. cursor:pointer;
  756. background-color:#7FEEFF;
  757. text-align:center;
  758. color:#0f386e;
  759. font-size:12px;
  760. font-weight:bold;
  761. font-family:微软雅黑, Microsoft YaHei;
  762. padding-top:2px;
  763. border-radius:4px;
  764. }
  765. .alarm_div{
  766. width:179px;
  767. height:200px;
  768. background-color:yellow;
  769. }
  770. .data_bar_title {
  771. font-size:16px;
  772. font-weight:bold;
  773. font-family:微软雅黑, Microsoft YaHei;
  774. color:#ffffff;
  775. height:32px;
  776. cursor:pointer;
  777. }
  778. .data_bar_total_label {
  779. font-size:12px;
  780. font-family:微软雅黑, Microsoft YaHei;
  781. color:#ffffff;
  782. height:32px;
  783. cursor:pointer;
  784. }
  785. .data_bar_total_number {
  786. font-size:18px;
  787. font-family:微软雅黑, Microsoft YaHei;
  788. color:#31e9ff;
  789. height:32px;
  790. cursor:pointer;
  791. }
  792. .data_bar_alarm_label {
  793. font-size:12px;
  794. font-family:微软雅黑, Microsoft YaHei;
  795. color:#ffffff;
  796. height:42px;
  797. cursor:pointer;
  798. }
  799. .data_bar_alarm_number {
  800. font-size:18px;
  801. font-family:微软雅黑, Microsoft YaHei;
  802. color:#f66167;
  803. height:42px;
  804. cursor:pointer;
  805. }
  806. .align_right {
  807. text-align:right;
  808. }
  809. .device_info_title {
  810. margin-top:15px;
  811. font-size:16px;
  812. font-weight:bold;
  813. font-family:微软雅黑, Microsoft YaHei;
  814. color:#ffffff;
  815. cursor:pointer;
  816. }
  817. .device_info {
  818. font-size:10px;
  819. font-family:微软雅黑, Microsoft YaHei;
  820. color:#ffffff;
  821. cursor:pointer;
  822. }
  823. .device_confirm_num0 {
  824. color:#ffffff;
  825. font-size:16px;
  826. cursor:pointer;
  827. }
  828. .device_confirm_num1 {
  829. color:#5ee7b8;
  830. font-size:16px;
  831. cursor:pointer;
  832. }
  833. .device_confirm_num2 {
  834. color:#ea924a;
  835. font-size:16px;
  836. cursor:pointer;
  837. }
  838. .device_confirm_num3 {
  839. color:#ffffff;
  840. font-size:14px;
  841. cursor:pointer;
  842. }
  843. .red_color{
  844. color:#f66167
  845. }
  846. .default_color{
  847. color:#000000
  848. }
  849. .data_bar_area{
  850. top:70px;
  851. left:34px;
  852. position: absolute;
  853. z-index:800;
  854. overflow-x:none;
  855. overflow-y:auto;
  856. width:386px;
  857. height:891px;
  858. cursor:pointer;
  859. }
  860. .data_bar_area::-webkit-scrollbar{
  861. width:6px;
  862. height:100%;
  863. }
  864. .data_bar_area::-webkit-scrollbar-thumb{
  865. width:6px;
  866. height:60px;
  867. background-color:rgba(0,130,255,0.6);
  868. border-radius:5px;
  869. }
  870. .data_bar_area::-webkit-scrollbar-track
  871. {
  872. border-radius: 10px;
  873. background-color: rgba(0,0,0,.3);
  874. }
  875. .alarm_tab_area {
  876. position: absolute;
  877. right:60px;
  878. top:100px;
  879. width:476px;
  880. z-index:500;
  881. overflow-x:none;
  882. overflow-y:auto;
  883. }
  884. .alarm_tab_area::-webkit-scrollbar{
  885. width:6px;
  886. height:100%;
  887. }
  888. .alarm_tab_area::-webkit-scrollbar-thumb{
  889. width:6px;
  890. height:60px;
  891. background-color:rgba(0,130,255,0.6);
  892. border-radius:5px;
  893. }
  894. .alarm_tab_area::-webkit-scrollbar-track
  895. {
  896. border-radius: 10px;
  897. background-color: rgba(0,0,0,.3);
  898. }
  899. .alarm_tab {
  900. position: absolute;
  901. left:0px;
  902. top:0px;
  903. width:456px;
  904. height:132px;
  905. background:url(icons/alarm_tab.png) no-repeat;
  906. z-index:500;
  907. cursor:pointer;
  908. }
  909. .alarm_tab_title {
  910. position:absolute;
  911. top:24px;
  912. left:38px;
  913. font-family:微软雅黑, Microsoft YaHei;
  914. font-size:16px;
  915. font-weight:bold;
  916. color:#31e9ff;
  917. width:320px;
  918. }
  919. .alarm_tab_time {
  920. position:absolute;
  921. top:50px;
  922. left:38px;
  923. font-family:微软雅黑, Microsoft YaHei;
  924. font-size:12px;
  925. color:#dcdcdc;
  926. width:270px;
  927. }
  928. .alarm_tab_data {
  929. position:absolute;
  930. top:70px;
  931. left:38px;
  932. font-family:微软雅黑, Microsoft YaHei;
  933. font-size:12px;
  934. color:#dcdcdc;
  935. width:270px;
  936. height:30px;
  937. }
  938. .alarm_tab_icon {
  939. position:absolute;
  940. top:33px;
  941. right:56px;
  942. }
  943. .alarm_icon_01 {
  944. background:url(icons/alarm_tab_01.gif) no-repeat;
  945. }
  946. .alarm_icon_02 {
  947. background:url(icons/alarm_tab_02.gif) no-repeat;
  948. }
  949. .alarm_icon_03 {
  950. background:url(icons/alarm_tab_03.gif) no-repeat;
  951. }
  952. .alarm_icon_04 {
  953. background:url(icons/alarm_tab_04.gif) no-repeat;
  954. }
  955. .map_btn {
  956. cursor:pointer;
  957. z-index:500;
  958. }
  959. /*左边按钮样式
  960. .map_btn_bigger_off {
  961. position:absolute;
  962. bottom:66px;
  963. left:60px;
  964. width:21px;
  965. height:21px;
  966. background:url(icons/bigger_off.png) no-repeat;
  967. }
  968. .map_btn_bigger_on {
  969. position:absolute;
  970. bottom:66px;
  971. left:60px;
  972. width:21px;
  973. height:21px;
  974. background:url(icons/bigger_on.png) no-repeat;
  975. }
  976. .map_btn_smaller_off {
  977. position:absolute;
  978. bottom:66px;
  979. left:90px;
  980. width:21px;
  981. height:21px;
  982. background:url(icons/smaller_off.png) no-repeat;