printstyle.css 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. .pd10{padding-bottom: 10px;}
  2. body.pcs{min-width: 1200px!important;}
  3. .container{margin: 0 auto;}
  4. .pflexc{display: flex;align-items: center;}
  5. .pflex1{flex: 1;}
  6. .pflex2{flex: 0 0 auto;}
  7. .foot_line{width: 100%;height: 6px;background-color: #eee;}
  8. /* .p_container{position: relative;width: 1584px;margin: 0 auto;min-height: calc(100vh - 100px);overflow: auto;} */
  9. .p_container{position: relative;margin: 0 auto;overflow: auto;}
  10. .mb28{margin-bottom: 28px;}
  11. .mb30{margin-bottom: 30px;}
  12. /* 左侧导航栏 */
  13. .pleft{position: absolute;width: 140px;left: 0px;top: 191px;z-index: 5;display: none;}
  14. .pleft a{width: 100%;height: 35px;line-height: 35px;text-align: center;font-size: 16px;display: block;}
  15. .pleft .pleft_tit{background: #014582;color: #FFFFFF;margin-bottom: 12px;width: 100%;height: 35px;line-height: 35px;text-align: center;font-size: 16px;cursor: pointer;}
  16. .pleft li{margin-bottom: 8px;}
  17. .pleft li a{background:#F4F4F4;color: #014582;text-decoration: none;}
  18. .pleft li a.act{background: #2C91EB;color: #FFFFFF;}
  19. .pleft li a.act:hover{color: #FFFFFF!important;}
  20. /* 分页 */
  21. .p_page{text-align: center;padding: 40px 0;}
  22. .p_page .page{display: inline-block;min-width: 30px;hyphenate-limit-lines: 30px;padding: 0 10px;box-sizing: border-box;font-size: 12px;
  23. color: #676767;line-height: 28px;margin: 0 3px;border: 1px solid #DDDDDD;cursor: pointer;}
  24. .p_page .page.act{background-color: #014582;color: #FFFFFF;}
  25. .pcs .u-pagepath{padding:32px 0 30px;}
  26. .pcs .u-pagepath p a{color: #686868;text-decoration: none;font-size: 14px;}
  27. .u-pagepath p a:hover {color: #e10101;}
  28. .pcs .u-pagepath p i{margin: 0 5px;}
  29. .pcs .u-pagepath p::before{display: none;}
  30. .p_box_tit{border-bottom: 1px solid #014582;position: relative;}
  31. .p_box_tit .p_box_titl{font-size: 22px;color: #014582;min-width: 200px;padding: 8px 22px;box-sizing: border-box;position: relative;font-weight: bold;}
  32. .p_box_tit .p_box_titl::after{content:"";position: absolute;left: 0;right: 0;bottom: -1px;background: #F4B62E;height: 1px;}
  33. .p_box_ser{position: absolute;right: 0;bottom: 0;}
  34. .p_box_ser .psearch{min-width: 110px;height: 50px;font-size: 16px;color: #343434;line-height: 48px;text-align: center;border:1px solid #AAAAAA;padding: 0 6px;box-sizing: border-box;display: inline-block;cursor: pointer;border-bottom: none;margin: 0 1px;}
  35. .p_box_ser .psearch.act{background: #014582;color: #FFFFFF;}
  36. .p_box_adr{padding: 42px 99px 0;margin-bottom:40px ;}
  37. .p_box_adr p{line-height: 40px;font-size: 16px;color: #343434;}
  38. .p_box_adr p i{font-weight: bold;font-style: normal;}
  39. .p_box_img{width: 920px;height: 570px;margin: 0 auto;display: block;margin-bottom: 50px;}
  40. .pf_list ul{padding: 0 102px 0 97px;}
  41. .pf_list li a{width: 100%;border-bottom: 1px solid #DADADA;display: block;padding: 22px 0 14px;text-align: left;text-decoration: none;}
  42. .pf_list li a.cf{display: flex;}
  43. .pf_list li a .fl{flex: 1;float: none;overflow: hidden;}
  44. .pf_list li a .fr{float: none;flex: 0 0 auto;margin-left: 100px;}
  45. .pf_list li a h1{font-size: 20px;margin-bottom: 10px;line-height: 26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  46. .pf_list li a p{font-size: 16px;color: #555555;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  47. .pf_list li a p.overtwo{word-break: break-all;
  48. text-overflow: ellipsis;
  49. overflow: hidden;
  50. display: -webkit-box;
  51. -webkit-line-clamp: 2;
  52. -webkit-box-orient: vertical;white-space: normal;}
  53. .pf_list li a .num{background-color: #3A92E2;font-size: 30px;color: #FFFFFF;font-weight: bold;text-align: center;width: 70px;height: 70px;line-height: 70px;margin: 0 auto 10px;}
  54. .pf_list li a .day{font-size: 20px;
  55. color: #AAAAAA;text-align: center;}
  56. .p_textbox{padding: 58px 98px 48px;}
  57. .p_textbox p{font-size: 16px;color: #343434;text-indent: 2rem;line-height: 26px;}
  58. /* 办事服务 */
  59. .pb_search{width: 600px;margin: 0 auto;padding: 50px 0 32px;}
  60. .pb_searchtit{font-size: 16px;color: #343434;margin-bottom: 10px;font-weight: bold;}
  61. .pb_searchsta{display: none;}
  62. .pb_searchnum{display: none;}
  63. .pb_searchzt{width: 160px;height: 50px;border: 1px solid #C4C4C4;margin-right: 30px;font-size: 16px;color: #666666;text-align: center;line-height: 48px;box-sizing: border-box;cursor: pointer;}
  64. .pb_searchzt.act{border: 1px solid #00B034;color: #00B034;}
  65. .pb_searchin{width: 100%;height: 50px;background: #FFFFFF;border: 1px solid #C4C4C4;border-radius: 3px 3px 3px 3px;box-sizing: border-box;font-size: 16px;font-weight: 500;
  66. color: #343434;line-height: 48px;padding: 0 26px;box-sizing: border-box;}
  67. .pb_w520{width: 520px;margin: 0 auto 26px;}
  68. .pb_searchsend{position: relative;}
  69. .pb_searchsendt{font-size: 14px;color: #666666;line-height: 34px;position: absolute;top:50px;right: 153px;}
  70. .pb_searchsendr{width: 128px;height: 50px;background: #014582;border: 1px solid #C4C4C4;border-radius: 1px 1px 1px 1px;font-size: 16px;color: #FFFFFF;line-height: 48px;text-align: center;cursor: pointer;box-sizing: border-box;}
  71. .pb_searchup{width: 170px;height: 170px;margin-right: 16px;position: relative;}
  72. .pb_searchupi{width: 100%;height: 100%;display: block;}
  73. .pb_searchupin{position: absolute;left: 0;right: 0;bottom: 0;opacity: 0;cursor: pointer;top: 0;}
  74. .pb_searchupt{font-size: 14px;color: #FF0000;position: absolute;left: 186px;bottom: 0;white-space: nowrap;}
  75. .pb_searchbtn{width: 601px;height: 50px;background: #014582;border-radius: 4px 4px 4px 4px;font-size: 20px;font-weight: 500;
  76. color: #FFFFFF;text-align: center;cursor: pointer;line-height:50px ;margin: 60px auto 0;}
  77. .pb_result{padding: 68px 0 54px;position: relative;}
  78. .pb_result_img{position: absolute;top: 50px;right:
  79. 102px;width: 112px;height: 112px;}
  80. .pb_resulta{padding:0 40px;}
  81. .pb_resultw{width: 320px;margin-left: 60px;margin-bottom: 38px;}
  82. .pb_resultt{font-size: 16px;color: #343434;font-weight: bold;margin-bottom: 10px;}
  83. .pb_resultw p{font-size: 16px;color: #343434;}
  84. .pb_resulttja{display: block;margin: 0 auto 30px;}
  85. .pb_result_btn{text-align: center;margin-top: 85px;}
  86. .pb_result_btn a:hover{color:#FFFFFF!important ;}
  87. .pb_result_btn .pb_result_btna{width: 200px;height: 50px;background: #2C91EB;border-radius: 4px;font-size: 16px;color: #FFFFFF;text-align: center;line-height: 50px;margin: 0 10px;display: inline-block;text-decoration: none;cursor: pointer;}
  88. .pb_result_btn .pb_result_btna.btnb{background: #014582;}
  89. .pb_searinput{justify-content: center;font-size: 16px;font-weight: bold;
  90. color: #343434;
  91. line-height: 34px;}
  92. .pb_searinput input{width: 30px;
  93. border: none;border-bottom: 1px solid #C4C4C4;height: 34px;margin: 0 4px;text-align: center;font-size: 20px;font-weight: bold;
  94. color: #343434;}
  95. /* 网上送检 */
  96. .pw_main{padding:50px 100px 32px;}
  97. .pw_list{width: 100%;margin-bottom: 28px;}
  98. .pw_list p{font-size: 16px;color: #343434;margin-bottom: 10px;font-weight: bold;}
  99. .pw_inp{width: 100%;height: 50px;background: #FFFFFF;border: 1px solid #C4C4C4; border-radius: 3px 3px 3px 3px;box-sizing: border-box;
  100. font-size: 16px;font-weight: 500;color: #343434;line-height: 48px;padding: 0 26px;box-sizing: border-box;position: relative;}
  101. .pw_lista{width: 47.9%;}
  102. .pw_text{width: 100%;height: 148px;background: #FFFFFF;border: 1px solid #C4C4C4; border-radius: 3px 3px 3px 3px;box-sizing: border-box;
  103. font-size: 16px;font-weight: 500;color: #343434;line-height: 26px;padding: 20px 26px;resize: none;}
  104. .pw_tit{font-size:
  105. 14px;color: #FF0000;text-align: center;margin-top: 18px;}
  106. .pw_listb{width: 21px;height: 12px;flex: 0 0 auto;transition: all .3s;}
  107. .pw_listb.act{transform: rotate(-180deg);}
  108. .pw_select{display: flex;align-items: center;position: relative;cursor: pointer;}
  109. .pw_select input{border: none;background: #FFFFFF;height: 100%;cursor: pointer;}
  110. .pw_selecta{position: absolute;left: 0;right: 0;top: 49px;background: #FFFFFF;z-index: 5;border: 1px solid #C4C4C4;display: none;}
  111. .pw_selecta div{width: 100%;text-align: center;font-size: 15px;padding: 5px 0;line-height: 32px;}
  112. .pw_selecta div.act{background: #2C91EB;color: #FFFFFF;}
  113. .pw_selecta div:hover{background: #2C91EB;color: #FFFFFF;}