programed.php 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>房测</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1" />
  7. <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
  8. <!-- UC强制全屏 -->
  9. <meta name="full-screen" content="yes">
  10. <!-- QQ强制全屏 -->
  11. <meta name="x5-fullscreen" content="true">
  12. <meta name="apple-mobile-web-app-capable" content="yes">
  13. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  14. <meta name="format-detection" content="telephone=no" />
  15. <link rel="shortcut icon" href="/image/favicon.ico" type="image/x-icon" />
  16. <link rel="stylesheet" href="/js/alert/alert.css?a=1111">
  17. <link rel="stylesheet" href="/css/public/public.css?a=1111">
  18. <link rel="stylesheet" href="/js/banner/swiper-3.4.2.min.css?a=1111">
  19. <link rel="stylesheet" href="/css/public/programed.css?a=1111">
  20. </head>
  21. <script>
  22. document.title = '房测';
  23. </script>
  24. <body>
  25. <div class="max_box"> <!-- 最大 -->
  26. <!-- 开始测试 -->
  27. <div class="start-box">
  28. <div class="pa i1"><img src="/image/public/icon-i1.png" alt=""></div>
  29. <div class="pa i2"><img src="/image/public/icon-i2.png" alt=""></div>
  30. <div class="pa i5"><img src="/image/public/icon12.png" alt=""></div>
  31. <div class="pa i3"><img src="/image/public/icon-i3.png" alt=""></div>
  32. <div class="pa i4 newBtn"><img src="/image/public/icon-i4.png" alt=""></div>
  33. <!-- 背景 -->
  34. <img src="/image/public/icon-bg1.jpg" alt="">
  35. </div>
  36. <!-- 问题 -->
  37. <div class="issue-box">
  38. <!-- <div class="issue-title">品房海外-房测</div> -->
  39. <div class="issue-list">
  40. <div class="issue-list-bxn swiper-container swiper-no-swiping">
  41. <ul class="swiper-wrapper">
  42. <li class="swiper-slide">
  43. <h2>1. 您喜欢哪种房子?</h2>
  44. <dl class="result">
  45. <dd><span>A. 海景别墅</span></dd>
  46. <dd><span>B. 白领公寓</span></dd>
  47. <dd><span>C. 市内三小居</span></dd>
  48. <dd><span>D. 乡村小别墅</span></dd>
  49. </dl>
  50. </li>
  51. <li class="swiper-slide">
  52. <h2>2. 您在哪一行工作?</h2>
  53. <dl class="result">
  54. <dd data-id="B"><span>A. 计算机互联网/通讯</span></dd>
  55. <dd data-id="C"><span>B. 金融业/建筑行业</span></dd>
  56. <dd data-id="A"><span>C.医生/教师/律师/科研</span></dd>
  57. <dd data-id="B"><span>D. 媒体/广告/市场</span></dd>
  58. <dd data-id="D"><span>E. 行政人事/管理</span></dd>
  59. <dd data-id="D"><span>F. 生产制造业</span></dd>
  60. <dd data-id="D"><span>G. 其他</span></dd>
  61. </dl>
  62. </li>
  63. <li class="swiper-slide">
  64. <h2>3. 您觉得收入多少才可以买房?</h2>
  65. <dl class="result">
  66. <dd><span>A. 月薪5000-10000元/月</span></dd>
  67. <dd><span>B. 月薪10000-15000元/月</span></dd>
  68. <dd><span>C. 月薪15000-20000元/月</span></dd>
  69. <dd><span>D. 月薪20000元/月以上</span></dd>
  70. </dl>
  71. </li>
  72. <li class="swiper-slide">
  73. <h2>4. 是否拥有伴侣?</h2>
  74. <dl class="result">
  75. <dd><span>A. 是,已婚</span></dd>
  76. <dd><span>B. 否,单身中</span></dd>
  77. <dd><span>C. 是,恋爱中</span></dd>
  78. </dl>
  79. </li>
  80. <li class="swiper-slide">
  81. <h2>5. 你更倾向于哪种付款方式?</h2>
  82. <dl class="result">
  83. <dd><span>A. 全款</span></dd>
  84. <dd><span>B. 按揭付款</span></dd>
  85. <dd><span>C. 分期付款</span></dd>
  86. <dd><span>D. 缴纳定金,再付款</span></dd>
  87. </dl>
  88. </li>
  89. <li class="swiper-slide">
  90. <h2>6. 已经装修好的房子更好是吗?</h2>
  91. <dl class="result">
  92. <dd><span>A. 是,硬装比较好,节省装修费用</span></dd>
  93. <dd><span>B. 否,毛坯比较好,自己装修定风格</span></dd>
  94. <dd><span>C. 是,精装修很好,伶包入住,省去所有麻烦</span></dd>
  95. <dd><span>D. 是,简装比较好,可以自己买比较好的家电、家具</span></dd>
  96. </dl>
  97. </li>
  98. <li class="swiper-slide">
  99. <h2>7. 买房您更看重:</h2>
  100. <dl class="result">
  101. <dd><span>A. 地段是王道</span></dd>
  102. <dd><span>B. 周边配套成熟</span></dd>
  103. <dd><span>C. 小区配套丰富</span></dd>
  104. <dd><span>D. 距离公司较近</span></dd>
  105. <dd><span>E. 3-8km生活圈</span></dd>
  106. <dd><span>F. 能增值</span></dd>
  107. </dl>
  108. </li>
  109. <li class="swiper-slide">
  110. <h2>8. 首付多少比较合适?</h2>
  111. <dl class="result">
  112. <dd><span>A. 全款的20%</span></dd>
  113. <dd><span>B. 全款的30%</span></dd>
  114. <dd><span>C. 30万以内</span></dd>
  115. <dd><span>D. 50万以内</span></dd>
  116. <dd><span>E. 0首付</span></dd>
  117. <dd><span>F. 不在乎首付多少</span></dd>
  118. </dl>
  119. </li>
  120. <li class="swiper-slide">
  121. <h2>9. 您希望在北上广买房还是2-3线城市?</h2>
  122. <dl class="result">
  123. <dd><span>A. 北上广,资源多,就业机会多,交通方便,生活水平高一些</span></dd>
  124. <dd><span>B. 2-3线城市,房价低一些,生活质量可以高一些</span></dd>
  125. <dd><span>C. 乡下小别墅,吃喝不愁</span></dd>
  126. </dl>
  127. </li>
  128. <li class="swiper-slide">
  129. <h2>10. 可以接受异地买房吗?</h2>
  130. <dl class="result">
  131. <dd><span>A. 都可以,在家乡买房和异地买房并不影响</span></dd>
  132. <dd><span>B. 可以,在工作的地方买房,上班方便一些</span></dd>
  133. <dd><span>C. 不可以,要赡养老人,习惯了家乡的生活</span></dd>
  134. <dd><span>D. 可以,为了另一半</span></dd>
  135. </dl>
  136. </li>
  137. </ul>
  138. </div>
  139. <div class="swiper-pagination fnt"></div>
  140. <div class="issue-up hi">上一题</div>
  141. <div class="issue-next cen lock">下一题</div>
  142. </div>
  143. </div>
  144. <!-- 提交报名窗口 -->
  145. <div class="card">
  146. <!-- 关闭按钮 -->
  147. <div class="wcls"><img src="/image/public/cls.png" alt=""></div>
  148. <div class="icon-na"><img src="/image/public/icon-ma.png" alt=""></div>
  149. <h2>答题结束!</h2>
  150. <p class="depict">填写以下信息即可查看结果</p>
  151. <form class="submit_area">
  152. <input type="hidden" name="hid" value="0"> <!-- 0 为公共报名,其它为楼盘ID-->
  153. <input type="hidden" name="source" value="62"> <!--报名来源 具体查看applyVerify.js文件中SourceModule 标识说明-->
  154. <input type="hidden" name="equipment" value="1"> <!--来源设备 ( PC端 2,手机端 1 )-->
  155. <div class="m_sign_up_input m-img">
  156. <img src="/image/public/tel.png" alt="">
  157. <input type="text" name="mobile" placeholder="请输入手机号">
  158. </div>
  159. <div class="m_sign_up_buttom">
  160. <a class="method" href="javascript:void(0);">再测一次</a>
  161. <a class="method-btn" href="javascript:void(0);">查看答案</a>
  162. </div>
  163. </form>
  164. </div>
  165. <div class="cur"></div>
  166. <!-- 答案 -->
  167. <div class="cust-box">
  168. <div class="cust-list">
  169. <div class="cust-title"><img src="/image/public/cust-t.png" alt=""></div>
  170. <ul>
  171. <li data-txt="A">
  172. <div class="cust-list-img"><img src="/image/public/cust-1.png" alt=""></div>
  173. <div class="cust-list-title">您更适合购买<span>乡间小别墅的房子</span></div>
  174. <p>长期在大城市工作的您,一直压力很大,希望能找个安静舒适的环境生活,放松心情。大城市的资源很多,交通便利,这些是乡下无法替代的,但是身体和心理健康对您也一样重要。</p>
  175. </li>
  176. <li data-txt="B">
  177. <div class="cust-list-img"><img src="/image/public/cust-2.png" alt=""></div>
  178. <div class="cust-list-title">您更适合购买<span>二、三线城市的房子</span></div>
  179. <p>三小居的房子,结了婚有了孩子以后温馨又温暖,让家的味道更加浓重,这里的生活没有一线城市那样紧张,没有交通拥堵、没有喧嚣、没有复杂的人际关系,您理想的生活环境难道不是这样吗?</p>
  180. </li>
  181. <li data-txt="C">
  182. <div class="cust-list-img"><img src="/image/public/cust-3.png" alt=""></div>
  183. <div class="cust-list-title">您更适合购买<span>一线城市的房子</span></div>
  184. <p>由于您长期在一线城市工作,并且在这一行积累了较多的人脉,事业已经达到一个高度,您对未来充满期待,一往无前才能成功。</p>
  185. </li>
  186. <li data-txt="D">
  187. <div class="cust-list-img cust-hi"><img src="/image/public/cust-4.png" alt=""></div>
  188. <div class="cust-hi-text">
  189. <p>你的实力还不允许您买房,</p>
  190. <p>加油吧!奋斗的青春最美丽!</p>
  191. </div>
  192. </li>
  193. </ul>
  194. <div class="cust-btn"><img src="/image/public/cust-btn.png" alt=""></div>
  195. </div>
  196. <div class="cust-bottom"><img src="/image/public/cust-b.png" alt=""></div>
  197. <img src="/image/public/cust-bg.jpg" alt="">
  198. </div>
  199. </div>
  200. </body>
  201. <script src="/js/jquery-3.2.1.min.js?a=1111"></script>
  202. <script src="/js/banner/swiper-3.4.2.min.js?a=1111"></script>
  203. <script src="/js/alert/alert.js?a=1111"></script>
  204. <script src="/js/applyVerify2.js?a=1111"></script>
  205. <script src="/js/public/programed.js?a=1111"></script>
  206. </html>