information.html 6.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="author" content="yihu.com" />
  6. <meta name="format-detection" content="telephone=no" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  8. <meta name="apple-mobile-web-app-capable" content="yes" />
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  10. <title>家庭医生续签</title>
  11. <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
  12. <link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
  13. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
  14. <link rel="stylesheet" type="text/css" href="../../../widget/swiper/3.1/swiper.min.css"/>
  15. <link rel="stylesheet" type="text/css" href="../../../widget/swiper/3.1/animate.min.css"/>
  16. <link rel="stylesheet" type="text/css" href="../css/information.css"/>
  17. </head>
  18. <body>
  19. <div id="loading">
  20. <img src="../images/00xuqian_img_bg.png" style="width: 100%;" class="mt50">
  21. <img src="../images/0.png" class="info-img info-img0 ani">
  22. <p class="plr20 result-info c-f18 c-bold c-f7af99 c-t-center"></p>
  23. <div class="bottom-btn c-hide">
  24. <a class="c-btn plr20 ptb10 c-f16 bgc-19d5c5 border-radius-pill" id="directBtn">我知道了</a>
  25. </div>
  26. </div>
  27. <div id="skip">跳过</div>
  28. <div class="swiper-container" style="opacity: 0;">
  29. <div class="swiper-wrapper">
  30. <div class="swiper-slide swiper-slide1 bgc-826edb c-position-r" data-hash="page1">
  31. <div class="c-position-r page1-div1">
  32. <img src="../images/01xuanqian_img01_bg.png" style="width: 100%;">
  33. <span class="c-f20 c-00e669 page-text page1-text-1 c-bold ani" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s"></span>
  34. </div>
  35. <img src="../images/1.png" class="info-img ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0" >
  36. <a href="#" class="next-btn">
  37. <img src="../images/anniu_xia_btn.png">
  38. </a>
  39. </div>
  40. <div class="swiper-slide swiper-slide2 bgc-1dbe78" data-hash="page2">
  41. <div class="page2-div1">
  42. </div>
  43. <div class="c-position-r">
  44. <img src="../images/02xuanqian_img_bg.png" style="width: 100%;">
  45. <span class="c-f20 c-ffff00 page-text page2-text-3 c-bold ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1s"></span>
  46. <span class="c-f20 c-ffff00 page-text page2-text-4 c-bold ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s"></span>
  47. <span class="c-f20 c-ffff00 page-text page2-text-5 c-bold ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2s"></span>
  48. <span class="c-f20 c-ffff00 page-text page2-text-6 c-bold ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2.5s"></span>
  49. </div>
  50. <img src="../images/2.png" class="info-img resize ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0">
  51. <a href="#" class="pre-btn">
  52. <img src="../images/anniu_shang_btn.png">
  53. </a>
  54. <a href="#" class="next-btn">
  55. <img src="../images/anniu_xia_btn.png">
  56. </a>
  57. </div>
  58. <div class="swiper-slide swiper-slide3 bgc-f59701" data-hash="page3">
  59. <img src="../images/03xuanqian_img_bg.png" style="width: 100%;" class="ani mt50" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
  60. <img src="../images/3.png" class="info-img3" style="bottom: 0;">
  61. <a href="#" class="pre-btn">
  62. <img src="../images/anniu_shang_btn.png">
  63. </a>
  64. <a href="#" class="next-btn">
  65. <img src="../images/anniu_xia_btn.png">
  66. </a>
  67. </div>
  68. <div class="swiper-slide swiper-slide4 bgc-37affb" data-hash="page4">
  69. <img src="../images/04xuanqian_img_bg.png" style="width: 100%;" class="ani mt90" swiper-animate-effect="lightSpeedIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
  70. <img src="../images/4.png" class="info-img info-img4">
  71. <a href="#" class="pre-btn">
  72. <img src="../images/anniu_shang_btn.png">
  73. </a>
  74. <a class="c-btn c-f16 more-btn">我要续签</a>
  75. </div>
  76. </div>
  77. </div>
  78. <script src="../../../js/jquery/2.1.3/jquery.js" type="text/javascript" charset="utf-8"></script>
  79. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  80. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  81. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  82. <script src="../../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
  83. <script src="../../../js/weixin_common.js" type="text/javascript" charset="utf-8"></script>
  84. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  85. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  86. <script src="../../../widget/swiper/3.1/swiper.jquery.min.js" type="text/javascript" charset="utf-8"></script>
  87. <script src="../../../widget/swiper/3.1/swiper.animate1.0.2.min.js" type="text/javascript" charset="utf-8"></script>
  88. <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  89. <script src="../js/information.js?v=1341" type="text/javascript" charset="utf-8"></script>
  90. </body>
  91. </html>