base.css 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989
  1. /*大屏*/
  2. *{
  3. margin: 0;
  4. padding: 0;
  5. list-style: none;
  6. text-decoration: none;
  7. }
  8. /* CSS Document */
  9. ::-webkit-scrollbar-track{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);}/*滚动条的滑轨背景颜色*/
  10. ::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,0.05);border-radius: 10px;-webkit-box-shadow: inset 1px 1px 0 rgba(75, 75, 75, 0.58);}/*滑块颜色*/
  11. ::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,0.2);border-radius: 10px;-webkit-box-shadow: inset 1px 1px 0 rgba(48, 48, 48, 0.92);}
  12. ::-webkit-scrollbar{width: 16px;height: 16px;}/* 滑块整体设置*/
  13. ::-webkit-scrollbar-track,
  14. ::-webkit-scrollbar-thumb{border-radius: 999px;border: 5px solid transparent;}
  15. ::-webkit-scrollbar-track{box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;}
  16. ::-webkit-scrollbar-thumb{min-height: 20px;background-clip: content-box;box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;}
  17. ::-webkit-scrollbar-corner{background: transparent;}/* 横向滚动条和纵向滚动条相交处尖角的颜色 */
  18. body{
  19. font-size: 100%;
  20. }
  21. a:hover{
  22. text-decoration: none;
  23. }
  24. .left{
  25. float: left;
  26. }
  27. .right{
  28. float: right;
  29. }
  30. .clear{
  31. clear: both;
  32. }
  33. .text_right{
  34. text-align: right;
  35. }
  36. .header{
  37. width: 100%;
  38. height: 80px;
  39. background-color: #030829;
  40. }
  41. .header_center{
  42. width: 30%;
  43. margin: 0px auto;
  44. color: #FFFFff;
  45. text-align: center;
  46. height: 80px;
  47. background-image: url("../img/logoBg.png");
  48. background-size: 100% 100%;
  49. font-family: "微软雅黑"!important;
  50. }
  51. .header_center h2{
  52. margin-top: 10px !important;
  53. margin-bottom: 10px; !important;
  54. font-size: 18px !important;
  55. }
  56. .color_font{
  57. color: #e8f7fe !important;
  58. font-size: 12px !important;
  59. }
  60. .header_logo{
  61. margin-left: 1%;
  62. margin-top: 12px;
  63. }
  64. .header_logo img{
  65. height: 56px;
  66. }
  67. .nav{
  68. width: 35%;
  69. }
  70. .nav>ul{
  71. }
  72. .nav>ul>li{
  73. display: inline-block;
  74. width: 120px;
  75. text-align: center;
  76. height: 50px;
  77. position: relative;
  78. line-height: 50px;
  79. margin-top: 15px;
  80. box-sizing: border-box;
  81. /*box-shadow: -5px 0px 5px #034c6a inset, !*左边阴影*!*/
  82. /*0px -5px 15px #034c6a inset, !*上边阴影*!*/
  83. /*5px 0px 15px #034c6a inset, !*右边阴影*!*/
  84. /*0px 5px 15px #034c6a inset;*/
  85. border-radius: 5px;
  86. }
  87. .nav>ul>li:hover{
  88. box-shadow: -10px 0px 15px #034c6a inset, /*左边阴影*/
  89. 0px -10px 15px #034c6a inset, /*上边阴影*/
  90. 10px 0px 15px #034c6a inset, /*右边阴影*/
  91. 0px 10px 15px #034c6a inset;
  92. box-sizing: border-box;
  93. }
  94. .nav>ul>li i{
  95. width: 16px;
  96. height: 16px;
  97. display: inline-block;
  98. position: relative;
  99. top:3px;
  100. margin-right: 5px;
  101. }
  102. .nav>ul>li>a{
  103. color: #ffffff;
  104. /*display: inline-block;*/
  105. /*padding: 0 15px 0 5px;*/
  106. font-size: 14px;
  107. }
  108. /*.nav>ul>li:hover .li_ul{*/
  109. /*display: block;*/
  110. /*}*/
  111. .li_ul{
  112. position: absolute;
  113. background-color: #030829;
  114. width: 100%;
  115. /*border-top:4px solid #4b8df8;*/
  116. display: none;
  117. z-index: 999;
  118. }
  119. .li_ul li{
  120. line-height: 40px !important;
  121. }
  122. .li_ul li:hover{
  123. background-color: #4b8df8;
  124. }
  125. .li_ul li a{
  126. color: #ffffff;
  127. font-size: 13px;
  128. }
  129. .nav_1{
  130. background-image: url("../img/nav_1.png");
  131. }
  132. .nav_2{
  133. background-image: url("../img/nav_2.png");
  134. }
  135. .nav_3{
  136. background-image: url("../img/nav_3.png");
  137. }
  138. .nav_4{
  139. background-image: url("../img/nav_4.png");
  140. }
  141. .nav_5{
  142. background-image: url("../img/nav_5.png");
  143. }
  144. .nav_6{
  145. background-image: url("../img/nav_6.png");
  146. }
  147. .nav_7{
  148. background-image: url("../img/nav_7.png");
  149. }
  150. .nav_8{
  151. background-image: url("../img/nav_9.png");
  152. }
  153. .nav_active{
  154. border-bottom: 4px solid #4b8df8;
  155. box-shadow: -10px 0px 15px #034c6a inset, /*左边阴影*/
  156. 0px -10px 15px #034c6a inset, /*上边阴影*/
  157. 10px 0px 15px #034c6a inset, /*右边阴影*/
  158. 0px 10px 15px #034c6a inset;
  159. box-sizing: border-box;
  160. }
  161. .con{
  162. width: 100%;
  163. background-color: #081832;
  164. padding-top: 20px;
  165. padding-bottom: 20px;
  166. }
  167. .con1{
  168. width: 100%;
  169. background-color: #081832cc;
  170. /*padding-bottom: 4px;*/
  171. box-sizing: border-box;
  172. overflow: auto;
  173. ;
  174. }
  175. .find_expend{
  176. display: none;
  177. }
  178. .con1::before{
  179. content: "";
  180. display: block;
  181. clear: both;
  182. visibility: hidden;
  183. height: 0;
  184. }
  185. .select_time{
  186. width: 140px;
  187. height: 36px;
  188. margin-bottom: 25px;
  189. margin-left: 1%;
  190. padding-left: 20px;
  191. ;
  192. }
  193. .select_time img{
  194. height: 18px;
  195. margin-top: 9px;
  196. }
  197. .select_time input{
  198. border: none;
  199. background-color: transparent;
  200. width: 80px;
  201. height: 20px;
  202. top:-5px;
  203. margin-left: 10px;
  204. position: relative;
  205. text-indent: 1em;
  206. outline: none;
  207. }
  208. .con_div{
  209. height: 110px;
  210. width: 98%;
  211. margin-left: 1%;
  212. margin-bottom: 25px;
  213. }
  214. .con_div_text{
  215. height: 100%;
  216. background-color: #034c6a;
  217. width: 32%;
  218. margin-right: 1.3%;
  219. }
  220. .con_div_text01{
  221. width: 50%;
  222. height: 100%;
  223. }
  224. .text01_img{
  225. width: 40px;
  226. height: 40px;
  227. margin-left: 5%;
  228. margin-top: 35px;
  229. }
  230. .text01_div{
  231. margin-top: 15px;
  232. margin-left: 5%;
  233. text-align: center;
  234. }
  235. .text01_div p{
  236. line-height: 35px;
  237. }
  238. .text01_div p:nth-child(1){
  239. font-size: 13px;
  240. color: #ffffff;
  241. }
  242. .text01_div p:nth-child(2){
  243. font-size: 28px;
  244. color: #ffff43;
  245. font-weight: 600;
  246. }
  247. .red{
  248. color: red !important;
  249. }
  250. .sky{
  251. color: #25f3e6 !important;
  252. }
  253. .org{
  254. color: #ff4e4e !important;
  255. }
  256. .div_any{
  257. width: 98%;
  258. margin-left: 1%;
  259. margin-bottom: 25px;
  260. height: 610px;
  261. }
  262. .div_any01{
  263. width: 23%;
  264. margin-right: 2%;
  265. }
  266. .div_any02{
  267. width: 48%;
  268. margin-right: 2%;
  269. }
  270. .div_any03{
  271. width: 98%;
  272. margin: 15px auto;
  273. }
  274. .div_any_child{
  275. width: 100%;
  276. height: 280px;
  277. box-shadow: -10px 0px 15px #034c6a inset, /*左边阴影*/
  278. 0px -10px 15px #034c6a inset, /*上边阴影*/
  279. 10px 0px 15px #034c6a inset, /*右边阴影*/
  280. 0px 10px 15px #034c6a inset;
  281. border: 1px solid #034c6a;
  282. box-sizing: border-box;
  283. position: relative;
  284. margin-top: 25px;
  285. }
  286. .div_any_child01{
  287. width: 48%;
  288. box-shadow: -10px 0px 15px #034c6a inset, /*左边阴影*/
  289. 0px -10px 15px #034c6a inset, /*上边阴影*/
  290. 10px 0px 15px #034c6a inset, /*右边阴影*/
  291. 0px 10px 15px #034c6a inset;
  292. border: 1px solid #034c6a;
  293. box-sizing: border-box;
  294. position: relative;
  295. margin-right: 2%;
  296. }
  297. .div_any_child01_wh{
  298. width: 98% !important;
  299. }
  300. .div_height01{
  301. height: auto !important;
  302. padding: 5px;
  303. }
  304. .char_table{
  305. height: 200px;
  306. }
  307. .p_chart{
  308. height: 250px;
  309. padding: 5px 10px;
  310. margin-top: 15px;
  311. }
  312. #map_div{
  313. width: 96%;
  314. height: 94%;
  315. margin: 4% auto;
  316. }
  317. .div_height{
  318. height:586px !important;
  319. }
  320. .div_any_title{
  321. background-color: #034c6a;
  322. border-radius: 18px;
  323. position: absolute;
  324. height: 35px;
  325. width: 60%;
  326. top:-15px;
  327. color: #ffffff;
  328. font-weight: bold;
  329. font-size: 16px;
  330. left: 20%;
  331. line-height: 35px;
  332. text-align: center;
  333. }
  334. .div_any_title img{
  335. width: 18px;
  336. height: 18px;
  337. position: relative;
  338. top:2px;
  339. margin-right: 5px;
  340. }
  341. .any_title_width{
  342. width: 30% !important;
  343. left: 35% !important;
  344. }
  345. .div_table{
  346. width: 98%;
  347. margin-left: 1%;
  348. margin-bottom: 25px;
  349. height: 280px;
  350. }
  351. .div_table_box{
  352. width: 23%;
  353. margin-right: 2%;
  354. }
  355. .table_p{
  356. height: 93%;
  357. margin-top: 7%;
  358. position: relative;
  359. }.table_p01{
  360. height:auto !important;
  361. margin-top: 0!important;
  362. position: relative;
  363. }
  364. .table_p01 table td{
  365. padding: 6px 0;
  366. }
  367. .table_p table{
  368. width: 100%;
  369. height: 100%;
  370. border-collapse: collapse;
  371. position: absolute;
  372. text-align: center;
  373. }
  374. .table_p table thead th{
  375. color: #61d2f7;
  376. font-size: 14px;
  377. font-weight: 600;
  378. padding-top: 5px;
  379. padding-bottom: 5px;
  380. }
  381. .table_p table tbody{
  382. color: #ffffff;
  383. font-size: 13px;
  384. }
  385. .table_p table tbody tr:nth-child(2n+1){
  386. background-color: #072951;
  387. box-shadow: -10px 0px 15px #034c6a inset,
  388. 10px 0px 15px #034c6a inset;
  389. }
  390. .car_left{
  391. width: 18%;
  392. height: 100%;
  393. background-color: #081832;
  394. }
  395. .car_center{
  396. height: 100%;
  397. background-color: #081832;
  398. width: 50.5%;
  399. margin-left: 0.5%;
  400. }
  401. .car_center video{
  402. width: 49.5%;
  403. height: 49%;
  404. box-sizing: border-box;
  405. box-shadow: -10px 0px 15px #034c6a inset,
  406. 10px 0px 15px #034c6a inset;
  407. float: left;
  408. }
  409. .magin_top{
  410. margin-top: 1%;
  411. }
  412. .magin_left{
  413. margin-left: 1%;
  414. }
  415. .car_right{
  416. width: 31%;
  417. height: 100%;
  418. }
  419. .text_center{
  420. text-align: center;
  421. }
  422. .carNo_input{
  423. width: 75%;
  424. height: 25px;
  425. margin-top: 5px;
  426. margin-bottom: 5px;
  427. text-indent: 2em;
  428. margin-left: 5%;
  429. border:1px solid #072951;
  430. border-radius: 3px;
  431. }
  432. .find_but{
  433. height: 25px;
  434. background-image: url("../img/find.png");
  435. width: 25px;
  436. background-repeat: no-repeat;
  437. background-size: 100% 100%;
  438. position: relative;
  439. top:8px;
  440. border:none;
  441. background-color: transparent;
  442. }
  443. .find_but1{
  444. height: 25px;
  445. background-image: url("../img/find.png");
  446. width: 25px;
  447. background-repeat: no-repeat;
  448. background-size: 100% 100%;
  449. position: relative;
  450. top:8px;
  451. border:1px solid #4b8df8;
  452. background-color: transparent;
  453. }
  454. .set_list{
  455. padding: 10px 5%;
  456. color: #eee;
  457. font-size: 14px;
  458. }
  459. .list_i{
  460. width: 16px;
  461. height: 16px;
  462. display: inline-block;
  463. background-image: url("../img/nav_1.png");
  464. top:3px;
  465. position: relative;
  466. }
  467. .left_up{
  468. height: 58%;
  469. }
  470. .left_table{
  471. height: 98%;
  472. border-radius: 5px;
  473. width:18%!important;
  474. background-color: #081832;
  475. }
  476. .right_table{
  477. height: 98%;
  478. border-radius: 5px;
  479. width:81.5%!important;
  480. background-color: #081832;
  481. margin-left: 0.5%;
  482. }
  483. .center_table{
  484. height: 100%;
  485. border-radius: 5px;
  486. width:100%;
  487. background-color: #081832;
  488. margin: 0 auto;
  489. }
  490. .bow_shadow{
  491. box-shadow: -8px 0px 10px #034c6a inset,
  492. 8px 0px 10px #034c6a inset;
  493. width: 100%;
  494. box-sizing: border-box;
  495. }
  496. .ztree li a{
  497. color: #FFFFff !important;
  498. }
  499. .left_down{
  500. height: 40%;
  501. margin-top: 2%;
  502. }
  503. .tab_a{
  504. width: 45%;
  505. height: 30px;
  506. line-height: 30px;
  507. color: #FFFFff;
  508. background-color: #667fa7;
  509. display: inline-block;
  510. margin-right: 1%;
  511. margin-top: 5px;
  512. font-size: 14px;
  513. }
  514. .tab_aActive{
  515. background-color:#034c6a !important;
  516. font-weight: 600;
  517. }
  518. .car_content{
  519. margin-left: 5%;
  520. font-size: 13px;
  521. color: #eeeeee;
  522. }
  523. .car_content p{
  524. padding-top: 5px;
  525. padding-bottom: 5px;
  526. }
  527. .table2_find{
  528. background-color: #072951;
  529. box-shadow: -10px 0px 15px #034c6a inset, 10px 0px 15px #034c6a inset;
  530. width: 100%;
  531. padding: 5px 0;
  532. color: #FFFFff;
  533. }
  534. .table2_find input[type=text]{
  535. background-color: transparent;
  536. width: 16%;
  537. height: 24px;
  538. border-radius: 3px;
  539. text-indent: 1em;
  540. border:1px solid #7EC4CC;
  541. }
  542. .table_find{
  543. width: 100%;
  544. padding: 8px 0;
  545. border-bottom: 2px solid #a5c5f83b;
  546. font-size: 13px;
  547. }
  548. .more_find{
  549. cursor: pointer;
  550. position: relative;
  551. top:5px;
  552. }
  553. .table_find .glyphicon{
  554. margin-right: 5px;
  555. }
  556. .table_find button{
  557. padding: 4px 10px;
  558. }
  559. .table_find p{
  560. margin-top: 8px;
  561. }
  562. .table_find label{
  563. color: #eeeeee;
  564. width: 8%;
  565. display: inline-block;
  566. text-align: right;
  567. }
  568. .table_find input[type=text],.table_find input[type=date]{
  569. width: 16%;
  570. height: 24px;
  571. border-radius: 3px;
  572. text-indent: 1em;
  573. border:1px solid#4b8df8;
  574. background-color: #cccccc4f;
  575. }
  576. .table_find select{
  577. width: 12%;
  578. height: 24px;
  579. border-radius: 3px;
  580. text-indent: 1em;
  581. border:1px solid #4b8df8;
  582. background-color: #cccccc4f;
  583. }
  584. .table_find input[type=checkbox]{
  585. width: 14px;
  586. height: 14px;
  587. position: relative;
  588. top:3px;
  589. margin-right: 5px;
  590. }
  591. .table_find span{
  592. color: #b2cbf3;
  593. margin-right: 2%;
  594. }
  595. .find_button{
  596. width: 5%;
  597. height: 26px;
  598. border: none;
  599. border-radius: 2px;
  600. background-color: #4b8df8;
  601. color: #FFFFff;
  602. font-size: 14px;
  603. }
  604. .table2_style{
  605. color: #FFFFff;
  606. border: none !important;
  607. font-size: 13px;
  608. }
  609. .table2_style a{
  610. margin-right: 10px;
  611. }
  612. .table2_style tbody tr:nth-child(2n+1){
  613. background-color: #072951;
  614. border-left: 4px solid #4b8df8;;
  615. }
  616. .table2_style thead tr{
  617. color: #FFFFff;
  618. background-color:#4b8df8;
  619. }
  620. .table2_style td{
  621. border: none !important;
  622. }
  623. .table2_style thead th{
  624. border-bottom: none !important;
  625. }
  626. .table2_style tbody tr:nth-child(2n):hover{
  627. /*color: #072951;*/
  628. background-color: rgba(75, 141, 248, 0.65);
  629. }
  630. .table_style{
  631. color: #FFFFff;
  632. box-shadow: -8px 0px 10px #034c6a inset,
  633. 8px 0px 10px #034c6a inset;
  634. border: none !important;
  635. font-size: 13px;
  636. }
  637. .table_style a{
  638. margin-right: 10px;
  639. }
  640. .table_style td{
  641. border: none !important;
  642. }
  643. .table_style tbody tr:nth-child(2n+1){
  644. background-color: #072951;
  645. box-shadow: -10px 0px 15px #034c6a inset,
  646. 10px 0px 15px #034c6a inset;
  647. }
  648. .table_style thead tr{
  649. color: #4b8df8;
  650. }
  651. .table_style thead th{
  652. border-bottom: none !important;
  653. }
  654. .table_style tbody tr:nth-child(2n):hover{
  655. /*color: #072951;*/
  656. background-color: rgba(75, 141, 248, 0.12);
  657. }
  658. .table_div{
  659. margin-top: 10px;
  660. color: #FFFFff;
  661. }
  662. .table_but{
  663. text-align: right;
  664. font-size: 13px;
  665. padding-bottom: 5px;
  666. padding-top: 10px;
  667. }
  668. .table_but a{
  669. margin-right: 15px;
  670. color: #FFFFff;
  671. }
  672. .table_but a i{
  673. margin-right: 5px;
  674. }
  675. .table_del{
  676. color: orangered;
  677. }
  678. .table_edit{
  679. color: #0D8BBD;
  680. }
  681. .span_left{
  682. padding: 5px;
  683. }
  684. /*地图界面样式*/
  685. .map_con{
  686. width: 100%;
  687. padding: 0;
  688. background-color: #081832cc;
  689. }
  690. .map_left{
  691. width: 79%;
  692. height: 100%;
  693. }
  694. .map_right{
  695. width: 20.5%;
  696. height: 100%;
  697. background-color: #081832;
  698. }
  699. .map_box{
  700. width: 100%;
  701. height: 100%;
  702. }
  703. .map_top{
  704. position: absolute;
  705. top:80px;
  706. left: 0;
  707. height: 35px;
  708. width: 79%;
  709. border-bottom: 1px solid #4b8df8;
  710. background-color: rgba(255, 255, 255, 0.84);
  711. z-index: 99;
  712. }
  713. .map_top>ul{
  714. list-style: none;
  715. font-size: 14px;
  716. float: right;
  717. }
  718. .map_top>ul>li{
  719. display: inline-block;
  720. line-height: 35px;
  721. padding: 0 10px;
  722. }
  723. .map_top>ul>li i{
  724. margin-right: 5px;
  725. }
  726. .map_top>ul>li a{
  727. color: #2E2D3C;
  728. }
  729. .map_top>ul .active,.map_top>ul>li .active{
  730. color: #0D8BBD;
  731. }
  732. /*大屏*/
  733. .map_select{
  734. position: fixed;
  735. top:160px;
  736. right: 21.5%;
  737. box-shadow: -10px 0px 15px #034c6a inset, /*左边阴影*/
  738. 0px -10px 15px #034c6a inset, /*上边阴影*/
  739. 10px 0px 15px #034c6a inset, /*右边阴影*/
  740. 0px 10px 15px #034c6a inset;
  741. border: 1px solid #034c6a;
  742. width: 120px;
  743. height: 180px;
  744. border-radius: 5px;
  745. background-color: #081832e3;
  746. }
  747. .map_select p{
  748. padding: 8px 15px;
  749. color: #FFFFff;
  750. font-size: 14px;
  751. }
  752. .map_select p input[type=checkbox]{
  753. width: 15px;
  754. height: 15px;
  755. position: relative;
  756. top:3px;
  757. margin-right: 10px;
  758. }
  759. .map_right_top{
  760. width: 100%;
  761. height: 35px;
  762. background-color: #034c6a;
  763. }
  764. .map_right_top>ul>li{
  765. list-style: none;
  766. display: inline-block;
  767. line-height: 35px;
  768. font-size: 14px;
  769. text-align: center;
  770. width: 32%;
  771. color: #FFFFff;
  772. cursor: pointer;
  773. }
  774. .map_right_top>ul>li.li_active{
  775. background-color: #0D8BBD;
  776. }
  777. .map_chart{
  778. width: 100%;
  779. height: 250px;
  780. box-sizing: border-box;
  781. position: relative;
  782. margin-top: 25px;
  783. }
  784. .map_con{
  785. width: 100%;
  786. }
  787. .map_con_div{
  788. display: none;
  789. }
  790. .map_work{
  791. margin-top: 5px;
  792. border-top:1px solid #0D8BBD;;
  793. }
  794. .map_work>ul>li{
  795. list-style: none;
  796. display: inline-block;
  797. width: 32%;
  798. text-align: center;
  799. margin-top: 10px;
  800. margin-bottom: 10px;
  801. cursor: pointer;
  802. padding: 10px 0;
  803. }
  804. .map_work>ul>li:hover{
  805. box-shadow: -10px 0px 15px #034c6a inset, /*左边阴影*/
  806. 0px -10px 15px #034c6a inset, /*上边阴影*/
  807. 10px 0px 15px #034c6a inset, /*右边阴影*/
  808. 0px 10px 15px #034c6a inset;
  809. }
  810. .map_work>ul>li .img_div{
  811. width: 28px;
  812. height: 24px;
  813. margin: 0 auto;
  814. }
  815. .img_div01{
  816. background: url(../img/map_photo.png) no-repeat;
  817. background-position: -126px -73px;
  818. }
  819. .img_div02{
  820. background: url(../img/map_photo.png) no-repeat;
  821. background-position: -98px -122px;
  822. }
  823. .img_div_text{
  824. color: #FFFFff;
  825. margin-top: 8px;
  826. font-size: 13px;
  827. }
  828. .back_i{
  829. position: relative;
  830. top:2px;
  831. margin-right: 5px;
  832. }
  833. .map_resList{
  834. width: 96%;
  835. margin: 0 auto;
  836. font-size: 13px;
  837. display: none;
  838. }
  839. .map_resList>ul>li{
  840. list-style: none;
  841. margin-top: 8px;
  842. }
  843. .map_resList>ul>li p{
  844. padding: 5px 0;
  845. color: #eeeeee;
  846. }
  847. .map_resList>ul>li a{
  848. margin-right: 6px;
  849. }
  850. .map_resList>ul>li a img{
  851. width: 16px;
  852. }
  853. .map_resList>ul>li:nth-child(2n+1){
  854. background-color: #0d8bbd36;
  855. }
  856. /*统计分析界面样式*/
  857. .static_top{
  858. width: 140px;
  859. height: 36px;
  860. line-height: 36px;
  861. background-color: #04425f;
  862. margin-bottom: 25px;
  863. margin-left: 1%;
  864. padding-left: 20px;
  865. border-radius: 1px;
  866. box-shadow: 0px 3px 3px #61d2f7;
  867. }
  868. .static_top i{
  869. width: 16px;
  870. height: 16px;
  871. display: inline-block;
  872. position: relative;
  873. background-image: url("../img/nav_7.png");
  874. background-repeat: no-repeat;
  875. margin-right: 6px;
  876. top:1px;
  877. }
  878. .static_top span{
  879. color: #25f3e6;
  880. }
  881. .stiatic_top_con{
  882. background-color: #034c6a;
  883. width: 96%;
  884. margin-left: 1%;
  885. margin-bottom: 25px;
  886. padding: 10px 1%;
  887. border-radius: 5px;
  888. }
  889. .stiatic_top_con table{
  890. width: 100%;
  891. border-collapse: collapse;
  892. }
  893. .stiatic_top_con table td{
  894. color: #FFFFff;
  895. padding: 5px;
  896. font-size: 13px;
  897. border:1px solid #485f849c;
  898. }
  899. .stiatic_top_con table .labe_td{
  900. color: #61d2f7;
  901. font-size: 14px;
  902. width: 120px;
  903. text-align: right;
  904. }
  905. .layui-layer-title{
  906. /*box-shadow: -8px 0px 10px #034c6a inset,*/
  907. /*8px 0px 10px #034c6a inset;*/
  908. background-color: #081832d4 !important;
  909. color: #FFFFff !important;
  910. border-bottom: 3px solid #4b8df8 !important;
  911. box-sizing: border-box;
  912. }