商丘12345 前端

shouLiWay.html 2.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  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. .liucheng{
  62. background: url(../img/liucheng.png) no-repeat;
  63. background-size: 100% 100%;
  64. }
  65. </style>
  66. </head>
  67. <body>
  68. <div class="mui-content">
  69. <h4 style="text-align: center;">商丘市12345政务服务热线</h4>
  70. <!--<div class="sub_title">受理方式</div>-->
  71. <div class="content">
  72. <div class="two_title" style="margin-bottom: 10px;">
  73. <b>受理方式</b>
  74. </div>
  75. <div style="text-indent: 24px;text-align: justify;">市民可以通过拨打热线、微信公众号提交、微博互动、发送邮件、网站提交诉求、手机APP 等六种方式反映诉求。</div>
  76. <p>1、热线:0370 12345</p>
  77. <p>2、微博</p>
  78. <p>3、邮箱</p>
  79. <p>4、网站网址:http://12345.shangqiu.gov.cn:8810/</p>
  80. <p>5、手 机 APP</p>
  81. <p>6、微信公众号:微信搜索“商丘市12345服务热线”</p>
  82. <div class="two_title" style="margin-bottom: 10px;">
  83. <b>办理流程</b>
  84. </div>
  85. </div>
  86. <div class="liucheng">
  87. </div>
  88. <img src="../img/liucheng.jpg" alt="" style="width: 100%;" />
  89. <!--<div class="img"></div>-->
  90. </div>
  91. <script src="../layui/layui.js"></script>
  92. <script src="../js/zepto.js"></script>
  93. <script src="../Script/Common/huayi.config.js"></script>
  94. <script src="../Script/Common/huayi.http.js"></script>
  95. </body>
  96. </html>