oneIndex.css 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527
  1. body,ul {
  2. margin: 0;
  3. padding: 0;
  4. }
  5. body {
  6. position: relative;
  7. }
  8. ul {
  9. list-style: none;
  10. }
  11. .main2{
  12. width: 900px;
  13. }
  14. .main3{
  15. width: 1200px;
  16. }
  17. .tabs-header{
  18. background: #1A9856;
  19. }
  20. .tabs li a{
  21. background: #1A9856 !important;
  22. color: #FFF !important;
  23. }
  24. .tabs .tabs-selected a{
  25. color: #000 !important;
  26. background: #D0D66F !important;
  27. }
  28. a {
  29. text-decoration: none;
  30. }
  31. a:hover {
  32. text-decoration: underline;
  33. }
  34. .tool a {
  35. text-decoration: none;
  36. color: white;
  37. font-weight: bold;
  38. }
  39. .tool a:hover {
  40. text-decoration: underline;
  41. }
  42. .tool-wrap {
  43. width: 100%;
  44. background: #007B3A;
  45. color: white;
  46. }
  47. .tool {
  48. width: 1200px;
  49. height: 30px;
  50. line-height: 30px;
  51. font-size: 13px;
  52. margin: 0 auto;
  53. }
  54. .emp-name {
  55. margin-right: 20px;
  56. float: left;
  57. }
  58. .emp-item {
  59. float: right;
  60. }
  61. .emp-item .albumn{
  62. display: inline-block;
  63. width: 343px;
  64. }
  65. .albumn .to-do{ position:relative;}
  66. .albumn .to-do i{
  67. background-color: #f10215;
  68. border-radius: 7px;
  69. color: #fff;
  70. display: inline-block;
  71. font-size: 12px;
  72. line-height: 12px;
  73. min-width: 12px;
  74. padding: 1px;
  75. right: auto;
  76. text-align: center; font-style:normal; margin-left:4px;}
  77. .albumn img{
  78. width: 20px;
  79. height: 20px;
  80. vertical-align: middle;
  81. }
  82. .albumn-arrow {
  83. display: inline-block;
  84. border-top: 5px solid white;
  85. border-left: 5px solid transparent;
  86. border-right: 5px solid transparent;
  87. position: absolute;
  88. left: 235px;
  89. top: 35px;
  90. }
  91. .logo-wrap {
  92. background: #007B3A;
  93. border-top: 1px solid #1A9856;
  94. }
  95. .logo {
  96. width: 1200px;
  97. height: 60px;
  98. margin: 0 auto;
  99. }
  100. .logo img {
  101. height: 33px;
  102. margin-top: 14px;
  103. }
  104. .nav-wrap {
  105. background: #1A9856;
  106. }
  107. .nav {
  108. width: 1200px;
  109. height: 45px;
  110. line-height: 45px;
  111. font-family: 'Microsoft YaHei';
  112. font-size: 15px;
  113. color: white;
  114. margin: 0 auto;
  115. }
  116. .nav ul,.nav li {
  117. margin: 0;
  118. padding: 0;
  119. list-style-type: none;
  120. font-size: 0;
  121. }
  122. .nav li {
  123. text-align: center;
  124. padding: 0 14px;
  125. display: inline-block;
  126. cursor: pointer;
  127. font-size: 15px;
  128. }
  129. .nav li:hover {
  130. background: #30AB6A;
  131. }
  132. .nav .active {
  133. background: #30AB6A;
  134. }
  135. .nav a {
  136. display: block;
  137. width: 100%;
  138. height: 100%;
  139. color: white;
  140. text-decoration: none;
  141. }
  142. .con-wrap {
  143. width: 1200px;
  144. min-height: 400px;
  145. margin: 0 auto;
  146. margin-top: 12px;
  147. font-family: 'Microsoft YaHei';
  148. /*padding-bottom: 50px;*/
  149. }
  150. .con-wrap .con {
  151. width: 100%;
  152. text-align:center;
  153. position: relative;
  154. }
  155. .con-wrap #main-map {
  156. z-index: 100;
  157. width: 100%;
  158. height:560px;
  159. }
  160. .con-wrap #mapLw-show {
  161. z-index: 1000;
  162. width: 220px;
  163. height: 220px;
  164. position: absolute;
  165. bottom: 16px;
  166. right: 180px;
  167. display: none;
  168. }
  169. .con-wrap #list-show {
  170. z-index: 101;
  171. display: none;
  172. position: absolute;
  173. top: 50%;
  174. -webkit-transform: translateY(-50%);
  175. -ms-transform: translateY(-50%);
  176. -o-transform: translateY(-50%);
  177. transform: translateY(-50%);
  178. right: 15%;
  179. background: rgba(0,0,0,0.5);
  180. border-radius: 5px;
  181. padding: 10px 20px;
  182. padding-bottom: 0px;
  183. }
  184. .con-wrap #list-show li {
  185. text-align: left;
  186. margin-bottom: 10px;
  187. }
  188. .con-wrap #list-show li a {
  189. color: #fff;
  190. font-weight: 100;
  191. }
  192. /*.con-wrap #list-show li a:hover {
  193. color: #108c7e;
  194. }*/
  195. .status {
  196. display: inline-block;
  197. }
  198. .status-title {
  199. line-height: 40px;
  200. font-size: 16px;
  201. font-weight: 600;
  202. }
  203. .status-con {
  204. width: 485px;
  205. height: 180px;
  206. border: 1px solid lightgrey;
  207. }
  208. .status-con-t {
  209. width: 485px;
  210. height: 75px;
  211. border-bottom: 1px solid lightgrey;
  212. }
  213. .status-img {
  214. width: 110px;
  215. height: 75px;
  216. display: inline-block;
  217. }
  218. .status-img img {
  219. width: 60px;
  220. height: 60px;
  221. margin-left: 25px;
  222. margin-top: 7px;
  223. }
  224. .status-pro {
  225. height: 75px;
  226. width: 375px;
  227. display: inline-block;
  228. vertical-align: top;
  229. }
  230. .status-pro-name {
  231. line-height: 40px;
  232. font-size: 15px;
  233. }
  234. .status-pro-level {
  235. line-height: 20px;
  236. font-size: 14px;
  237. color: grey;
  238. }
  239. .status-con-bli {
  240. line-height: 30px;
  241. font-size: 14px;
  242. text-indent: 1em;
  243. color: #777;
  244. }
  245. .status-con-bli-t {
  246. width: 110px;
  247. display: inline-block;
  248. }
  249. .notice {
  250. display: inline-block;
  251. float: right;
  252. }
  253. .notice-title {
  254. line-height: 40px;
  255. font-size: 16px;
  256. font-weight: 600;
  257. }
  258. .notice-more {
  259. font-size: 14px;
  260. color: grey;
  261. font-weight: normal;
  262. float: right;
  263. }
  264. .notice-con {
  265. border: 1px solid lightgrey;
  266. width: 500px;
  267. height: 180px;
  268. }
  269. .notice-con-t {
  270. width: 500px;
  271. height: 75px;
  272. border-bottom: 1px solid lightgrey;
  273. }
  274. .notice-con-item {
  275. width: 375px;
  276. display: inline-block;
  277. }
  278. .notice-con-itembig{
  279. display: inline-block;
  280. line-height: 30px;
  281. text-indent: 1em;
  282. font-size: 16px;
  283. font-weight: 600;
  284. }
  285. .notice-con-itembig a {
  286. color: black;
  287. }
  288. .notice-con-itemsmall {
  289. display: inline-block;
  290. line-height: 25px;
  291. font-size: 14px;
  292. text-indent: 1em;
  293. color: grey;
  294. }
  295. .notice-con-itemsmall a{
  296. color: grey;
  297. }
  298. .notice-con-logo {
  299. width: 110px;
  300. display: inline-block;
  301. }
  302. .notice-con-logo img {
  303. height: 50px;
  304. margin-left: 30px;
  305. margin-right: 30px;
  306. margin-top: 12px;
  307. }
  308. .notice-con-bli {
  309. line-height: 35px;
  310. text-indent: 1em;
  311. display: inline-block;
  312. width: 100%;
  313. font-size: 15px;
  314. }
  315. .notice-con-blitime {
  316. color: grey;
  317. }
  318. .notice-con-blititle a {
  319. color: black;
  320. }
  321. .notice-con-person {
  322. margin-right: 1em;
  323. float: right;
  324. color: grey;
  325. }
  326. .supervise {
  327. margin-top: 40px;
  328. }
  329. .super-con {
  330. border: 1px solid lightgrey;
  331. padding-left: 1em;
  332. }
  333. .super-con-title {
  334. line-height: 40px;
  335. display: inline-block;
  336. font-size: 15px;
  337. font-weight: 600;
  338. }
  339. .super-con-item {
  340. color: grey;
  341. }
  342. .super-con-item span {
  343. display: inline-block;
  344. margin-right: 80px;
  345. margin-bottom: 30px;
  346. }
  347. .sysinfo {
  348. margin-top: 35px;
  349. }
  350. .bottom-wrap {
  351. height: 40px;
  352. margin-top: 10px;
  353. line-height: 40px;
  354. text-align: center;
  355. background: #007B3A;
  356. color: white;
  357. }
  358. /*company*/
  359. #con-map {
  360. /*min-height: 650px;*/
  361. display: inline-block;
  362. margin-top: 10px;
  363. }
  364. .file-list {
  365. border-bottom: 1px solid lightgrey;
  366. }
  367. .file-list a {
  368. text-decoration: none;
  369. color: black;
  370. }
  371. .file-list a:hover {
  372. color: #0c94d3;
  373. }
  374. .file-list .active {
  375. color: #0c94d3;
  376. }
  377. .file-title-wrap {
  378. display: inline-block;
  379. width: 80px;
  380. vertical-align: top;
  381. line-height: 25px;
  382. }
  383. .file-title {
  384. line-height: 25px;
  385. }
  386. .file-con-wrap {
  387. display: inline-block;
  388. width: 835px;
  389. }
  390. .file-con {
  391. display: inline-block;
  392. margin-right: 20px;
  393. line-height: 25px;
  394. width: 110px;
  395. }
  396. .file-other {
  397. width: 450px;
  398. display: inline-block;
  399. margin-right: 25px;
  400. }
  401. .file-other-wrap {
  402. border:1px solid lightgrey;
  403. padding-left: 10px;
  404. }
  405. .file-other-wrap span {
  406. line-height: 25px;
  407. }
  408. /*dailymanagefile->transferrecoder*/
  409. .back-last {
  410. font-size: 14px;
  411. color: #0c94d3;
  412. cursor: pointer;
  413. border: 1px solid white;
  414. }
  415. .back-last:hover {
  416. border: 1px solid lightgrey;
  417. }
  418. .back-last img {
  419. vertical-align: middle;
  420. }
  421. .dt-nav {
  422. // border:1px solid lightgrey;
  423. padding: 10px 5px;
  424. font-size: 14px;
  425. }
  426. .dt-item {
  427. border:1px solid lightgrey;
  428. margin-top: 10px;
  429. font-size: 14px;
  430. }
  431. .dt-item-export {
  432. padding: 5px;
  433. text-indent: 1em;
  434. color: white;
  435. background: #0c94d3 url(/img/export.png) no-repeat 2px 7px;
  436. }
  437. /*personfile->personfile.html*/
  438. .pf-ptitle {
  439. font-size: 14px;
  440. font-weight: 600;
  441. line-height: 40px;
  442. }
  443. .pf-pitem,.pf-degree,.pf-major,.pf-ab,.pf-no {
  444. margin-bottom: 20px;
  445. }
  446. .pf-pitem-li {
  447. min-width: 200px;
  448. margin-right: 10px;
  449. margin-bottom: 10px;
  450. display: inline-block;
  451. line-height: 35px;
  452. }
  453. .pf-pitem-lit {
  454. min-width: 114px;
  455. display: inline-block;
  456. text-align: right;
  457. }
  458. .pf-pitem-lic {
  459. width: 140px;
  460. }
  461. .pf-major,.pf-ab,.pf-degree,.pf-no {
  462. line-height: 35px;
  463. }
  464. /*dailymanagefile->dailywindfile.html*/
  465. .dwf-li {
  466. width: 215px;
  467. display: inline-block;
  468. line-height: 35px;
  469. }
  470. .dwf-li select {
  471. width: 130px;
  472. height: 20px;
  473. }
  474. .dwf-li-title {
  475. width: 75px;
  476. display: inline-block;
  477. }
  478. /*dailymanagefile->grainincomefile.html*/
  479. #ft {
  480. padding: 5px;
  481. }
  482. #gcf {
  483. padding: 5px;
  484. }
  485. /*warehousebaseinfo->warehouseinfofile.html*/
  486. .wsf-wrap {
  487. border: 1px solid lightgrey;
  488. font-size: 14px;
  489. padding: 5px 13px;
  490. }
  491. .wsf-li {
  492. width: 335px;
  493. display: inline-block;
  494. line-height: 35px;
  495. }
  496. .wsf-li-1 {
  497. width: 245px;
  498. display: inline-block;
  499. line-height: 35px;
  500. }
  501. .wsf-li-title {
  502. width: 100px;
  503. display: inline-block;
  504. text-align: right;
  505. }
  506. .wsf-li-title-1 {
  507. text-align: right;
  508. width: 100px;
  509. display: inline-block;
  510. }
  511. .wsf-li select {
  512. width: 150px;
  513. height: 20px;
  514. }
  515. .wsf-big {
  516. font-size: 14px;
  517. font-weight: 600;
  518. display: inline-block;
  519. margin-top: 20px;
  520. }
  521. .wsf-li-1 input {
  522. width: 130px;
  523. }
  524. /*inspect->warehouseinspectfile.html*/
  525. .wif-li {
  526. min-width: 180px;
  527. display: inline-block;
  528. line-height: 30px;
  529. }
  530. .wif-li-title {
  531. width: 90px;
  532. display: inline-block;
  533. text-align: right;
  534. }
  535. .wif-li-b {
  536. margin-bottom: 10px;
  537. }
  538. /*work->workplatform*/
  539. #fee-add-win
  540. {
  541. width:400px;height:320px;
  542. padding:5px;
  543. }
  544. .takeOnPeople
  545. {
  546. margin-left:35px;
  547. }
  548. .fee
  549. {
  550. margin-left:23px;
  551. }
  552. #fee-add-win form
  553. {
  554. padding:10px 20px 10px 40px;
  555. }
  556. #fee-add-win select
  557. {
  558. width:173px;
  559. }
  560. .textarea-fee textarea
  561. {
  562. width:173px;
  563. height:50px;
  564. }
  565. .textarea-fee span
  566. {
  567. position:relative;
  568. top:-43px;
  569. }
  570. .fee-button-container
  571. {
  572. padding:15px;
  573. text-align:center;
  574. }
  575. .fee-button-container a
  576. {
  577. margin-right:20px;
  578. }
  579. /*work->safefill->safefill.html*/
  580. /*work->workplatform.html*/
  581. .wp-item-export {
  582. padding: 5px;
  583. color: white;
  584. background: #1A9856;
  585. }
  586. .wp-port {
  587. width: 50px;
  588. height: 20px;
  589. display: inline-block;
  590. text-indent: 1em;
  591. cursor: pointer;
  592. text-decoration: none;
  593. }
  594. .wp-port-import {
  595. background: url(/img/import.png) no-repeat -2px 0px;
  596. }
  597. .wp-port-export {
  598. background: url(/img/export.png) no-repeat -2px 0px;
  599. }
  600. .wp-port-add {
  601. background: url(/img/add.png) no-repeat -2px 0px;
  602. }
  603. .wp-delete,.wp-update,.wp-inspect {
  604. cursor: pointer;
  605. }
  606. /*index.html*/
  607. .author-nav {
  608. display: inline-block;
  609. width: 200px;
  610. height: 552px;
  611. border: 1px solid lightgrey;
  612. float: left;
  613. overflow: auto;
  614. margin-top: 10px;
  615. }
  616. .tree-node {
  617. height: 25px; width: 272px;
  618. }
  619. /*basedata*/
  620. .bd-add-win {
  621. width: 600px;
  622. height: 400px;
  623. }
  624. .bd-add-s {
  625. width: 80px;
  626. height: 25px;
  627. background: #1A9856;
  628. border-radius: 5px;
  629. color: white;
  630. }
  631. .bd-add-s:hover {
  632. background: #25C16F;
  633. height: 25px;
  634. color: white;
  635. border-radius: 5px;
  636. }
  637. #bd-ff table {
  638. margin: 20px auto;
  639. }
  640. .t-update, .t-del, .t-loss, .t-ins {
  641. width: 40px;
  642. background: #1A9856;
  643. color: white;
  644. display: inline-block;
  645. border-radius: 4px;
  646. cursor: pointer;
  647. height: 20px;
  648. line-height: 20px;
  649. text-align: center;
  650. }
  651. .t-detail{
  652. width: 50px;
  653. background: #1A9856;
  654. color: white;
  655. display: inline-block;
  656. border-radius: 4px;
  657. cursor: pointer;
  658. height: 20px;
  659. line-height: 20px;
  660. text-align: center;
  661. }
  662. .t-update1{
  663. width: 80px;
  664. background: #1A9856;
  665. color: white;
  666. display: inline-block;
  667. border-radius: 4px;
  668. cursor: pointer;
  669. height: 20px;
  670. line-height: 20px;
  671. text-align: center;
  672. }
  673. .t-update:hover,.t-detail:hover {
  674. background: #25C16F;
  675. }
  676. .t-update1:hover {
  677. background: #25C16F;
  678. }
  679. .t-del {
  680. background: #C70202;
  681. }
  682. .t-del:hover {
  683. background: red;
  684. }
  685. .t-ins:hover {
  686. background: #25C16F;
  687. }
  688. /*base-iframe*/
  689. .bif-nav {
  690. height: 36px;
  691. margin: 0 auto;
  692. /*width: 1200px;*/
  693. margin-top: 12px;
  694. font-family: 'Microsoft YaHei';
  695. background-color: #1A9856;
  696. text-align: left;
  697. }
  698. .bif-nav ul {
  699. margin: 0;
  700. padding: 0;
  701. list-style-type: none;
  702. font-size: 3px;
  703. height: 36px;
  704. line-height: 36px;
  705. overflow: hidden;
  706. }
  707. .bif-nav li {
  708. float: left;
  709. background: #1A9856;
  710. color: white;
  711. padding: 0 5px;
  712. font-size: 12px;
  713. cursor: pointer;
  714. border-right: 1px solid #FFF;
  715. }
  716. .bif-nav li:hover {
  717. background: #D0D66F;
  718. /*font-weight: bold;*/
  719. }
  720. .bif-nav .active {
  721. background: #D0D66F;
  722. font-weight: bold;
  723. color: black;
  724. }
  725. .bif-con {
  726. width: 970px;
  727. height: 554px;
  728. margin-top: 10px;
  729. float: left;
  730. }
  731. .bif-con>div {
  732. width: 100%;
  733. height: 100%;
  734. }
  735. .wp-delete,.wp-update {
  736. cursor: pointer;
  737. }
  738. .uploadify {
  739. height: 30px;
  740. width: 120px;
  741. line-height: 30px;
  742. text-align: center;
  743. margin: 0 auto;
  744. margin-top: 19px;
  745. background: #1A9856;
  746. border-radius: 5px;
  747. color: white;
  748. }
  749. .uploadify object {
  750. left: 90px;
  751. }
  752. .bif-tab1 {
  753. padding: 50px;
  754. }
  755. .bif-left {
  756. width: 250px;
  757. height: 400px;
  758. display: inline-block;
  759. cursor: pointer;
  760. }
  761. .bif-left img {
  762. display: block;
  763. width: 250px;
  764. height: 300px;
  765. margin: 0 auto;
  766. }
  767. .bif-img-option {
  768. overflow: hidden;
  769. height: 50px;
  770. line-height: 50px;
  771. }
  772. .bif-img-title {
  773. box-sizing: border-box;
  774. /*text-align: right;float: left; width: 60%;*/
  775. font-weight: bold;
  776. font-size: 20px;
  777. }
  778. .bif-img-storeman {
  779. box-sizing: border-box;
  780. font-size: 18px;
  781. float: left;
  782. /*width: 40%;*/
  783. color: green;
  784. font-weight: bold;
  785. }
  786. .bif-right {
  787. box-sizing: border-box;
  788. padding-left: 80px;
  789. display: inline-block;
  790. width: 550px;
  791. height: 400px;
  792. float: right;
  793. }
  794. .bif-r-li-t {
  795. font-size: 15px;
  796. line-height: 45px;
  797. display: inline-block;
  798. width: 140px;
  799. text-align: right;
  800. }
  801. .bif-r-li-v {
  802. display: inline-block;
  803. min-width: 110px;
  804. text-align: center;
  805. line-height: 45px;
  806. font-size: 15px;
  807. color: green;
  808. font-weight: bold;
  809. }
  810. /*warehouse-base*/
  811. .wb-base {
  812. width: 100%;
  813. height: 100%;
  814. padding: 10px;
  815. }
  816. .wb-img {
  817. width: 400px;
  818. height: 500px;
  819. display: inline-block;
  820. }
  821. .wb-img .wb-img-sun {
  822. overflow: hidden;
  823. }
  824. .wb-img img{
  825. margin: 10px 0 0 10px;
  826. width: 374px;
  827. height: 374px;
  828. }
  829. .wb-item {
  830. width: 520px;
  831. height: 100%;
  832. margin-left: 10px;
  833. display: inline-block;
  834. float: right;
  835. }
  836. .wb-item-title {
  837. font-size: 16px;
  838. font-weight: bold;
  839. line-height: 100px;
  840. }
  841. .wb-item-c-left {
  842. text-align: right;
  843. width: 115px;
  844. display: inline-block;
  845. font-size: 15px;
  846. line-height: 48px;
  847. }
  848. .wb-item-c-right {
  849. width: 138px;
  850. display: inline-block;
  851. font-size: 14px;
  852. color: green;
  853. }
  854. .QRcode {
  855. display: block;
  856. cursor: pointer;
  857. font-size: 16px;
  858. margin-bottom: 10px;
  859. }
  860. /*graininspectinfo*/
  861. .gsi-title {
  862. font-size: 15px;
  863. font-weight: bold;
  864. line-height: 30px;
  865. margin-top: 10px;
  866. text-align: center;
  867. }
  868. .gsi-record {
  869. margin-top: 15px;
  870. margin-bottom: 20px;
  871. }
  872. .qii-out-tab table,.gii-history-w-wrap table, .gsi-record table {
  873. width: 100%;
  874. border: 1px solid lightgrey;
  875. border-collapse: collapse;
  876. border-top: 1px solid lightgrey;
  877. border-left: 1px solid lightgrey;
  878. }
  879. .qii-out-tab td, .gii-history-w-wrap td,.gsi-record td {
  880. border: 1px solid lightgrey;
  881. border-bottom: 1px solid lightgrey;
  882. text-align: center;
  883. }
  884. .gii-t-header {
  885. background: #ccc;
  886. font-weight: bold;
  887. }
  888. .gii-t-left {
  889. font-weight: bold;
  890. }
  891. .gii-t-bottom {
  892. color: green;
  893. font-weight: bold;
  894. }
  895. /*初检质量详情*/
  896. .w-tab {
  897. padding: 0 10px;
  898. }
  899. .qii-w-input-1 {
  900. min-width: 95px;
  901. }
  902. .qii-w-input-small {
  903. min-width: 65px;
  904. }
  905. .qii-w-input-s {
  906. width: 65px;
  907. }
  908. .qii-w-input-margin {
  909. margin-top: 5px;
  910. }
  911. .qii-spring .tabs {
  912. border-bottom: 0;
  913. }
  914. .qii-spring .tabs-header .tabs-pill li.tabs-selected a.tabs-inner {
  915. background: #1A9856;
  916. color: white;
  917. }
  918. .qii-spring .qii-spring-check {
  919. width: 152px;
  920. }
  921. .qii-spring .qii-spring-title {
  922. width: 110px;
  923. }
  924. .qii-date-1 {
  925. width: 170px;
  926. }
  927. .qii-date-2 {
  928. width: 140px;
  929. }
  930. .qii-input-1 {
  931. padding-top: 50px;
  932. }
  933. .qii-out-tab table {
  934. width: 100%;
  935. border: 1px solid lightgrey;
  936. border-collapse: collapse;
  937. }
  938. .qii-out-tab td {
  939. border: 1px solid lightgrey;
  940. text-align: center;
  941. }
  942. .qii-out-tab .gii-t-header {
  943. background-color: white;
  944. font-weight:normal;
  945. }
  946. .qii-out-tab td input {
  947. border: none;
  948. }
  949. .logout-div{
  950. display: inline-block;
  951. position: absolute;
  952. right: 0;
  953. width: 75px;
  954. line-height: 30px;
  955. height: 30px;
  956. text-align: center;
  957. background: #017C3B;
  958. border: 2px solid #fff;
  959. border-top: none;
  960. display: none;
  961. top: 35px;
  962. }
  963. .base-list {
  964. display: inline-block;
  965. width: 200px;
  966. height: 600px;
  967. border: 1px solid lightgrey;
  968. float: left;
  969. overflow-x: hidden;
  970. overflow-y: auto;
  971. margin-right: 10px;
  972. }
  973. .bd-form input {
  974. width: 190px;
  975. }
  976. .tree-breadcrumb {
  977. font-size: 12px;
  978. width: 1200px;
  979. margin: 0 auto;
  980. text-align: left;
  981. }
  982. .tree-breadcrumb a{
  983. font-size: 14px;
  984. color: #007B3A;
  985. line-height: 14px;
  986. }
  987. .tree-breadcrumb span{
  988. line-height: 14px;
  989. font-size: 14px;
  990. color: #007B3A;
  991. }
  992. .panel-header {
  993. background-color: #1A9856;
  994. color: #FFF;
  995. }
  996. .panel-title {
  997. font-size: 12px;
  998. font-weight: bold;
  999. height: 16px;
  1000. line-height: 16px;
  1001. color: #FFF;
  1002. }
  1003. /***upload start***/
  1004. .pic{
  1005. border: 1px solid #CCC;
  1006. /* float: left; */
  1007. width: 100%;
  1008. min-height: 150px;
  1009. background: #CCC;
  1010. overflow: hidden;
  1011. position: relative;
  1012. }
  1013. .pic .imgList {
  1014. height: 100%;
  1015. overflow: hidden;
  1016. transition: all .3s;
  1017. }
  1018. .pic .imgList img {
  1019. float: left;
  1020. }
  1021. .pic .prev {
  1022. left: 5px;
  1023. border-left: 3px solid #1A9856;
  1024. border-bottom: 3px solid #1A9856;
  1025. }
  1026. .pic .next {
  1027. right: 5px;
  1028. border-top: 3px solid #1A9856;
  1029. border-right: 3px solid #1A9856;
  1030. }
  1031. .pic .prev, .pic .next {
  1032. cursor: pointer;
  1033. position: absolute;
  1034. top: 50%;
  1035. transform: translateY(-50%);
  1036. transform: rotate(45deg);
  1037. width: 15px;
  1038. height: 15px;
  1039. }
  1040. #file{
  1041. border-color: #ffa8a8;
  1042. background-color: #F30000;
  1043. color: #000;
  1044. width: 100%;
  1045. height: 20px;
  1046. margin-top: 10px;
  1047. }
  1048. div.upload-btn {
  1049. width: 100px;
  1050. height: 40px;
  1051. margin: 20px 0px 0px 100px;
  1052. /*border: 1px solid #ccc;*/
  1053. background: url("/img/upload2.png");
  1054. overflow: hidden;
  1055. cursor: pointer;
  1056. }
  1057. div.upload-btn-wenti {
  1058. width: 166px;
  1059. height: 40px;
  1060. /*border: 1px solid #ccc;*/
  1061. background: url("/img/upload_wenti.png");
  1062. overflow: hidden;
  1063. cursor: pointer;
  1064. }
  1065. div.upload-btn-ren {
  1066. width: 166px;
  1067. height: 40px;
  1068. /*border: 1px solid #ccc;*/
  1069. background: url("/img/upload_ren.png");
  1070. overflow: hidden;
  1071. cursor: pointer;
  1072. }
  1073. div.upload-btn-advices {
  1074. width: 166px;
  1075. height: 40px;
  1076. /*border: 1px solid #ccc;*/
  1077. background: url("/img/upload_advices.png");
  1078. overflow: hidden;
  1079. cursor: pointer;
  1080. }
  1081. div.upload-btn-advices4 {
  1082. width: 166px;
  1083. height: 40px;
  1084. /*border: 1px solid #ccc;*/
  1085. background: url("/img/zhengg.png");
  1086. overflow: hidden;
  1087. cursor: pointer;
  1088. }
  1089. div.upload-btn-wenti input {
  1090. display: block !important;
  1091. width: 166px !important;
  1092. height: 40px !important;
  1093. opacity: 0 !important;
  1094. overflow: hidden !important;
  1095. }
  1096. div.upload-btn-ren input {
  1097. display: block !important;
  1098. width: 166px !important;
  1099. height: 40px !important;
  1100. opacity: 0 !important;
  1101. overflow: hidden !important;
  1102. }
  1103. div.upload-btn-advices input {
  1104. display: block !important;
  1105. width: 166px !important;
  1106. height: 40px !important;
  1107. opacity: 0 !important;
  1108. overflow: hidden !important;
  1109. }
  1110. div.upload-btn-advices4 input {
  1111. display: block !important;
  1112. width: 166px !important;
  1113. height: 40px !important;
  1114. opacity: 0 !important;
  1115. overflow: hidden !important;
  1116. }
  1117. div.upload-btn input {
  1118. display: block !important;
  1119. width: 260px !important;
  1120. height: 40px !important;
  1121. opacity: 0 !important;
  1122. overflow: hidden !important;
  1123. }
  1124. #upload-info{
  1125. color:red;
  1126. min-height: 100px;
  1127. font-size:16px;
  1128. }
  1129. /***map***/
  1130. .clear{clear:both;}
  1131. .map-con-wrap{
  1132. width: 1200px;
  1133. min-height: 400px;
  1134. margin: 0 auto;
  1135. margin-top: 2px;
  1136. font-family: 'Microsoft YaHei';
  1137. padding-bottom: 50px;
  1138. position: relative;
  1139. }
  1140. .map-con-wrap .info-img{
  1141. position: absolute;
  1142. bottom: 77px;
  1143. right: 10px;
  1144. }
  1145. .map-con-wrap .grain-img{
  1146. margin: 10px auto;
  1147. }
  1148. .map-tree-breadcrumb{
  1149. border: 1px solid #CCC;
  1150. background: #fffecf;
  1151. font-size: 14px;
  1152. line-height: 17px;
  1153. padding: 5px;
  1154. margin: 5px 0;
  1155. }
  1156. .map-tree-breadcrumb a{
  1157. color:#000;
  1158. font-size:14px;
  1159. text-decoration: none;
  1160. }
  1161. .map-tree-breadcrumb a:hover{
  1162. color:green;
  1163. }
  1164. .map-con-wrap .citymap{
  1165. margin: 0 auto;
  1166. width: 1200px;
  1167. }
  1168. .map-con-wrap .imgmap .left{
  1169. width: 30%;
  1170. float: left;
  1171. }
  1172. .map-con-wrap .imgmap .right{
  1173. width: 70%;
  1174. float: left;
  1175. }
  1176. .imgmap a{
  1177. color: #000;
  1178. }
  1179. #grain-pic{
  1180. width: 1000px;
  1181. float:left;
  1182. }
  1183. #grain-info{
  1184. width: 190px;
  1185. float: left;
  1186. padding-left:10px;
  1187. }
  1188. .grain-content{
  1189. display: block;
  1190. clear:both;
  1191. }
  1192. .clear{clear:both;}
  1193. #fangxiang{
  1194. position: absolute;
  1195. top: 184px;
  1196. left: 1000px;
  1197. }
  1198. /*粮库列表图标*/
  1199. .author-nav ul .tree-icon,.author-nav ul .tree-folder {
  1200. background: url('/img/tree-one.png') no-repeat 100%;
  1201. }
  1202. .author-nav ul ul .tree-icon,.author-nav ul ul .tree-folder {
  1203. background: url('/img/tree-two.png') no-repeat 100%;
  1204. }
  1205. .author-nav ul ul ul .tree-icon,.author-nav ul ul ul .tree-folder {
  1206. background: url('/img/tree-three.png') no-repeat 100%;
  1207. }
  1208. .status-select {
  1209. width: 70px;
  1210. height: 25px;
  1211. background: #1A9856;
  1212. border-radius: 5px;
  1213. color: white;
  1214. margin-left: 20px;
  1215. }
  1216. .status-select:hover {
  1217. background: #25C16F;
  1218. height: 25px;
  1219. color: white;
  1220. border-radius: 5px;
  1221. }
  1222. .grain-float-left,.grain-float-right {
  1223. float: left;
  1224. box-sizing: border-box;
  1225. padding: 20px;
  1226. width: 599px;
  1227. height: 523px;
  1228. border-right: 1px solid #ccc;
  1229. background-color: #fff;
  1230. }
  1231. #bd-transfer {
  1232. height: 13%;
  1233. padding: 20px;
  1234. box-sizing: border-box;
  1235. }
  1236. .transfer-float-left,.transfer-float-right {
  1237. float: left;
  1238. box-sizing: border-box;
  1239. padding: 20px;
  1240. width: 50%;
  1241. height: 87%;
  1242. border-right: 1px solid #ccc;
  1243. border-top: 1px solid #ccc;
  1244. background-color: #fff;
  1245. text-align: center;
  1246. line-height: 420px;
  1247. font-size: 16px;
  1248. }
  1249. .realTime-wrap {
  1250. display: inline-block;
  1251. position: relative;
  1252. }
  1253. .realTime-wrap #realTime-seach {
  1254. box-sizing: border-box;
  1255. width: 150px;
  1256. border: 1px solid #B1C242;
  1257. height: 22px;
  1258. line-height: 20px;
  1259. }
  1260. .realTime-wrap .realTime-show {
  1261. display: none;
  1262. position: absolute;
  1263. z-index: 1000;
  1264. box-sizing: border-box;
  1265. top: 20px;
  1266. left: 0;
  1267. width: 150px;
  1268. height: 262px;
  1269. overflow: auto;
  1270. border: 1px solid #B1C242;
  1271. background: white;
  1272. }
  1273. .realTime-show li {
  1274. width: 100%;
  1275. color: #000;
  1276. line-height: 20px;
  1277. background-color: #fff;
  1278. /*padding: 5px;*/
  1279. cursor: default;
  1280. }
  1281. .realTime-show li:hover {
  1282. background-color: #ccc;
  1283. }
  1284. .realTime-wrap {
  1285. display: inline-block;
  1286. position: relative;
  1287. }
  1288. /* 出入库中,出库计划文号改为下拉菜单的样式 */
  1289. .out-planNum-wrap #out-planNum {
  1290. box-sizing: border-box;
  1291. border: 1px solid #B1C242;
  1292. height: 22px;
  1293. line-height: 20px;
  1294. }
  1295. .out-planNum-wrap .jihua_planNum {
  1296. display: none;
  1297. position: absolute;
  1298. z-index: 1000;
  1299. box-sizing: border-box;
  1300. top: 117px;
  1301. left: 146px;
  1302. width: 171px;
  1303. height: 162px;
  1304. overflow: auto;
  1305. border: 1px solid #B1C242;
  1306. background: white;
  1307. }
  1308. .jihua_planNum li {
  1309. width: 100%;
  1310. color: #000;
  1311. line-height: 20px;
  1312. background-color: #fff;
  1313. /*padding: 5px;*/
  1314. cursor: default;
  1315. }
  1316. .jihua_planNum li:hover {
  1317. background-color: #ccc;
  1318. }
  1319. /* 出入库中,入库计划文号改为下拉菜单的样式 */
  1320. .in-planNum-wrap #in-planNum {
  1321. box-sizing: border-box;
  1322. /*width: 171px;*/
  1323. border: 1px solid #B1C242;
  1324. height: 22px;
  1325. line-height: 20px;
  1326. }
  1327. .in-planNum-wrap .in-jihua_planNum {
  1328. display: none;
  1329. position: absolute;
  1330. z-index: 1000;
  1331. box-sizing: border-box;
  1332. top: 117px;
  1333. left: 146px;
  1334. width: 171px;
  1335. height: 162px;
  1336. overflow: auto;
  1337. border: 1px solid #B1C242;
  1338. background: white;
  1339. }
  1340. .in-jihua_planNum li {
  1341. width: 100%;
  1342. color: #000;
  1343. line-height: 20px;
  1344. background-color: #fff;
  1345. /*padding: 5px;*/
  1346. cursor: default;
  1347. }
  1348. .in-jihua_planNum li:hover {
  1349. background-color: #ccc;
  1350. }
  1351. .PromptDiv {
  1352. display: none;
  1353. z-index: 1000;
  1354. position: fixed;
  1355. bottom: 0;
  1356. right: 0;
  1357. border: 1px solid rgb(185, 201, 239);
  1358. overflow: hidden;
  1359. background: rgb(207, 222, 244);
  1360. width: 300px;
  1361. height: 180px;
  1362. }
  1363. .PromptDiv-title {
  1364. position: relative;
  1365. box-sizing: border-box;
  1366. border: 1px solid #fff;
  1367. width: 100%;
  1368. height: 35px;
  1369. padding: 8px;
  1370. font-size: 14px;
  1371. overflow: hidden;
  1372. color: #1f336b;
  1373. }
  1374. .PromptDiv-title .close-span {
  1375. position: absolute;
  1376. top: 0;
  1377. right: 0;
  1378. width: 20px;
  1379. height: 35px;
  1380. line-height: 35px;
  1381. color: red;
  1382. font-weight: bold;
  1383. text-align: center;
  1384. cursor: pointer;
  1385. overflow: hidden;
  1386. }
  1387. .PromptDiv-content {
  1388. box-sizing: border-box;
  1389. padding: 8px;
  1390. border: 1px solid #fff;
  1391. border-top: none;
  1392. width: 100%;
  1393. height: 145px;
  1394. font-size: 14px;
  1395. line-height: 20px;
  1396. }
  1397. .unit-verify-main{ background:#fafafa; border:1px solid #b1c242; height:400px; min-height: 400px;}
  1398. .unit-verify-info{ margin:20px;}
  1399. .path-input{ width:200px;}
  1400. .upload-key-box{ position:relative; margin-top:15px;}
  1401. .upload-key-box .upload-key-file{ position:absolute; top:0px; left:0px; width:88px; height:30px; z-index:10; opacity:0;}
  1402. /*气象监测、气体检测、智能控制*/
  1403. .jianc-time{ text-align:center;}
  1404. #weaMonitorTab{ width:100%; border-collapse:collapse; margin-top:10px;}
  1405. #weaMonitorTab td{ border:1px solid #ccc; padding:5px 10px;}
  1406. #weaMonitorTab td label{ text-align:right; float:right;}
  1407. #weaMonitorTab td input{ border:0px none; width:99%; background:none;}
  1408. #historical-liangqjc-w{ font-family:'微软雅黑'; color:#333; font-size:12px; position:relative;}
  1409. #historical-liangqjc-w .detail-qrcode-print{ position:absolute; top:50px; left:20px;}
  1410. #historical-liangqjc-w h2{ text-align:center; margin-bottom:15px; margin-top:0px;}
  1411. #historical-liangqjc-w .weather-div{ text-align:center;}
  1412. #historical-liangqjc-w .warehouse-data{ text-align:center;}
  1413. .his-liangqjc-tab1{ border-collapse:collapse; margin-top:10px; width:1000px;}
  1414. .his-liangqjc-tab1 td{ border:1px solid #ccc; padding:5px 5px;}
  1415. .his-liangqjc-tab1 td label{ text-align:right; float:right; font-size:14px;}
  1416. .his-liangqjc-tab2{ border-collapse:collapse; margin-top:10px; width:100%;}
  1417. .his-liangqjc-tab2 td{ border:1px solid #ccc; padding:5px 5px; text-align:center;}
  1418. .his-liangqjc-tab3{ border-collapse:collapse; margin-top:10px; margin-bottom:20px; width:100%;}
  1419. .his-liangqjc-tab3 td{ border:1px solid #ccc; padding:5px 5px; text-align:center;}
  1420. .his-liangqjc-label{ font-size:14px; font-family:'微软雅黑'; color:#333;}
  1421. .his-liangqjc-label textarea{ border:1px solid #ccc; padding:8px; font-size:12px; font-family:'微软雅黑'; margin-top:5px; width:984px; height:50px;}
  1422. .annotation-div{ color:#ff0000; font-size:12px; font-family:'微软雅黑'; margin-top:10px; margin-bottom:15px;}
  1423. .temHumCurve-lineChart-div{ width: 1100px;height:400px; margin:auto;}
  1424. .timeContrast-lineChart-wrap{ height:400px;}
  1425. .timeContrast-lineChart-div1,.timeContrast-lineChart-div2{ height:400px; width:560px;}
  1426. .timeContrast-lineChart-wrap .timeContrast-lineChart-div1{ float:left;}
  1427. .timeContrast-lineChart-wrap .timeContrast-lineChart-div2{ float:right; margin-right:10px;}
  1428. .warehouseContrast-lineChart-wrap{ height:400px;}
  1429. .warehouseContrast-lineChart-div1,.warehouseContrast-lineChart-div2{ height:400px; width:560px;}
  1430. .warehouseContrast-lineChart-wrap .warehouseContrast-lineChart-div1{ float:left;}
  1431. .warehouseContrast-lineChart-wrap .warehouseContrast-lineChart-div2{ float:right; margin-right:10px;}
  1432. #taskView{ width: 1018px;height:400px; margin:auto; font-family:'微软雅黑'; color:#333; font-size:12px;}
  1433. #taskView .detail-qrcode-print{ top:50px; left:20px;}
  1434. #taskView .detail-qrcode-return{ top:50px; left:120px;}
  1435. #taskView h2{ text-align:center; margin-bottom:15px; margin-top:0px;}
  1436. #taskView .weather-div{ text-align:center;}
  1437. #taskView .warehouse-data{ text-align:center;}
  1438. .task-cangf-menu{ margin-top:10px; margin-bottom:20px;}
  1439. .gas-cangf-menu{ margin-bottom:20px;}
  1440. .gas-his-tab1{ border-collapse:collapse; margin-top:10px; width:100%;}
  1441. .gas-his-tab1 td{ border:1px solid #ccc; padding:5px 5px; text-align:center;}
  1442. .taskadd-cbox-wrap{ margin:0px 0px 0px 105px; position:relative; top:-18px;}
  1443. .taskadd-cbox{ margin-top:10px;}
  1444. .taskadd-cbox label{ margin-right:10px;}
  1445. .tri-input1{ width:25px; text-align:center;}
  1446. .tri-time-text{ display:none;}
  1447. .grain-detection-main{ position:relative;}
  1448. .detection-btn{ position:absolute; top:10px; left:10px; z-index:10;}
  1449. .grain-imgbox{ position:relative;}
  1450. .tooltip-h3{ background:#1a9856; line-height:30px; padding:0px 10px; color:#fff; margin:0px;}
  1451. .tooltip-tab{ border-collapse:collapse;}
  1452. .tooltip-tab td{ font-size:12px; font-family:'微软雅黑'; color:#333; padding:5px 3px;}
  1453. .tooltip-tab td label{ float:right; font-size:14px;}
  1454. #grain-list-w h2{ text-align:center;}
  1455. .gas-cbox-tit{ font-size:14px; font-family:'微软雅黑'; color:#333; background:#1A9856;}
  1456. .gas-cbox-body{ padding:10px;}
  1457. .costLoss-start-time{ width:150px;}
  1458. .gas-detection-barn{ margin:10px 0px;}
  1459. .gas-cbox{ margin-top:10px;}
  1460. #ventilationView .deviceIn-pitem-lit, #ventilationAss .deviceIn-pitem-lit{ width:120px;}
  1461. #ventilationView .deviceIn-pitem-lic, #ventilationAss .deviceIn-pitem-lic{ width:200px; display: inline-block;*display:inline; *zoom:1; text-align:left;}
  1462. #fumigationView .deviceIn-pitem-lit, #fumigationAss .deviceIn-pitem-lit{ width:130px;}
  1463. #fumigationView .deviceIn-pitem-lic, #fumigationAss .deviceIn-pitem-lic{ width:200px; display: inline-block;*display:inline; *zoom:1; text-align:left;}