永城市12345 (县级市)- 来源于虞城县12345 - 所有县级统一API

index.css 22KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612
  1. body {
  2. margin: 0;
  3. padding: 0;
  4. font-size: 16px;
  5. /*background-color: #CDEBFB;*/
  6. /*-webkit-text-size-adjust: none;*/
  7. }
  8. .body {
  9. background-color: #fff;
  10. }
  11. ul,
  12. li {
  13. margin: 0;
  14. padding: 0;
  15. }
  16. .fl {
  17. float: left;
  18. }
  19. .rl {
  20. float: right;
  21. }
  22. li {
  23. list-style-type: none;
  24. }
  25. img {
  26. border: 0;
  27. }
  28. p {
  29. margin: 0;
  30. padding: 0;
  31. }
  32. .clearfix {
  33. zoom: 1;
  34. overflow: hidden;
  35. }
  36. .clearfix:after {
  37. content: "";
  38. display: block;
  39. clear: both;
  40. }
  41. a {
  42. text-decoration: none;
  43. }
  44. a:hover {
  45. color: rgb(22, 100, 162);
  46. }
  47. .s-14 {
  48. font-size: 14px;
  49. }
  50. .m-r {
  51. margin-right: 9px;
  52. }
  53. .min-wrap {
  54. max-width: 1280px;
  55. min-width: 1000px;
  56. margin: 0 auto;
  57. }
  58. .main-wrap {
  59. width: 1000px;
  60. margin: 0 auto;
  61. }
  62. .main-body {
  63. background-color: white;
  64. margin-bottom: 20px;
  65. }
  66. .navcon {
  67. width: 100%;
  68. background: rgb(22, 100, 162);
  69. padding-bottom: 8px;
  70. padding-top: 5px;
  71. height: 68px;
  72. line-height: 68px;
  73. }
  74. .navcon_box {
  75. width: 1200px;
  76. margin: 0 auto;
  77. }
  78. .logo_box {
  79. float: left;
  80. width: 35%;
  81. }
  82. .logo {
  83. float: left;
  84. height: 100%;
  85. line-height: 80px;
  86. font-size: 32px;
  87. color: #02b2b5;
  88. }
  89. .logoImg_box {
  90. padding-left: 76px;
  91. }
  92. .nav_right {
  93. width: 65%;
  94. float: right;
  95. }
  96. .navs .active {
  97. border-bottom: 2px solid #fff;
  98. }
  99. .navs {
  100. /* /*
  101. width: 70%;*/
  102. margin: 0;
  103. }
  104. .navs li {
  105. float: left;
  106. color: #fff;
  107. text-align: center;
  108. border-bottom: 2px solid transparent;
  109. cursor: pointer;
  110. padding: 0 10px;
  111. margin-right: 20px;
  112. height: 50px;
  113. }
  114. .navs li:hover {
  115. border-bottom: 2px solid #fff;
  116. }
  117. .navs .active {
  118. border-bottom: 2px solid #fff;
  119. }
  120. .navs a {
  121. color: #fff;
  122. }
  123. .nav_rightLeft {
  124. width: 65%;
  125. }
  126. .nav_rightRight {
  127. width: 35%;
  128. }
  129. .Hidens {
  130. display: none;
  131. }
  132. /*ul.four-links li {
  133. float: left;
  134. margin-right: 10px;
  135. }
  136. ul.version-links li {
  137. float: left;
  138. margin-left: 10px;
  139. }
  140. ul.four-links li:before,ul.version-links li:before {
  141. content: "·";
  142. color: white;
  143. }*/
  144. .Input_box {
  145. border: 1px solid #99b6cd;
  146. height: 22px;
  147. width: 55%;
  148. position: relative;
  149. padding: 2px;
  150. margin-top: 20px;
  151. border-radius: 5px;
  152. }
  153. .Seach_box {
  154. height: 18px;
  155. width: 140px;
  156. border: 0;
  157. background: transparent;
  158. outline: none;
  159. position: absolute;
  160. font-size: 14px;
  161. padding: 2px;
  162. color: #99b6cd;
  163. }
  164. .Seac_icon {
  165. background: url(../img/ss.png)no-repeat;
  166. width: 20px;
  167. height: 20px;
  168. display: block;
  169. position: absolute;
  170. right: 0;
  171. /* line-height: 51px; */
  172. top: 7px;
  173. }
  174. .login_icon {
  175. background: url(../img/login.png)no-repeat;
  176. width: 20px;
  177. height: 20px;
  178. display: block;
  179. margin-top: 25px;
  180. }
  181. .login_btton {
  182. color: #fff;
  183. }
  184. .login_box {
  185. padding-left: 10px;
  186. cursor: pointer;
  187. }
  188. .login_box a{
  189. color: #fff!important;
  190. cursor: pointer;
  191. }
  192. input::-webkit-input-placeholder,
  193. textarea::-webkit-input-placeholder {
  194. color: #99b6cd;
  195. }
  196. input:-moz-placeholder,
  197. textarea:-moz-placeholder {
  198. color: #99b6cd;
  199. }
  200. input::-moz-placeholder,
  201. textarea::-moz-placeholder {
  202. color: #99b6cd6;
  203. }
  204. input:-ms-input-placeholder,
  205. textarea:-ms-input-placeholder {
  206. color: #99b6cd;
  207. }
  208. .navcon_1 {
  209. margin-bottom: 10px;
  210. }
  211. .navCon {
  212. margin-top: 15px;
  213. }
  214. .Content_box {
  215. /*height: 300px;*/
  216. /*background-color: #03B2B7;*/
  217. border: 1px solid #CCCCCC;
  218. border-top: 5px solid rgb(22, 100, 162);
  219. }
  220. .content_title {
  221. padding-top: 4px;
  222. font-weight: bold;
  223. line-height: 26px;
  224. background: #f3f3f3;
  225. padding-left: 15px;
  226. }
  227. .content_moddile {
  228. padding: 0 15px;
  229. padding-top: 12px;
  230. }
  231. .cont_modtitle {
  232. color: rgb(22, 100, 162);
  233. }
  234. .cont_wz {
  235. margin-bottom: 14px;
  236. }
  237. .fx {
  238. border-bottom: 1px dashed #ccc;
  239. }
  240. .new_list li {
  241. height: 30px;
  242. }
  243. .new_title {
  244. height: 100%;
  245. line-height: 30px;
  246. padding: 0 15px;
  247. }
  248. .new_title h1 {
  249. margin: 0;
  250. padding: 0;
  251. font-weight: normal;
  252. line-height: 30px;
  253. white-space: nowrap;
  254. overflow: hidden;
  255. text-overflow: ellipsis;
  256. float: left;
  257. width: 55%;
  258. }
  259. .new_title em {
  260. font-style: normal;
  261. }
  262. .new_title a {
  263. color: #000;
  264. display: block;
  265. width: 100%;
  266. color: #666;
  267. white-space: nowrap;
  268. overflow: hidden;
  269. text-overflow: ellipsis;
  270. }
  271. .new_title a:hover {
  272. color: rgb(22, 100, 162)!important;
  273. }
  274. .mores {
  275. font-weight: normal;
  276. margin-right: 20px;
  277. font-size: 14px;
  278. }
  279. .new_img li {
  280. float: left;
  281. width: 24%;
  282. }
  283. .content_foot_img {
  284. padding: 0 10px;
  285. }
  286. ._imgbox {}
  287. /*主体*/
  288. .main-bar {
  289. height: 80px;
  290. background-color: #02B2B5;
  291. }
  292. .main-bar .logo {
  293. float: left;
  294. margin-top: 19px;
  295. width: 408px;
  296. height: 53px;
  297. /*background: * url("") no-repeat;*/
  298. border: 1px solid red;
  299. }
  300. .main-bar .back {
  301. float: right;
  302. background-color: #ea544a;
  303. border-radius: 20px;
  304. font-family: "Microsoft Yahei";
  305. height: 30px;
  306. line-height: 30px;
  307. width: 92px;
  308. text-align: center;
  309. margin-top: 28px;
  310. color: white;
  311. }
  312. .main-bar .back a {
  313. color: white;
  314. font-size: .93em;
  315. }
  316. .main-bar .back a:hover {
  317. color: white;
  318. text-decoration: underline;
  319. }
  320. .main-bar .nav {
  321. /*float: left;*/
  322. font-family: "Microsoft Yahei";
  323. }
  324. .nav>a {
  325. float: left;
  326. display: block;
  327. color: #fff;
  328. height: 100%;
  329. line-height: 80px;
  330. text-align: center;
  331. width: 105px;
  332. }
  333. .nav>a:hover,
  334. a.focus {
  335. background: #fff;
  336. color: #02B2B5;
  337. }
  338. .Foots {
  339. border: 1px solid #ccc;
  340. }
  341. .foot_ul li {
  342. float: left;
  343. width: 20%;
  344. margin-bottom: 15px;
  345. cursor: pointer;
  346. }
  347. .FootBox {
  348. text-align: center;
  349. padding: 50px;
  350. }
  351. .index-banner {
  352. line-height: 0;
  353. height: 300px;
  354. }
  355. .index-banner img {
  356. display: block;
  357. width: 100%;
  358. height: 100%;
  359. }
  360. .col-wide {
  361. float: left;
  362. width: 650px;
  363. }
  364. .col-narrow {
  365. margin-left: 700px;
  366. }
  367. .box-01 .box-title {
  368. padding: 16px 10px 16px 0;
  369. height: 16px;
  370. border-bottom: 1px solid #e0e0e0;
  371. margin-bottom: 20px;
  372. }
  373. .box-01.red-bg .box-title {
  374. background-color: #85c300;
  375. text-align: center;
  376. color: #fff;
  377. }
  378. .col-narrow .rt-box {
  379. height: 47px;
  380. line-height: 47px;
  381. border-bottom: 2px solid #000;
  382. position: relative;
  383. }
  384. .col-narrow .rt-box .right-title {
  385. float: left;
  386. color: #c44542;
  387. }
  388. .col-narrow .rt-box .bor-line {
  389. width: 50%;
  390. height: 2px;
  391. line-height: 0;
  392. background: #c44542;
  393. position: absolute;
  394. bottom: -2px;
  395. }
  396. .col-narrow .rt-box .right-more {
  397. float: right;
  398. }
  399. .col-narrow .rt-box .right-more a {
  400. color: #000;
  401. font-size: 12px;
  402. }
  403. .col-narrow .rt-box .right-more a:hover {
  404. color: #ac2e3b;
  405. }
  406. .col-narrow .bianmin-con {
  407. margin-left: -10px;
  408. height: 240px;
  409. }
  410. .col-narrow .bianmin-con li {
  411. float: left;
  412. width: 30%;
  413. height: 70px;
  414. margin-left: 10px;
  415. background: aqua;
  416. margin-top: 10px;
  417. }
  418. .col-narrow .bianmin-con li a,
  419. .col-narrow .bianmin-con li a img {
  420. display: block;
  421. width: 100%;
  422. height: 100%;
  423. }
  424. .col-narrow .bianmin-con li.seven,
  425. .col-narrow .bianmin-con li.four {
  426. width: 63%;
  427. }
  428. .col-narrow .sjtj-con {
  429. border: 1px solid #707070;
  430. text-align: center;
  431. font-size: 16px;
  432. border-radius: 5px;
  433. overflow: hidden;
  434. margin-top: 10px;
  435. padding-bottom: 15px;
  436. }
  437. .col-narrow .sjtj-con .sjtj-title {
  438. background: #ac2e3b;
  439. color: #fff;
  440. height: 45px;
  441. line-height: 45px;
  442. }
  443. .col-narrow .sjtj-con ul li {
  444. width: 50%;
  445. float: left;
  446. margin-top: 25px;
  447. }
  448. .box-01 .box-title-name {
  449. float: left;
  450. font-family: "Microsoft Yahei";
  451. line-height: 1em;
  452. color: #333;
  453. padding-left: 10px;
  454. border-left: 7px solid rgb(22, 100, 162);
  455. }
  456. .col-narrow .box-01.gray-bg .box-title .right-title {
  457. border-left: 0;
  458. color: rgb(22, 100, 162);
  459. }
  460. .col-narrow .box-01.gray-bg .box-title .box-title-name,
  461. .col-narrow .box-01.gray-bg .box-title .box-title-more a {
  462. /*color: #000;*/
  463. }
  464. .box-01.red-decoration .main-content {
  465. padding: 0px 30px 0px 20px;
  466. color: #333;
  467. font-size: .875em;
  468. border: 1px solid #d8d8d8;
  469. }
  470. .box-01.red-decoration .main-content .content-title {
  471. text-align: center;
  472. color: #000000;
  473. font-size: 20px;
  474. font-family: "宋体", "黑体", "新宋体";
  475. font-weight: bold;
  476. margin: 20px auto;
  477. }
  478. .box-01.red-decoration .main-content .gary-line {
  479. border-bottom: solid 1px #ddd;
  480. margin: 10px 36px;
  481. }
  482. .box-01.red-decoration .main-content .content-info {
  483. text-align: center;
  484. font-size: 12px;
  485. border: #dcdcdc dashed 1px;
  486. border-width: 0 0 1px 0;
  487. padding-bottom: 15px;
  488. }
  489. .box-01.red-decoration .main-content .content-text {
  490. margin: 15px 32px;
  491. line-height: 30px;
  492. }
  493. .box-01 .box-title-more {
  494. float: right;
  495. text-align: right;
  496. color: #999999;
  497. font-size: .75em;
  498. line-height: 1.34em;
  499. }
  500. .box-01 .box-title-more a {
  501. color: #333;
  502. }
  503. .box-01 .box-title-more a:hover {
  504. color: #ac2e3b;
  505. text-decoration: none;
  506. }
  507. ul.news-list.gray-line>li {
  508. height: 50px;
  509. border-bottom: 1px dashed #e0e0e0;
  510. padding-right: 20px;
  511. }
  512. ul.news-list.gray-line>li .news-title {
  513. height: 100%;
  514. }
  515. ul.news-list.gray-line>li:prev-child {
  516. border: none;
  517. padding-top: 10px;
  518. }
  519. ul.news-list.gray-line>li:after {
  520. content: "";
  521. display: block;
  522. clear: both;
  523. height: 0;
  524. }
  525. ul.news-list.gray-line .news-pic img {
  526. width: 120px;
  527. height: 90px;
  528. display: block;
  529. }
  530. ul.news-list.gray-line .news-title>h1 {
  531. margin: 0;
  532. padding: 0;
  533. font-weight: normal;
  534. color: #ea544a;
  535. font-size: .875em;
  536. line-height: 50px;
  537. white-space: nowrap;
  538. overflow: hidden;
  539. text-overflow: ellipsis;
  540. float: left;
  541. width: 55%;
  542. }
  543. ul.news-list.gray-line .news-title>h1>a {
  544. display: block;
  545. width: 100%;
  546. color: #666;
  547. white-space: nowrap;
  548. overflow: hidden;
  549. text-overflow: ellipsis;
  550. }
  551. ul.news-list.gray-line .news-title:hover h1>a {
  552. color: rgb(22, 100, 162);
  553. /*text-decoration: underline;*/
  554. }
  555. ul.news-list.gray-line .news-title>p {
  556. margin: 0;
  557. padding: 0;
  558. color: #999999;
  559. font-size: .75em;
  560. line-height: 2.4em;
  561. white-space: nowrap;
  562. overflow: hidden;
  563. text-overflow: ellipsis;
  564. }
  565. ul.news-list.gray-line .news-title>em {
  566. display: block;
  567. font-style: normal;
  568. font-family: Verdana;
  569. font-size: .75em;
  570. line-height: 50px;
  571. color: #666666;
  572. float: right;
  573. }
  574. .lm-table {
  575. table-layout: fixed;
  576. width: 100%;
  577. font-size: .75em;
  578. padding-bottom: 11px;
  579. }
  580. .lm-table td {
  581. border-bottom: 1px solid #f6f6f6;
  582. height: 48px;
  583. line-height: 48px;
  584. padding: 0 15px;
  585. text-align: center;
  586. font-size: 13px;
  587. }
  588. .lm-table .lm-title td {
  589. background-color: #f2f2f2;
  590. font-family: "Microsoft Yahei";
  591. color: #1a1a1a;
  592. font-size: 1.17em;
  593. height: 40px;
  594. line-height: 40px;
  595. }
  596. .lm-table .last td {
  597. border: none;
  598. }
  599. .lm-table .red {
  600. color: #f18c86;
  601. }
  602. .lm-table .date {
  603. color: #8c8c8c;
  604. font-family: Verdana;
  605. }
  606. .lm-table .organizer {
  607. color: #666666;
  608. white-space: nowrap;
  609. overflow: hidden;
  610. text-overflow: ellipsis;
  611. }
  612. .lm-table .content a {
  613. font-size: 13px;
  614. display: block;
  615. white-space: nowrap;
  616. overflow: hidden;
  617. text-overflow: ellipsis;
  618. color: #3f3f3f;
  619. }
  620. .lm-table .content a:hover {
  621. color: #c44542;
  622. }
  623. ul.news-list.news-r-red>li {
  624. border-bottom: 1px dashed #ccc;
  625. background-color: #F6F6F6;
  626. height: 50px;
  627. }
  628. ul.news-list.news-r-red>li>.m-across {
  629. padding: 0px 20px 0px;
  630. height: 100%;
  631. }
  632. ul.news-list.news-r-red>li>.m-across:hover {
  633. /* border-right: 2px solid #ff5256;*/
  634. cursor: pointer;
  635. }
  636. ul.news-list.news-r-red>li.odd {
  637. /*background-color: #f6f6f6;*/
  638. }
  639. ul.news-list.news-r-red>li>.m-across>a {
  640. display: block;
  641. font-size: .875em;
  642. line-height: 44px;
  643. color: #666;
  644. white-space: nowrap;
  645. overflow: hidden;
  646. text-overflow: ellipsis;
  647. float: left;
  648. width: 50%;
  649. height: 100%;
  650. line-height: 50px;
  651. }
  652. ul.news-list.news-r-red>li>.m-across:hover a {
  653. color: #c44542;
  654. }
  655. ul.news-list.news-r-red>li>.m-across>em {
  656. display: block;
  657. font-style: normal;
  658. font-family: Verdana;
  659. font-size: .75em;
  660. height: 100%;
  661. line-height: 50px;
  662. color: #666;
  663. float: right;
  664. }
  665. .count {
  666. font-family: "Microsoft Yahei";
  667. color: white;
  668. }
  669. .count .all-count {
  670. background-color: #F6F6F6;
  671. }
  672. .all-count ul.acceptance {
  673. font-size: .875em;
  674. color: #666666;
  675. }
  676. .today-count ul.acceptance {
  677. font-size: 14px;
  678. color: #666;
  679. }
  680. ul.acceptance li .pl-30 {
  681. height: 100%;
  682. line-height: 50px;
  683. }
  684. ul.acceptance li {
  685. width: 100%;
  686. height: 50px;
  687. text-align: center;
  688. }
  689. .all-count .dcon {
  690. text-indent: 30px;
  691. color: #262626;
  692. font-size: 14px;
  693. padding: 20px 10px 10px 10px;
  694. line-height: 25px;
  695. }
  696. .all-count .dcan {
  697. width: 75%;
  698. margin: 0 auto;
  699. padding: 10px 0;
  700. }
  701. .all-count .dcan a {
  702. display: block;
  703. height: 30px;
  704. width: 85px;
  705. text-align: center;
  706. line-height: 30px;
  707. background: #03b2b7;
  708. border-radius: 20px;
  709. color: #fff;
  710. font-size: 15px;
  711. }
  712. .all-count .dcan a.dc {
  713. float: left;
  714. }
  715. .all-count .dcan a.ck {
  716. float: right;
  717. }
  718. ul.acceptance>li>img {
  719. display: block;
  720. float: left;
  721. margin-top: 3px;
  722. }
  723. .count .number {
  724. margin: 0 15px;
  725. }
  726. .box-content .fw-guide {
  727. margin-left: -20px;
  728. }
  729. .box-content .fw-guide li {
  730. float: left;
  731. width: 22%;
  732. height: 70px;
  733. margin-left: 20px;
  734. margin-top: 25px;
  735. border-radius: 3px;
  736. }
  737. .box-content .fw-guide li a {
  738. display: block;
  739. width: 100%;
  740. height: 100%;
  741. text-align: center;
  742. color: #fff;
  743. font-size: 14px;
  744. box-sizing: border-box;
  745. }
  746. .box-content .fw-guide li a i {
  747. display: block;
  748. height: 32px;
  749. width: 32px;
  750. margin: 0 auto;
  751. margin-top: 8px;
  752. }
  753. .box-content .fw-guide li.serv1 {
  754. background: #4b83b4;
  755. }
  756. .box-content .fw-guide li.serv1 a i {
  757. background: url("../img/sky .png") no-repeat 0 0;
  758. }
  759. .box-content .fw-guide li.serv2 {
  760. background: #cdc27c;
  761. }
  762. .box-content .fw-guide li.serv2 a i {
  763. background: url(../img/email.png) no-repeat 0 3px;
  764. }
  765. .box-content .fw-guide li.serv3 {
  766. background: #cdb49e;
  767. }
  768. .box-content .fw-guide li.serv3 a i {
  769. background: url(../img/chaxun.png) no-repeat 0 0;
  770. }
  771. .box-content .fw-guide li.serv4 {
  772. background: #9cc0e0;
  773. }
  774. .box-content .fw-guide li.serv4 a i {
  775. background: url(../img/tousu.png) no-repeat 0 0;
  776. }
  777. .box-content .fw-guide li.serv5 {
  778. background: #d0c6de;
  779. }
  780. .box-content .fw-guide li.serv5 a i {
  781. background: url(../img/churu.png) no-repeat 0 0;
  782. }
  783. .box-content .fw-guide li.serv6 {
  784. background: #88bcb7;
  785. }
  786. .box-content .fw-guide li.serv6 a i {
  787. width: 34px;
  788. height: 34px;
  789. background: url(../img/trade.png) no-repeat 0 0;
  790. }
  791. .box-content .fw-guide li.serv7 {
  792. background: #9dadc6;
  793. }
  794. .box-content .fw-guide li.serv7 a i {
  795. background: url(../img/cost.png) no-repeat 0 0;
  796. }
  797. .box-content .fw-guide li.serv8 {
  798. background: #e48b93;
  799. }
  800. .box-content .fw-guide li.serv8 a i {
  801. background: url(../img/pulic.png) no-repeat 0 0;
  802. }
  803. .footer {
  804. background: rgb(22, 100, 162);
  805. font-size: 14px;
  806. color: #fff;
  807. height: 100px;
  808. width: 100%;
  809. }
  810. .footer .footer-con {
  811. height: 100%;
  812. width: 1000px;
  813. margin: 0 auto;
  814. }
  815. .footerbox {
  816. text-align: center;
  817. line-height: 20px;
  818. padding-top: 20px;
  819. }
  820. .box-01 .sqsl_detail {
  821. position: relative;
  822. /*padding: 10px 36px 36px;*/
  823. }
  824. .box-01 .sqsl_detail table {
  825. width: 100%;
  826. border-collapse: collapse;
  827. }
  828. .box-01 .sqsl_detail table th {
  829. width: 15%;
  830. text-align: center;
  831. background: rgb(240, 244, 247);
  832. padding: 10px 15px;
  833. font-weight: normal;
  834. border: 1px solid #e6e6e6;
  835. font-size: 14px;
  836. color: #000;
  837. }
  838. .box-01 .sqsl_detail table td {
  839. padding: 5px 15px;
  840. font-size: 14px;
  841. line-height: 30px;
  842. border: 1px solid #e6e6e6;
  843. color: #666;
  844. }
  845. .accessible-wrap {
  846. display: none;
  847. -moz-user-select: none;
  848. -webkit-user-select: none;
  849. -ms-user-select: none;
  850. -khtml-user-select: none;
  851. user-select: none;
  852. }
  853. .accessible-body {
  854. position: fixed;
  855. z-index: 10;
  856. width: 100%;
  857. min-width: 1000px;
  858. text-align: right;
  859. padding: 10px 0;
  860. font-size: .875em;
  861. background-color: white !important;
  862. border-bottom: 1px solid #ddd;
  863. }
  864. .accessible-body-fixed {
  865. height: 47px;
  866. }
  867. .accessible-body span {
  868. display: inline-block;
  869. padding: 0 10px;
  870. margin-left: 6px;
  871. border: 1px solid #ccc;
  872. border-radius: 5px;
  873. background-color: #f3f3f3 !important;
  874. line-height: 24px;
  875. color: #444 !important;
  876. cursor: pointer;
  877. }
  878. .contrast,
  879. .contrast * {
  880. background: black !important;
  881. color: white !important;
  882. }
  883. .pagination {
  884. display: block;
  885. width: 100%;
  886. margin: 20px auto;
  887. }
  888. .fixed-table-pagination {
  889. font-size: 14px;
  890. }
  891. .fixed-table-pagination div.pagination {
  892. width: 55%;
  893. }
  894. .JumpPage {
  895. padding: 6px 0;
  896. height: 18px;
  897. }
  898. .ban-bottom {
  899. margin: 25px 0;
  900. }
  901. .ban-bottom li {
  902. float: left;
  903. width: 16.6%;
  904. height: 112px;
  905. box-sizing: border-box;
  906. padding: 10px;
  907. border-right: 1px dashed #ccc;
  908. }
  909. .firli {
  910. text-align: center;
  911. color: #ac2e3b;
  912. font-size: 20px;
  913. }
  914. .firli b {
  915. font-size: 45px;
  916. }
  917. .ban-bottom li a {
  918. display: block;
  919. width: 100%;
  920. text-align: center;
  921. }
  922. .ban-bottom li a .bbtop {
  923. margin: 8px 0;
  924. }
  925. .ban-bottom li a p {
  926. font-size: 14px;
  927. color: #666666;
  928. }
  929. .ban-bottom li a i.icon {
  930. display: inline-block;
  931. background: url(../img/icon.png) no-repeat;
  932. background-size: 25px;
  933. height: 25px;
  934. width: 25px;
  935. vertical-align: middle;
  936. margin-right: 5px;
  937. }
  938. .ban-bottom li a i.icon1 {
  939. background-position: 0 0;
  940. }
  941. .ban-bottom li a i.icon2 {
  942. background-position: 0 -25px;
  943. height: 23px;
  944. }
  945. .ban-bottom li a i.icon3 {
  946. background-position: 0 -47px;
  947. }
  948. .ban-bottom li a i.icon4 {
  949. background-position: 0 -72px;
  950. height: 21px
  951. }
  952. .ban-bottom li a i.icon5 {
  953. background-position: 0 -93px;
  954. }
  955. .chaxun-con {
  956. padding: 20px;
  957. }
  958. .box-title .chaxun>div {
  959. float: left;
  960. }
  961. .box-title .chaxun {
  962. float: right;
  963. }
  964. .box-title .chaxun>div>p {
  965. display: inline-block;
  966. width: 150px;
  967. height: 25px;
  968. border: 1px solid #ccc;
  969. position: relative;
  970. margin-right: 5px;
  971. }
  972. .box-title .chaxun>div>p>input {
  973. border: 0;
  974. width: 90%;
  975. height: 23px;
  976. outline: none;
  977. padding-left: 5px;
  978. }
  979. .box-title .chaxun>div.zonghe {
  980. margin-left: 35px;
  981. cursor: pointer;
  982. line-height: 26px;
  983. }
  984. .box-title .chaxun>div.zonghe .zhank {
  985. display: inline-block;
  986. background: url(../img/zhank.png);
  987. height: 9px;
  988. width: 15px;
  989. margin-left: 5px;
  990. animation: bounce .5s ease-in-out infinite;
  991. }
  992. @keyframes bounce {
  993. 0% {
  994. -webkit-transform: translate3d(0, 0px, 0);
  995. transform: translate3d(0, 0px, 0);
  996. }
  997. 50% {
  998. -webkit-transform: translate3d(0, -3px, 0);
  999. transform: translate3d(0, -3px, 0);
  1000. }
  1001. 100% {
  1002. -webkit-transform: translate3d(0, 0px, 0);
  1003. transform: translate3d(0, 0px, 0);
  1004. }
  1005. }
  1006. .cxr * {
  1007. box-sizing: content-box!important;
  1008. }
  1009. .cxr {
  1010. height: auto;
  1011. }
  1012. .cx-title {
  1013. width: 100%;
  1014. height: 30px;
  1015. text-align: center;
  1016. line-height: 30px;
  1017. background: #02b2b7;
  1018. color: #fff;
  1019. margin-bottom: 20px;
  1020. }
  1021. .cxr p {
  1022. font-size: 15px;
  1023. }
  1024. .cxr .gjcx-row1 p,
  1025. .cxr .gjcx-row2 p {
  1026. float: left;
  1027. width: 33.3%;
  1028. text-align: center;
  1029. margin-bottom: 15px;
  1030. }
  1031. .cxr .gjcx-row1 input {
  1032. padding-left: 10px;
  1033. width: 143px;
  1034. }
  1035. .cxr .gjcx-row1 input.laydate-icon {
  1036. padding-right: 0;
  1037. }
  1038. .cxr .gjcx-row2 select {
  1039. height: 25px;
  1040. line-height: 25px;
  1041. outline: none;
  1042. padding-left: 30px;
  1043. width: 125px;
  1044. }
  1045. .gjcx-row3 {
  1046. width: 30%;
  1047. margin: 0 auto;
  1048. }
  1049. .gjcx-row3 .psw {
  1050. outline: none;
  1051. height: 27px;
  1052. padding-left: 10px;
  1053. font-size: 15px;
  1054. cursor: pointer;
  1055. width: 140px;
  1056. border-radius: 5px;
  1057. background-color: #337ab7;
  1058. border-color: #337ab7;
  1059. color: #fff;
  1060. margin-top: 10px;
  1061. border: 0;
  1062. }
  1063. .gjcx-row3 p span {
  1064. display: inline-block;
  1065. width: 300px;
  1066. height: 25px;
  1067. border: 1px solid #ccc;
  1068. position: relative;
  1069. }
  1070. .gjcx-row3 p span input {
  1071. height: 90%;
  1072. border: 0;
  1073. width: 90%;
  1074. }
  1075. .gjcx-row3 p span a {
  1076. display: block;
  1077. height: 25px;
  1078. width: 25px;
  1079. position: absolute;
  1080. right: 2px;
  1081. top: 0px;
  1082. background: url(../img/search.png) center center no-repeat;
  1083. background-position: center center;
  1084. }
  1085. .diaocha {
  1086. color: #4c4c4c;
  1087. font-family: "microsoft yahei";
  1088. padding: 30px 35px;
  1089. }
  1090. .diaocha .diaocha-title {
  1091. font-size: 24px;
  1092. text-align: center;
  1093. /*margin-top: 30px;*/
  1094. }
  1095. .dctle-con {
  1096. text-indent: 32px;
  1097. font-size: 16px;
  1098. padding: 30px 0;
  1099. }
  1100. .diaocha-con h2 {
  1101. font-weight: normal;
  1102. font-size: 16px;
  1103. }
  1104. .diaocha-con .radio,
  1105. .diaocha-con .checkbox {
  1106. font-size: 14px;
  1107. padding-left: 30px;
  1108. }
  1109. .diaocha-con .checkbox {
  1110. width: 22.5%;
  1111. float: left;
  1112. margin-top: 0;
  1113. }
  1114. .checkbox+.checkbox {
  1115. margin-top: 0px;
  1116. }
  1117. .diaocha hr {
  1118. border-top: 4px solid #ccc;
  1119. margin-bottom: 40px;
  1120. }
  1121. .tj-box {
  1122. width: 30%;
  1123. margin: 0 auto;
  1124. }
  1125. .tj-box a {
  1126. display: block;
  1127. height: 35px;
  1128. width: 100px;
  1129. text-align: center;
  1130. line-height: 35px;
  1131. background: #03b2b7;
  1132. color: #fff;
  1133. border-radius: 3px;
  1134. }
  1135. .tj-box .dctj {
  1136. float: left;
  1137. }
  1138. .tj-box .dcck {
  1139. float: right;
  1140. }
  1141. .result-con {
  1142. padding-left: 30px;
  1143. }
  1144. .result-con>div {
  1145. float: left;
  1146. font-size: 14px;
  1147. }
  1148. .result-con .releft {
  1149. width: 30%;
  1150. }
  1151. .result-con .remiddle {
  1152. width: 40%;
  1153. }
  1154. .result-con .reright {
  1155. width: 10%;
  1156. margin-left: 20px;
  1157. }
  1158. .progress {
  1159. height: 16px;
  1160. }
  1161. .progress-bar-success {
  1162. background-color: #97c44f;
  1163. }
  1164. .progress-bar-warning {
  1165. background-color: #f2d561;
  1166. }
  1167. .progress-bar-zise {
  1168. background-color: #c278a9;
  1169. }
  1170. .progress-bar-cheng {
  1171. background-color: #fc9765;
  1172. }
  1173. .progress-bar-bohe {
  1174. background-color: #87ebf1;
  1175. }
  1176. .progress-bar-fen {
  1177. background-color: #ffe6de;
  1178. }
  1179. .progress-bar-dousha {
  1180. background-color: #ef9c94;
  1181. }
  1182. .progress-bar-qing {
  1183. background-color: #deffde;
  1184. }
  1185. .lv {
  1186. color: #97c44f;
  1187. }
  1188. .huang {
  1189. color: #f2d561;
  1190. }
  1191. .hong {
  1192. color: #d9534f;
  1193. }
  1194. .lan {
  1195. color: #5bc0de;
  1196. }
  1197. .zise {
  1198. color: #c278a9;
  1199. }
  1200. .cheng {
  1201. color: #fc9765;
  1202. }
  1203. .bohe {
  1204. color: #87ebf1;
  1205. }
  1206. .fen {
  1207. color: #ffe6de;
  1208. }
  1209. .dousha {
  1210. color: #ef9c94;
  1211. }
  1212. .qing {
  1213. color: #deffde;
  1214. }
  1215. .return {
  1216. display: block;
  1217. height: 35px;
  1218. width: 100px;
  1219. text-align: center;
  1220. line-height: 35px;
  1221. background: #03b2b7;
  1222. color: #fff;
  1223. border-radius: 3px;
  1224. margin: 0 auto;
  1225. }
  1226. .nextGo {
  1227. display: block;
  1228. line-height: 35px;
  1229. width: 100px;
  1230. text-align: center;
  1231. line-height: 35px;
  1232. background: rgb(22, 100, 162);
  1233. color: #fff;
  1234. border-radius: 3px;
  1235. margin: 0 auto;
  1236. outline: none;
  1237. border-color: rgb(22, 100, 162);
  1238. }
  1239. .personal .table {
  1240. width: 90%;
  1241. margin: 20px auto;
  1242. }
  1243. .personal .table tr td {
  1244. text-align: center;
  1245. }
  1246. .personal .table tr td img {
  1247. margin-right: 5px;
  1248. }
  1249. .personal .table tr td input[type=text] {
  1250. width: 90%;
  1251. height: 20px;
  1252. border: 0;
  1253. outline: none;
  1254. text-align: center;
  1255. }
  1256. .personal .table tr td:first-child {
  1257. text-align: right;
  1258. width: 20%;
  1259. }
  1260. .personal .table tr td select {
  1261. vertical-align: middle;
  1262. font-size: 14px;
  1263. outline: none;
  1264. width: 100px;
  1265. height: 25px;
  1266. padding-left: 5px;
  1267. }
  1268. .personal .table tr td button {
  1269. color: #fff;
  1270. background: #ac2e3b;
  1271. border: 0;
  1272. padding: 5px 10px;
  1273. border-radius: 3px;
  1274. margin: 10px auto;
  1275. display: block;
  1276. }
  1277. .Input_ {
  1278. background-color: #FFF;
  1279. background-image: none;
  1280. border: 1px solid #ccc;
  1281. border-radius: 1px;
  1282. color: inherit;
  1283. padding: 6px 12px;
  1284. }
  1285. .sys-title {
  1286. color: #990000;
  1287. font-size: 40px;
  1288. font-family: "宋体";
  1289. height: 140px;
  1290. line-height: 140px;
  1291. padding-left: 50px;
  1292. }
  1293. .hr {
  1294. border-top: 1px solid #d9d9d9;
  1295. }
  1296. .sys-con img {
  1297. display: block;
  1298. height: 295px;
  1299. width: 340px;
  1300. margin: 40px auto;
  1301. }
  1302. .sys-word .weihu,
  1303. .sys-word .sys-time {
  1304. color: #b10808;
  1305. font-size: 36px;
  1306. text-align: center;
  1307. }
  1308. .sys-word .sys-time {
  1309. font-size: 25px;
  1310. }
  1311. .sys-word .sys-xuan {
  1312. text-align: right;
  1313. width: 50%;
  1314. margin: 0 auto;
  1315. color: #b10808;
  1316. font-size: 24px;
  1317. }
  1318. .imgs a{
  1319. color: #000000!important;
  1320. }
  1321. ._imgbox img{
  1322. width: 168px;
  1323. height: 110px;
  1324. }
  1325. .Sl {
  1326. text-align: center;
  1327. padding: 10px;
  1328. }
  1329. .Sl li{
  1330. width: 50%;
  1331. float: left;
  1332. }
  1333. .btn{
  1334. text-align: center;
  1335. background: rgb(22, 100, 162);
  1336. color: #fff;
  1337. border-radius: 3px;
  1338. margin: 0 auto;
  1339. outline: none;
  1340. border-color: rgb(22, 100, 162);
  1341. }