虞城12345_前端

shouLiWay.html 2.8KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  6. <meta name="apple-mobile-web-app-capable" content="yes">
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  8. <title>受理方式</title>
  9. <style>
  10. .sub_title {
  11. position: relative;
  12. text-align: center;
  13. }
  14. .sub_title:before, .sub_title:after {
  15. display: inline-block;
  16. content: "";
  17. width: 13%;
  18. height: 1px;
  19. background: #c8b379;
  20. position: absolute;
  21. top: 50%;
  22. }
  23. .sub_title:before {
  24. left: 25%;
  25. }
  26. .sub_title:after {
  27. right: 25%;
  28. }
  29. .content {
  30. font-size: 14px;
  31. line-height: 25px;
  32. margin: 20px 0;
  33. text-align: justify;
  34. color: #636262;
  35. padding: 0 15px;
  36. }
  37. .content p {
  38. word-wrap: break-word;
  39. word-break: break-all;
  40. }
  41. .img {
  42. background: url(../img/border2_02.png) no-repeat;
  43. height: 30px;
  44. background-size: cover;
  45. }
  46. .two_title {
  47. font-size: 15px;
  48. position: relative;
  49. padding-left: 15px;
  50. }
  51. .two_title:before {
  52. position: absolute;
  53. content: "";
  54. height: 20px;
  55. background: #12A7F1;
  56. width: 6px;
  57. left: 0;
  58. border-radius: 2px;
  59. bottom: 3px;
  60. }
  61. </style>
  62. </head>
  63. <body>
  64. <div class="mui-content">
  65. <h4 style="text-align: center;">虞城县12345政务服务热线</h4>
  66. <div class="sub_title">受理方式</div>
  67. <div class="content">
  68. <!--<div class="two_title" style="margin-bottom: 10px;">
  69. <b>受理方式</b>
  70. </div>-->
  71. <div style="text-indent: 24px;text-align: justify;">居民可以通过拨打热线、微信公众号提交、微博互动、发送邮件、网站提交诉求、手机APP等六种方式反映诉求。</div>
  72. <p>1、热线:12345</p>
  73. <p>2、微博:虞城县12345政务服务热线</p>
  74. <p>3、邮箱:yc12345zffwrx@126.com</p>
  75. <p>4、微信公众号:微信搜索"虞城县12345政务服务热线”</p>
  76. <p>5、网站网址:www.yucheng12345.com</p>
  77. <p>6、手机APP:可在网站进行扫码下载</p>
  78. <!--<div class="img"></div>-->
  79. </div>
  80. <div class="sub_title">办理流程</div>
  81. <img src="../img/liucheng.jpg" alt="" style="width: 100%;" />
  82. </div>
  83. </body>
  84. </html>