diff --git a/.idea/misc.xml b/.idea/misc.xml
new file mode 100644
index 0000000..940aad0
--- /dev/null
+++ b/.idea/misc.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="SvnBranchConfigurationManager">
+    <option name="mySupportsUserInfoFilter" value="true" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index bf24095..1704e48 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -1,7 +1,15 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="ChangeListManager">
-    <list default="true" id="da8588f5-133b-4d2e-bace-514a6ad8b613" name="Default" comment="" />
+    <list default="true" readonly="true" id="da8588f5-133b-4d2e-bace-514a6ad8b613" name="Default" comment="">
+      <change type="DELETED" beforePath="$PROJECT_DIR$/readme.md" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/static/js/app.2beb57354d4fa650cb7f.js" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/static/js/app.2beb57354d4fa650cb7f.js.map" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/static/js/manifest.0d03b3a688c06fae8803.js" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/static/js/manifest.0d03b3a688c06fae8803.js.map" afterPath="" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/.idea/workspace.xml" afterPath="$PROJECT_DIR$/.idea/workspace.xml" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/index.html" afterPath="$PROJECT_DIR$/index.html" />
+    </list>
     <ignored path="$PROJECT_DIR$/.tmp/" />
     <ignored path="$PROJECT_DIR$/temp/" />
     <ignored path="$PROJECT_DIR$/tmp/" />
@@ -13,12 +21,12 @@
     <option name="LAST_RESOLUTION" value="IGNORE" />
   </component>
   <component name="FileEditorManager">
-    <leaf>
+    <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
       <file leaf-file-name="index.html" pinned="false" current-in-tab="true">
         <entry file="file://$PROJECT_DIR$/index.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="0">
-              <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+            <state relative-caret-position="95">
+              <caret line="5" column="307" lean-forward="false" selection-start-line="5" selection-start-column="307" selection-end-line="5" selection-end-column="349" />
               <folding />
             </state>
           </provider>
@@ -42,7 +50,7 @@
     <detection-done>true</detection-done>
     <sorting>DEFINITION_ORDER</sorting>
   </component>
-  <component name="ProjectFrameBounds" extendedState="6">
+  <component name="ProjectFrameBounds" fullScreen="true">
     <option name="x" value="720" />
     <option name="y" value="23" />
     <option name="width" value="720" />
@@ -63,6 +71,8 @@
       <foldersAlwaysOnTop value="true" />
     </navigator>
     <panes>
+      <pane id="Scratches" />
+      <pane id="Scope" />
       <pane id="ProjectPane">
         <subPane>
           <expand>
@@ -74,8 +84,6 @@
           <select />
         </subPane>
       </pane>
-      <pane id="Scratches" />
-      <pane id="Scope" />
     </panes>
   </component>
   <component name="PropertiesComponent">
@@ -102,6 +110,7 @@
   </component>
   <component name="SvnConfiguration">
     <configuration>$USER_HOME$/.subversion</configuration>
+    <supportedVersion>125</supportedVersion>
   </component>
   <component name="TaskManager">
     <task active="true" id="Default" summary="Default task">
@@ -110,34 +119,35 @@
       <option name="number" value="Default" />
       <option name="presentableId" value="Default" />
       <updated>1527245961386</updated>
-      <workItem from="1527245963046" duration="100000" />
+      <workItem from="1527245963046" duration="592000" />
+      <workItem from="1527247338605" duration="4000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="100000" />
+    <option name="totallyTimeSpent" value="596000" />
   </component>
   <component name="ToolWindowManager">
-    <frame x="0" y="23" width="1440" height="877" extended-state="6" />
+    <frame x="720" y="23" width="720" height="877" extended-state="0" />
     <editor active="true" />
     <layout>
-      <window_info id="Key Promoter X" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
-      <window_info id="GfmBrowser" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
-      <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.16738197" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
+      <window_info id="Key Promoter X" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
+      <window_info id="GfmBrowser" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
+      <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.17256637" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
       <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
-      <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="true" content_ui="tabs" />
-      <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
+      <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="7" side_tool="true" content_ui="tabs" />
+      <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
       <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
       <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
-      <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
-      <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="true" content_ui="tabs" />
+      <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
+      <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="true" content_ui="tabs" />
       <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
       <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
-      <window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" />
       <window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
       <window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
-      <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
       <window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
+      <window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" />
+      <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
       <window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
     </layout>
   </component>
@@ -160,5 +170,13 @@
         </state>
       </provider>
     </entry>
+    <entry file="file://$PROJECT_DIR$/index.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="95">
+          <caret line="5" column="307" lean-forward="false" selection-start-line="5" selection-start-column="307" selection-end-line="5" selection-end-column="349" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
   </component>
 </project>
\ No newline at end of file
diff --git a/index.html b/index.html
index a1de8e4..f012776 100644
--- a/index.html
+++ b/index.html
@@ -1,9 +1,9 @@
-<!DOCTYPE html><html><head><meta charset=utf-8><title>renthouse_h5</title><meta http-equiv=x-dns-fetch-control content=on><link rel=stylesheet href=https://unpkg.com/element-ui/lib/theme-default/index.css><link rel=stylesheet href=static/icomoon/style.css><link rel=dnx-fetch href=dujuncheng.com.cn><style>* {
+<!DOCTYPE html><html><head><meta charset=utf-8><title>renthouse_h5</title><meta http-equiv=x-dns-fetch-control content=on><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"><link rel=stylesheet href=https://unpkg.com/element-ui/lib/theme-default/index.css><link rel=stylesheet href=static/icomoon/style.css><link rel=dnx-fetch href=dujuncheng.com.cn><style>* {
         font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
       }
       body{
         margin: 0px;
-      }</style><link href=./static/css/app.d22388e36bdb885b62d32d069da2f8f9.css rel=stylesheet></head><body><div id=app></div><script src=https://unpkg.com/element-ui/lib/index.js defer=defer></script><script src="http://api.map.baidu.com/api?v=2.0&ak=CNGz1ZPd5YgEMUbRckC1khoAY0wV1Bay"></script><script src=http://code.jquery.com/jquery-2.2.4.min.js integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin=anonymous></script><script src=/static/data/textdata.js></script><script>var dataarr = text.split('a');
+      }</style><link href=./static/css/app.d22388e36bdb885b62d32d069da2f8f9.css rel=stylesheet></head><body><div id=app></div><script src=https://unpkg.com/element-ui/lib/index.js defer=defer></script><script src="http://api.map.baidu.com/api?v=2.0&ak=CNGz1ZPd5YgEMUbRckC1khoAY0wV1Bay"></script><script src=/static/data/textdata.js></script><script src=/static/js/jquery.min.js></script><script>var dataarr = text.split('a');
       var temp = [];
       for ( var i = 0; i < dataarr.length; i++){
         dataarr[i] = dataarr[i].substr(0, dataarr[i].length-1)
@@ -19,6 +19,4 @@
       var colorarr = [];
       for(var i = 0; i<1000;i++){
         colorarr[i] = 'rgba(50,204,254,' + i*1/1000 + ')'
-      }
-      console.log(colorarr);
-      console.log(testsss,'sssssssss');</script><script src=static/js/tags.js></script><script type=text/javascript src=./static/js/manifest.0d03b3a688c06fae8803.js></script><script type=text/javascript src=./static/js/vendor.b2748adcb1fcd9088587.js></script><script type=text/javascript src=./static/js/app.2beb57354d4fa650cb7f.js></script></body></html>
\ No newline at end of file
+      }</script><script src=static/js/tags.js></script><script type=text/javascript src=./static/js/manifest.098b60779364351c6d9a.js></script><script type=text/javascript src=./static/js/vendor.b2748adcb1fcd9088587.js></script><script type=text/javascript src=./static/js/app.654e7579b06995e830a6.js></script></body></html>
\ No newline at end of file
diff --git a/readme.md b/readme.md
deleted file mode 100644
index e69de29..0000000
diff --git a/static/js/app.2beb57354d4fa650cb7f.js.map b/static/js/app.2beb57354d4fa650cb7f.js.map
deleted file mode 100644
index fd940df..0000000
--- a/static/js/app.2beb57354d4fa650cb7f.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"sources":["webpack:///static/js/app.2beb57354d4fa650cb7f.js","webpack:///./static/video/rent_video_x264.mp4","webpack:///./src/App.vue","webpack:///App.vue","webpack:///ciyun.vue","webpack:///coutrymap.vue","webpack:///hot_map.vue","webpack:///likai.vue","webpack:///map_to_rentArea.vue","webpack:///section.vue","webpack:///shining_house.vue","webpack:///welcome.vue","webpack:///yingxiang.vue","webpack:///yinhao.vue","webpack:///ziliao.vue","webpack:///./src/main.js","webpack:///./src/components/ciyun.vue?8e90","webpack:///./src/components/coutrymap.vue?0a22","webpack:///./src/components/hot_map.vue?452c","webpack:///./src/components/likai.vue?d493","webpack:///./src/components/map_to_rentArea.vue?9c09","webpack:///./src/components/section.vue?6464","webpack:///./src/components/shining_house.vue?a87b","webpack:///./src/components/welcome.vue?04ba","webpack:///./src/components/yingxiang.vue?787e","webpack:///./src/components/yinhao.vue?f3f9","webpack:///./src/components/ziliao.vue?51c0","webpack:///./src/components/likai.vue?09b4","webpack:///./src/components/map_to_rentArea.vue?a146","webpack:///./src/components/welcome.vue?8c6c","webpack:///./src/components/coutrymap.vue?796c","webpack:///./src/components/section.vue?da82","webpack:///./src/components/yinhao.vue?8e65","webpack:///./src/components/shining_house.vue?807d","webpack:///./src/components/ciyun.vue?aee0","webpack:///./src/components/hot_map.vue?21c9","webpack:///./src/App.vue?9eab","webpack:///./src/components/ziliao.vue?8d94","webpack:///./src/components/yingxiang.vue?f44e"],"names":["webpackJsonp","Array","concat","module","exports","__webpack_require__","p","injectStyle","ssrContext","Component","__webpack_exports__","Object","defineProperty","value","__WEBPACK_IMPORTED_MODULE_0__components_section__","__WEBPACK_IMPORTED_MODULE_0__components_section___default","n","__WEBPACK_IMPORTED_MODULE_1__components_map_to_rentArea_vue__","__WEBPACK_IMPORTED_MODULE_1__components_map_to_rentArea_vue___default","__WEBPACK_IMPORTED_MODULE_2__components_hot_map_vue__","__WEBPACK_IMPORTED_MODULE_2__components_hot_map_vue___default","__WEBPACK_IMPORTED_MODULE_3__components_coutrymap_vue__","__WEBPACK_IMPORTED_MODULE_3__components_coutrymap_vue___default","__WEBPACK_IMPORTED_MODULE_4__components_shining_house_vue__","__WEBPACK_IMPORTED_MODULE_4__components_shining_house_vue___default","__WEBPACK_IMPORTED_MODULE_5__components_ciyun_vue__","__WEBPACK_IMPORTED_MODULE_5__components_ciyun_vue___default","__WEBPACK_IMPORTED_MODULE_6__components_welcome_vue__","__WEBPACK_IMPORTED_MODULE_6__components_welcome_vue___default","__WEBPACK_IMPORTED_MODULE_7__components_yingxiang_vue__","__WEBPACK_IMPORTED_MODULE_7__components_yingxiang_vue___default","__WEBPACK_IMPORTED_MODULE_8__components_likai_vue__","__WEBPACK_IMPORTED_MODULE_8__components_likai_vue___default","__WEBPACK_IMPORTED_MODULE_9__components_ziliao_vue__","__WEBPACK_IMPORTED_MODULE_9__components_ziliao_vue___default","data","imgArr","chooseOne","leaveTitleIndex","leaveTitleTop","scrollY","turan","turan_en","raner","raner_en","name","components","imgcontainer","a","map_to_rentArea","hot_map","countrymap","shining_house","ciyun","welcome","yingxiang","likai","ziliao","mounted","self","this","containerArr","document","getElementsByClassName","window","addEventListener","i","length","itemtitle","querySelector","titleTop","offsetTop","innerHeight","__WEBPACK_IMPORTED_MODULE_0__components_yinhao_vue__","__WEBPACK_IMPORTED_MODULE_0__components_yinhao_vue___default","yinhao","ishover","isScale","methods","hover","leave","toggle","hoveritem","selectitem","csvdata","mapdata","payValue","selectArea","getMapData","tempArr","split","trim","price","rate","console","dir","created","filters","subto2","indexOf","index","substr","props","container","computed","titleLeave","opacity","transform","imgStyle","backgroundPosition","body","offsetHeight","backgroundImage","bgimg","backgroundSize","lasttext","title1","title2","blockstyle","block1","width","block1text","block2","height","block2text","block4","block3text","block4text","watch","$","css","__WEBPACK_IMPORTED_MODULE_0_vue__","__WEBPACK_IMPORTED_MODULE_1_element_ui__","__WEBPACK_IMPORTED_MODULE_2_element_ui_lib_theme_default_index_css__","__WEBPACK_IMPORTED_MODULE_3__App__","__WEBPACK_IMPORTED_MODULE_3__App___default","config","productionTip","use","el","template","App","render","_vm","_h","$createElement","_self","_c","_m","staticRenderFns","staticClass","_v","staticStyle","margin-bottom","_e","_s","class","darkbg1","on","click","$event","mouseenter","mouseleave","darkbg3","darkbg2","darkbg4","attrs","step","show-input","max","min","model","callback","$$v","expression","font-size","style","Math","sqrt","fontSize","_f","directives","rawName","scroll","preventDefault","src","scrolling","border","frameborder","allowfullscreen","content","content_en","object-fit","autoplay","loop","id","type","href","title"],"mappings":"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","file":"static/js/app.2beb57354d4fa650cb7f.js","sourcesContent":["webpackJsonp([1],Array(24).concat([\n/* 24 */\n/***/ (function(module, exports, __webpack_require__) {\n\nmodule.exports = __webpack_require__.p + \"static/media/rent_video_x264.d87ae7e.mp4\";\n\n/***/ }),\n/* 25 */,\n/* 26 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 27 */\n/***/ (function(module, exports, __webpack_require__) {\n\nfunction injectStyle (ssrContext) {\n  __webpack_require__(90)\n}\nvar Component = __webpack_require__(2)(\n  /* script */\n  __webpack_require__(50),\n  /* template */\n  __webpack_require__(113),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  null,\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 28 */,\n/* 29 */,\n/* 30 */,\n/* 31 */,\n/* 32 */,\n/* 33 */,\n/* 34 */,\n/* 35 */,\n/* 36 */,\n/* 37 */,\n/* 38 */,\n/* 39 */,\n/* 40 */,\n/* 41 */,\n/* 42 */,\n/* 43 */,\n/* 44 */,\n/* 45 */,\n/* 46 */,\n/* 47 */,\n/* 48 */,\n/* 49 */,\n/* 50 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_section__ = __webpack_require__(98);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_section___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__components_section__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_map_to_rentArea_vue__ = __webpack_require__(97);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_map_to_rentArea_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__components_map_to_rentArea_vue__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_hot_map_vue__ = __webpack_require__(95);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_hot_map_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2__components_hot_map_vue__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__components_coutrymap_vue__ = __webpack_require__(94);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__components_coutrymap_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3__components_coutrymap_vue__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_shining_house_vue__ = __webpack_require__(99);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_shining_house_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4__components_shining_house_vue__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__components_ciyun_vue__ = __webpack_require__(93);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__components_ciyun_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5__components_ciyun_vue__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__components_welcome_vue__ = __webpack_require__(100);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__components_welcome_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6__components_welcome_vue__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__components_yingxiang_vue__ = __webpack_require__(101);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__components_yingxiang_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7__components_yingxiang_vue__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__components_likai_vue__ = __webpack_require__(96);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__components_likai_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8__components_likai_vue__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__components_ziliao_vue__ = __webpack_require__(103);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__components_ziliao_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_9__components_ziliao_vue__);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  data: function data() {\n    return {\n      imgArr: [1, 2, 3, 4],\n      chooseOne: '',\n      //     第几个元素的title的index\n      leaveTitleIndex: '',\n      //      第几个元素title的顶部到浏览器顶部的距离\n      leaveTitleTop: '',\n      scrollY: '',\n      turan: '突然，“生活”不期而至。它犹如一头庞大、狡诈、杀气腾腾的猛兽，极有耐心地缓缓逼近，张开血盆大口，随时要将你吞下，在劫难逃。你说你想要一间那样的公寓？凭你刚毕业的资历和薪水，没有银行会答应你按揭买下它。退而求其次，你租房选择了租房。然而，即使是租房，你负担得起你曾幻想过的生活吗？',\n      turan_en: 'All of a sudden, life happens. It comes toward you slowly and patienly, like some enormous, cunning, and murderous beast, ready to devour, impossible to escape. You were saying you wanted an apartment with bla bla bla ? Sorry, no bank would grant you a loan for a mortgage, being a newly graduate. Eventually you settle for renting. Still, can you afford the life you have imagined ?',\n      raner: '然而当他们真正拎着大包小包进入房间时，所有的幻想都破灭了。\\n 房子被隔断成五六间狭小的空间，板墙在暴风雨来临的时刻止不住地摇撼。卫生间的马桶是共用的，经常挂满污渍。水池的下水管道没有S形水弯，阵阵恶臭扑面而来。女孩儿们把洗好的衣服晾在楼道的栏杆上，或是挂在窗户凹槽上，希望明天不要下雨。',\n      raner_en: 'However, when they actually unpack their luggage in their Dream House, the gilt is off.An intact house is usually divided into 5 or 6 rooms with no public space left, the living room included. The door is so thin that one punch can smash it, while the wood siding wall won\\'t stop shaking when the storm comes. Toilet in the bathroom is shared ,usually covered with stains. The S-shaped pipe between the sink and the sewer line is missing, reeking of repulsive smells. Girls hang up their laundry onto the handrail of the corridor or the grooves of the window, hoping it won\\'t rain the next day. '\n    };\n  },\n\n  name: 'app',\n  components: {\n    imgcontainer: __WEBPACK_IMPORTED_MODULE_0__components_section___default.a,\n    map_to_rentArea: __WEBPACK_IMPORTED_MODULE_1__components_map_to_rentArea_vue___default.a,\n    hot_map: __WEBPACK_IMPORTED_MODULE_2__components_hot_map_vue___default.a,\n    countrymap: __WEBPACK_IMPORTED_MODULE_3__components_coutrymap_vue___default.a,\n    shining_house: __WEBPACK_IMPORTED_MODULE_4__components_shining_house_vue___default.a,\n    ciyun: __WEBPACK_IMPORTED_MODULE_5__components_ciyun_vue___default.a,\n    welcome: __WEBPACK_IMPORTED_MODULE_6__components_welcome_vue___default.a,\n    yingxiang: __WEBPACK_IMPORTED_MODULE_7__components_yingxiang_vue___default.a,\n    likai: __WEBPACK_IMPORTED_MODULE_8__components_likai_vue___default.a,\n    ziliao: __WEBPACK_IMPORTED_MODULE_9__components_ziliao_vue___default.a\n  },\n  mounted: function mounted() {\n    var self = this;\n    var containerArr = document.getElementsByClassName('container');\n    window.addEventListener('scroll', function () {\n      self.scrollY = window.scrollY;\n      for (var i = 0; i < containerArr.length; i++) {\n        var itemtitle = document.querySelector('.title' + i);\n        var titleTop = itemtitle.offsetTop - window.scrollY;\n        if (titleTop > -window.innerHeight / 2 && titleTop < window.innerHeight / 2) {\n          self.leaveTitleTop = titleTop;\n          self.leaveTitleIndex = i;\n        }\n      }\n    });\n  }\n});\n\n/***/ }),\n/* 51 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({});\n\n/***/ }),\n/* 52 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({});\n\n/***/ }),\n/* 53 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_yinhao_vue__ = __webpack_require__(102);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_yinhao_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__components_yinhao_vue__);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  components: {\n    yinhao: __WEBPACK_IMPORTED_MODULE_0__components_yinhao_vue___default.a\n  },\n  data: function data() {\n    return {\n      ishover: false,\n      isScale: true\n    };\n  },\n\n  methods: {\n    hover: function hover() {\n      this.ishover = true;\n    },\n    leave: function leave() {\n      this.ishover = false;\n    },\n    toggle: function toggle() {\n      this.isScale = !this.isScale;\n    }\n  }\n});\n\n/***/ }),\n/* 54 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({});\n\n/***/ }),\n/* 55 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  data: function data() {\n    return {\n      hoveritem: '',\n      selectitem: '',\n      csvdata: '\\u5EF6\\u5E86\\u533A,yanqing,1063.6,29.0601092896175,0.0344114328694998\\n                \\u6000\\u67D4\\u533A,huairou,1038.71,28.3800546448087,0.035236013901859\\n                \\u5BC6\\u4E91\\u533A,miyun,844.73,23.0800546448087,0.043327453742616\\n                \\u5E73\\u8C37\\u533A,pinggu,802.64,21.9300546448087,0.04559952157879\\n                \\u660C\\u5E73\\u533A,changping,1801.45,49.2199453551913,0.0203169668877848\\n                \\u987A\\u4E49\\u533A,shunyi,2081.08,56.8601092896175,0.0175870221231284\\n                \\u95E8\\u5934\\u6C9F\\u533A,mentougou,1595.39,43.5898907103825,0.0229410990416136\\n                \\u6D77\\u6DC0\\u533A,haidian,3351.46,91.5699453551913,0.0109206137026848\\n                \\u671D\\u9633\\u533A,chaoyang,3426.13,93.6101092896175,0.0106826069063346\\n                \\u901A\\u5DDE\\u533A,tongzhou,1581.49,43.2101092896175,0.0231427324864526\\n                \\u623F\\u5C71\\u533A,fangshan,1173.40,32.06,0.0311914095790012\\n                \\u77F3\\u666F\\u5C71\\u533A,shijingshan,2420.72,66.1398907103825,0.0151194685878582\\n                \\u897F\\u57CE\\u533A,xicheng,4136.17,113.010109289617,0.0088487658872822\\n                \\u4E1C\\u57CE\\u533A,dongcheng,4171.30,113.97,0.00877424304173759\\n                \\u4E30\\u53F0\\u533A,fengtai,2476.36,67.6601092896175,0.0147797573858405\\n                \\u5927\\u5174\\u533A,daxing,1715.54,46.8726775956284,0.0213343903377362',\n      mapdata: {},\n      payValue: 3000\n    };\n  },\n\n  methods: {\n    selectArea: function selectArea(name) {\n      this.selectitem = name;\n    },\n    hover: function hover(name) {\n      this.hoveritem = name;\n    },\n    getMapData: function getMapData() {\n      var tempArr = this.csvdata.split('\\n');\n      for (var i = 0; i < tempArr.length; i++) {\n        tempArr[i] = tempArr[i].trim().split(',');\n        this.mapdata[tempArr[i][1]] = { price: tempArr[i][2], rate: tempArr[i][4], name: tempArr[i][0] };\n      }\n      console.dir(this.mapdata);\n    }\n  },\n  created: function created() {\n    this.getMapData();\n  },\n\n  filters: {\n    subto2: function subto2(value) {\n      value = value + '';\n      if (value.indexOf('.') > 0) {\n        var index = value.indexOf('.');\n        value = value.substr(0, index + 4);\n      }\n      return value;\n    }\n  }\n});\n\n/***/ }),\n/* 56 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  props: ['bgimg', 'content', 'content_en', 'index', 'leaveTitleIndex', 'leaveTitleTop', 'scrollY'],\n  data: function data() {\n    return {\n      container: []\n    };\n  },\n\n  computed: {\n    titleLeave: function titleLeave() {\n      if (this.index + '' === this.leaveTitleIndex + '') {\n        return { opacity: this.leaveTitleTop / (window.innerHeight / 2), transform: 'translateY(' + -10000 / this.leaveTitleTop + 'px)' };\n      } else {\n        return { opacity: '1' };\n      }\n    },\n    imgStyle: function imgStyle() {\n      return { backgroundPosition: '50% ' + this.scrollY * 100 / document.body.offsetHeight + '%', backgroundImage: 'url(' + this.bgimg + ')', backgroundSize: 'auto 140vh' };\n    }\n  }\n});\n\n/***/ }),\n/* 57 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({});\n\n/***/ }),\n/* 58 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  props: ['scrollY'],\n  computed: {\n    lasttext: function lasttext() {\n      if (this.scrollY > 7500) {\n        return { opacity: (this.scrollY - 7500) / 1500 };\n      } else {\n        return { opacity: '0' };\n      }\n    },\n    title1: function title1() {\n      if (this.scrollY > 100) {\n        return { transform: 'translateX( -' + (this.scrollY - 100) / 2 + 'px )' };\n      } else {\n        return {};\n      }\n    },\n    title2: function title2() {\n      if (this.scrollY > 350) {\n        return { transform: 'translateX( -' + (this.scrollY - 350) / 3 + 'px )' };\n      } else {\n        return {};\n      }\n    },\n    blockstyle: function blockstyle() {\n      if ((500 - this.scrollY - 12) / 3 > -156 && this.scrollY > 500) {\n        return { transform: 'translate(' + (500 - this.scrollY - 12) / 3 + 'vw, -171vw) rotate(25deg) ' };\n      } else if ((500 - this.scrollY - 12) / 3 < -156) {\n        return { transform: 'translate( -156vw, -171vw) rotate(25deg) ' };\n      } else if (this.scrollY > 8500) {\n        return { transform: 'translate(-156vw,-171vw) rotate(25deg)' };\n      } else {\n        return { transform: 'translate(-12vw,-171vw) rotate(25deg)' };\n      }\n    },\n    block1: function block1() {\n      if (this.scrollY > 4000) {\n        return { width: (this.scrollY - 4000) / 100 + '%', opacity: (this.scrollY - 4000) / 1000 };\n      } else {\n        return { width: '0%' };\n      }\n    },\n    block1text: function block1text() {\n      if (this.scrollY > 5500) {\n        return { opacity: (this.scrollY - 5500) / 1500 };\n      } else {\n        return { opacity: '0' };\n      }\n    },\n    block2: function block2() {\n      if (this.scrollY > 3068) {\n        return { height: (this.scrollY - 3068) / 100 + '%', opacity: (this.scrollY - 3068) / 1000 };\n      } else {\n        return { height: '0%' };\n      }\n    },\n    block2text: function block2text() {\n      if (this.scrollY > 3650) {\n        return { opacity: (this.scrollY - 3650) / 1500 };\n      } else {\n        return { opacity: '0' };\n      }\n    },\n    block4: function block4() {\n      if (this.scrollY > 2000) {\n        return { width: (this.scrollY - 2000) / 100 + '%', opacity: (this.scrollY - 1752) / 1000 };\n      } else {\n        return { width: '0%' };\n      }\n    },\n    block3text: function block3text() {\n      if (this.scrollY > 1752) {\n        return { opacity: (this.scrollY - 1752) / 1500 };\n      } else {\n        return { opacity: '0' };\n      }\n    },\n    block4text: function block4text() {\n      if (this.scrollY > 2361) {\n        return { opacity: (this.scrollY - 2361) / 1500 };\n      } else {\n        return { opacity: '0' };\n      }\n    }\n  },\n  methods: {},\n  mounted: function mounted() {},\n\n  watch: {\n    scrollY: function scrollY() {\n      if (this.scrollY >= 8500) {\n        $('.bgimg-container').css('position', 'absolute');\n        $('.bgimg-container').css('top', '8500px');\n        $('.last-text').css('position', 'absolute');\n        $('.last-text').css('top', 8500 + window.innerHeight / 2 + 'px');\n      } else {\n        $('.bgimg-container').css('position', 'fixed');\n        $('.bgimg-container').css('top', '0px');\n        $('.last-text').css('position', 'fixed');\n        $('.last-text').css('top', '50%');\n      }\n    }\n  }\n});\n\n/***/ }),\n/* 59 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({});\n\n/***/ }),\n/* 60 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({});\n\n/***/ }),\n/* 61 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({});\n\n/***/ }),\n/* 62 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue__ = __webpack_require__(3);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_element_ui__ = __webpack_require__(25);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_element_ui___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_element_ui__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_element_ui_lib_theme_default_index_css__ = __webpack_require__(26);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_element_ui_lib_theme_default_index_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_element_ui_lib_theme_default_index_css__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__App__ = __webpack_require__(27);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__App___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3__App__);\n// The Vue build version to load with the `import` command\n// (runtime-only or standalone) has been set in webpack.base.conf with an alias.\n\n\n\n\n\n__WEBPACK_IMPORTED_MODULE_0_vue__[\"default\"].config.productionTip = false;\n\n__WEBPACK_IMPORTED_MODULE_0_vue__[\"default\"].use(__WEBPACK_IMPORTED_MODULE_1_element_ui__[\"Slider\"]);\n\n/* eslint-disable no-new */\nnew __WEBPACK_IMPORTED_MODULE_0_vue__[\"default\"]({\n  el: '#app',\n  template: '<App/>',\n  components: { App: __WEBPACK_IMPORTED_MODULE_3__App___default.a }\n});\n\n/***/ }),\n/* 63 */,\n/* 64 */,\n/* 65 */,\n/* 66 */,\n/* 67 */,\n/* 68 */,\n/* 69 */,\n/* 70 */,\n/* 71 */,\n/* 72 */,\n/* 73 */,\n/* 74 */,\n/* 75 */,\n/* 76 */,\n/* 77 */,\n/* 78 */,\n/* 79 */,\n/* 80 */,\n/* 81 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 82 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 83 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 84 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 85 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 86 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 87 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 88 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 89 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 90 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 91 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 92 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 93 */\n/***/ (function(module, exports, __webpack_require__) {\n\nfunction injectStyle (ssrContext) {\n  __webpack_require__(88)\n}\nvar Component = __webpack_require__(2)(\n  /* script */\n  __webpack_require__(51),\n  /* template */\n  __webpack_require__(111),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-69bf1a6c\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 94 */\n/***/ (function(module, exports, __webpack_require__) {\n\nfunction injectStyle (ssrContext) {\n  __webpack_require__(84)\n}\nvar Component = __webpack_require__(2)(\n  /* script */\n  __webpack_require__(52),\n  /* template */\n  __webpack_require__(107),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-358636a8\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 95 */\n/***/ (function(module, exports, __webpack_require__) {\n\nfunction injectStyle (ssrContext) {\n  __webpack_require__(89)\n}\nvar Component = __webpack_require__(2)(\n  /* script */\n  __webpack_require__(53),\n  /* template */\n  __webpack_require__(112),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-75fb6e08\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 96 */\n/***/ (function(module, exports, __webpack_require__) {\n\nfunction injectStyle (ssrContext) {\n  __webpack_require__(81)\n}\nvar Component = __webpack_require__(2)(\n  /* script */\n  __webpack_require__(54),\n  /* template */\n  __webpack_require__(104),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-0aec8b58\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 97 */\n/***/ (function(module, exports, __webpack_require__) {\n\nfunction injectStyle (ssrContext) {\n  __webpack_require__(82)\n}\nvar Component = __webpack_require__(2)(\n  /* script */\n  __webpack_require__(55),\n  /* template */\n  __webpack_require__(105),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-196ac965\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 98 */\n/***/ (function(module, exports, __webpack_require__) {\n\nfunction injectStyle (ssrContext) {\n  __webpack_require__(85)\n}\nvar Component = __webpack_require__(2)(\n  /* script */\n  __webpack_require__(56),\n  /* template */\n  __webpack_require__(108),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-420cbd03\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 99 */\n/***/ (function(module, exports, __webpack_require__) {\n\nfunction injectStyle (ssrContext) {\n  __webpack_require__(87)\n}\nvar Component = __webpack_require__(2)(\n  /* script */\n  __webpack_require__(57),\n  /* template */\n  __webpack_require__(110),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-68f9f1b2\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 100 */\n/***/ (function(module, exports, __webpack_require__) {\n\nfunction injectStyle (ssrContext) {\n  __webpack_require__(83)\n}\nvar Component = __webpack_require__(2)(\n  /* script */\n  __webpack_require__(58),\n  /* template */\n  __webpack_require__(106),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-1f905300\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 101 */\n/***/ (function(module, exports, __webpack_require__) {\n\nfunction injectStyle (ssrContext) {\n  __webpack_require__(92)\n}\nvar Component = __webpack_require__(2)(\n  /* script */\n  __webpack_require__(59),\n  /* template */\n  __webpack_require__(115),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-b9df1584\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 102 */\n/***/ (function(module, exports, __webpack_require__) {\n\nfunction injectStyle (ssrContext) {\n  __webpack_require__(86)\n}\nvar Component = __webpack_require__(2)(\n  /* script */\n  __webpack_require__(60),\n  /* template */\n  __webpack_require__(109),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-5e23f24a\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 103 */\n/***/ (function(module, exports, __webpack_require__) {\n\nfunction injectStyle (ssrContext) {\n  __webpack_require__(91)\n}\nvar Component = __webpack_require__(2)(\n  /* script */\n  __webpack_require__(61),\n  /* template */\n  __webpack_require__(114),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  null,\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 104 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"likai-container\"\n  }, [_c('div', {\n    staticClass: \"text-container\"\n  }, [_c('div', {\n    staticClass: \"title-container\"\n  }, [_c('p', [_vm._v(\"北京的生活成本昂贵，房租如此之高，\")]), _vm._v(\" \"), _c('p', [_vm._v(\"为什么源源不断的人仍涌入这座城市？宁可呆在地下室也不愿意离开？\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"geci-container\"\n  }, [_c('p', {\n    staticStyle: {\n      \"margin-bottom\": \"20px\"\n    }\n  }, [_vm._v(\"也许汪峰《北京北京》作品里的歌词，曾痛彻很多人的心扉：\")]), _vm._v(\" \"), _c('div', {\n    staticClass: \"geci-block\"\n  }, [_c('p', [_vm._v(\"咖啡馆到广场有三个街区\")]), _vm._v(\" \"), _c('p', [_vm._v(\"就像霓虹灯到月亮的距离\")]), _vm._v(\" \"), _c('p', [_vm._v(\"在这儿我能感觉到我的存在\")]), _vm._v(\" \"), _c('p', [_vm._v(\"在这儿有太多让我眷恋的东西\")]), _vm._v(\" \"), _c('p', [_vm._v(\"我在这里活着也在这里死去\")]), _vm._v(\" \"), _c('p', [_vm._v(\"北京，北京\")])])])])])\n}]}\n\n/***/ }),\n/* 105 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', [_vm._m(0), _vm._v(\" \"), _c('div', {\n    staticClass: \"section-container\"\n  }, [_c('div', {\n    staticClass: \"map-container\"\n  }, [_vm._m(1), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-desc\"\n  }, [(!_vm.selectitem) ? _c('p', [_vm._v(\"①请点击地图选择区域\")]) : _vm._e(), _vm._v(\" \"), (_vm.selectitem) ? _c('p', [_vm._v(\"①您选择了 \"), _c('strong', {\n    staticClass: \"selectitem\"\n  }, [_vm._v(\" \" + _vm._s(_vm.mapdata[_vm.selectitem].name) + \" \")])]) : _vm._e()]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map\"\n  }, [_c('div', {\n    staticClass: \"map-top\"\n  }, [_c('div', {\n    staticClass: \"yanqing center bg1\",\n    class: {\n      darkbg1: (_vm.hoveritem == 'yanqing' || _vm.selectitem == 'yanqing')\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('yanqing')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('yanqing')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"延庆区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"1063.6\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"huairou center bg1\",\n    class: {\n      darkbg1: _vm.hoveritem === 'huairou' || _vm.selectitem == 'huairou'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('huairou')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('huairou')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"怀柔区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"1038.71\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"miyun center bg1\",\n    class: {\n      darkbg1: _vm.hoveritem === 'miyun' || _vm.selectitem == 'miyun'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('miyun')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('miyun')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"密云区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"844.73\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"pinggu center bg1\",\n    class: {\n      darkbg1: _vm.hoveritem === 'pinggu' || _vm.selectitem == 'pinggu'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('pinggu')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('pinggu')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"平谷区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"802.64\")])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-middle\"\n  }, [_c('div', {\n    staticClass: \"changping center bg3\",\n    class: {\n      darkbg3: _vm.hoveritem === 'changping' || _vm.selectitem == 'changping'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('changping')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('changping')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"昌平区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"1801.45\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"shunyi center bg3\",\n    class: {\n      darkbg3: _vm.hoveritem === 'shunyi' || _vm.selectitem == 'shunyi'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('shunyi')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('shunyi')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"顺义区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"pirce\"\n  }, [_vm._v(\"2081.08\")])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom\"\n  }, [_c('div', {\n    staticClass: \"map-bottom-left\"\n  }, [_c('div', {\n    staticClass: \"mentougou center bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'mentougou' || _vm.selectitem == 'mentougou'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('mentougou')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('mentougou')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"门头沟区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"1595.39\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"fangshan center bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'fangshan' || _vm.selectitem == 'fangshan'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('fangshan')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('fangshan')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"房山区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"1173.4\")])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle\"\n  }, [_c('div', {\n    staticClass: \"map-bottom-middle-top\"\n  }, [_c('div', {\n    staticClass: \"haidian center bg4\",\n    class: {\n      darkbg4: _vm.hoveritem === 'haidian' || _vm.selectitem == 'haidian'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('haidian')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('haidian')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"海淀区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"3351.46\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"chaoyang center bg4\",\n    class: {\n      darkbg4: _vm.hoveritem === 'chaoyang' || _vm.selectitem == 'chaoyang'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('chaoyang')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('chaoyang')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"朝阳区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"3426.13\")])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle-middle\"\n  }, [_c('div', {\n    staticClass: \"map-bottom-middle-middle-left\"\n  }, [_c('div', {\n    staticClass: \"map-bottom-middle-middle-left-left\"\n  }, [_c('div', {\n    staticClass: \"shijingshan center bg3\",\n    class: {\n      darkbg3: _vm.hoveritem === 'shijingshan' || _vm.selectitem == 'shijingshan'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('shijingshan')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('shijingshan')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"石景山区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"2420.72\")])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle-middle-left-right\"\n  }, [_c('div', {\n    staticClass: \"map-bottom-middle-middle-left-right-top\"\n  }, [_c('div', {\n    staticClass: \"xicheng center bg4\",\n    class: {\n      darkbg4: _vm.hoveritem === 'xicheng' || _vm.selectitem == 'xicheng'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('xicheng')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('xicheng')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"西城区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"4136.17\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"dongcheng center bg4\",\n    class: {\n      darkbg4: _vm.hoveritem === 'dongcheng' || _vm.selectitem == 'dongcheng'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('dongcheng')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('dongcheng')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"东城区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"4171.3\")])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle-middle-left-right-bottom\"\n  }, [_c('div', {\n    staticClass: \"fengtai center bg3\",\n    class: {\n      darkbg3: _vm.hoveritem === 'fengtai' || _vm.selectitem == 'fengtai'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('fengtai')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('fengtai')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"丰台区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"2476.36\")])])])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle-middle-right\"\n  }, [_c('div', {\n    staticClass: \"map-bottom-middle-middle-right-top bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'tongzhou' || _vm.selectitem == 'tongzhou'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('tongzhou')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('tongzhou')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle-middle-right-bottom bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'daxing' || _vm.selectitem == 'daxing'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('daxing')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('daxing')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  })])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle-bottom\"\n  }, [_c('div', {\n    staticClass: \"map-bottom-middle-bottom-left\"\n  }, [_c('div', {\n    staticClass: \"fangshan bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'fangshan' || _vm.selectitem == 'fangshan'\n    },\n    staticStyle: {\n      \"height\": \"100%\"\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('fangshan')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('fangshan')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  })]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle-bottom-right\"\n  }, [_c('div', {\n    staticClass: \"daxing bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'daxing' || _vm.selectitem == 'daxing'\n    },\n    staticStyle: {\n      \"height\": \"100%\"\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('daxing')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('daxing')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  })])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-right\"\n  }, [_c('div', {\n    staticClass: \"tongzhou center bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'tongzhou' || _vm.selectitem == 'tongzhou'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('tongzhou')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('tongzhou')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"通州区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"1581.49\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"daxing center bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'daxing' || _vm.selectitem == 'daxing'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('daxing')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('daxing')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"大兴区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"1715.54\")])])])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-desc\"\n  }, [(!_vm.payValue) ? _c('p', [_vm._v(\"②请选择您每月租金\")]) : _vm._e(), _vm._v(\" \"), (_vm.payValue) ? _c('p', [_vm._v(\"②您选择的每月租金是 \"), _c('strong', {\n    staticClass: \"payvalue\"\n  }, [_vm._v(_vm._s(_vm.payValue) + \"元\")])]) : _vm._e()]), _vm._v(\" \"), _c('div', {\n    staticClass: \"pay\"\n  }, [_vm._m(2), _vm._v(\" \"), _c('div', {\n    staticClass: \"pay-content\"\n  }, [_c('el-slider', {\n    attrs: {\n      \"step\": 10,\n      \"show-input\": \"\",\n      \"max\": 10000,\n      \"min\": 500\n    },\n    model: {\n      value: (_vm.payValue),\n      callback: function($$v) {\n        _vm.payValue = $$v\n      },\n      expression: \"payValue\"\n    }\n  })], 1)])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"house-container\"\n  }, [_c('div', {\n    staticClass: \"title\"\n  }, [_c('h1', [_vm._v(\"在北京，\")]), _vm._v(\" \"), (_vm.selectitem && _vm.payValue) ? _c('h4', [_vm._v(\"您每月 \"), _c('span', {\n    staticStyle: {\n      \"font-size\": \"30px\"\n    }\n  }, [_vm._v(_vm._s(_vm.payValue) + \"元\")]), _vm._v(\"的租金在 \"), _c('span', {\n    staticStyle: {\n      \"font-size\": \"30px\"\n    }\n  }, [_vm._v(_vm._s(_vm.mapdata[_vm.selectitem].name))]), _vm._v(\" 可以租到的房屋面积为：\")]) : _vm._e(), _vm._v(\" \"), (!_vm.selectitem || !_vm.payValue) ? _c('h4', [_vm._v(\"您需花多少钱，才能租到满意的房子？\")]) : _vm._e()]), _vm._v(\" \"), _c('div', {\n    staticClass: \"square-container\"\n  }, [(_vm.selectitem && _vm.payValue) ? _c('div', {\n    staticClass: \"square\",\n    style: ({\n      width: Math.sqrt(_vm.mapdata[_vm.selectitem].rate * _vm.payValue) * 3.6 + '%'\n    })\n  }, [(Math.sqrt(_vm.mapdata[_vm.selectitem].rate * _vm.payValue) * 3.6 > 20) ? _c('div', {\n    staticClass: \"left-top-arrow\"\n  }) : _vm._e(), _vm._v(\" \"), _c('div', {\n    staticClass: \"square-content\",\n    style: ({\n      fontSize: (12 + Math.sqrt(_vm.mapdata[_vm.selectitem].rate * _vm.payValue)) + 'px'\n    })\n  }, [_c('p', {\n    staticClass: \"square-content-text\"\n  }, [_vm._v(_vm._s(_vm._f(\"subto2\")(_vm.mapdata[_vm.selectitem].rate * _vm.payValue)) + \"㎡\")])]), _vm._v(\" \"), (Math.sqrt(_vm.mapdata[_vm.selectitem].rate * _vm.payValue) * 3.6 > 20) ? _c('div', {\n    staticClass: \"right-bottom-arrow\"\n  }) : _vm._e()]) : _vm._e(), _vm._v(\" \"), (!_vm.selectitem || !_vm.payValue) ? _c('div', {\n    staticClass: \"before-square\"\n  }, [_c('p', {\n    staticClass: \"before-square-text\"\n  }, [_vm._v(\"?\")])]) : _vm._e()])])])])\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"totle-title-container\"\n  }, [_c('h1', [_vm._v(\"假如你现在手上有一笔钱，用它来租哪块儿地方最划算？\")]), _vm._v(\" \"), _c('p', [_vm._v(\"选中区域，拖动下方的滑块，看看你能租到多大平米的房子吧！\")])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"map-title\"\n  }, [_c('h2', [_vm._v(\"北京各区域平均租金/月\")])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"pay-title\"\n  }, [_c('h3', [_vm._v(\"每月租金\")])])\n}]}\n\n/***/ }),\n/* 106 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"welcome-container\"\n  }, [_c('transition', {\n    attrs: {\n      \"name\": \"fade\"\n    }\n  }, [_c('div', {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: (_vm.scrollY < 6640),\n      expression: \"scrollY < 6640\"\n    }],\n    staticClass: \"groupfade\"\n  }, [_c('div', {\n    staticClass: \"title-container\"\n  }, [_c('h1', {\n    staticClass: \"title1\",\n    style: (_vm.title1)\n  }, [_vm._v(\"说到租房，北京的年轻人都哭了\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"title2\",\n    style: (_vm.title2)\n  }, [_vm._v(\"我们爬了两万条数据，用数据给你最精确的北京租房素描\")])]), _vm._v(\" \"), _c('transition', {\n    attrs: {\n      \"name\": \"fade\"\n    }\n  }, [(_vm.scrollY < 1900) ? _c('div', {\n    staticClass: \"footer-container\"\n  }, [_c('span', {\n    staticClass: \"icon-arrow-down2\"\n  })]) : _vm._e()]), _vm._v(\" \"), _c('div', {\n    staticClass: \"block-container\",\n    style: (_vm.blockstyle)\n  }, [_c('div', {\n    staticClass: \"block1-container\"\n  }, [_c('div', {\n    staticClass: \"block1\",\n    style: (_vm.block1)\n  }, [_c('div', {\n    staticClass: \"block1-text\",\n    style: (_vm.block1text)\n  }, [_c('p', [_vm._v(\"In these groups, \")]), _vm._v(\" \"), _c('p', [_vm._v(\"there are construction workers, nail divisions, programmers, waste recyclers,\")]), _vm._v(\" \"), _c('p', [_vm._v(\"most of them, are rented in this city\")])])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"block2-container\"\n  }, [_c('div', {\n    staticClass: \"block2\",\n    style: (_vm.block2)\n  }, [_c('div', {\n    staticClass: \"block2-text\",\n    style: (_vm.block2text)\n  }, [_c('p', [_vm._v(\"在这些人群中，有建筑工、美甲师、程序员、大学生、废品回收者，\")]), _vm._v(\" \"), _c('p', [_vm._v(\"也有银行职员和美国摄影师。\")]), _vm._v(\" \"), _c('p', [_vm._v(\"他们中的大多数,\")]), _vm._v(\" \"), _c('p', [_vm._v(\"都在这个城市租房\")])])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"block3-container\"\n  }, [_c('div', {\n    staticClass: \"block3\"\n  }, [_c('div', {\n    staticClass: \"block3-text\",\n    style: (_vm.block3text)\n  }, [_c('p', [_vm._v(\"每天，\")]), _vm._v(\" \"), _c('p', [_vm._v(\"平均有2100人拖着行李箱，抵达北京西站、\")]), _vm._v(\" \"), _c('p', [_vm._v(\"首都国际机场、长途汽车站…\")]), _vm._v(\" \"), _c('p', [_vm._v(\"涌入这个时而令人狂喜沸腾，\")]), _vm._v(\" \"), _c('p', [_vm._v(\"时而令人焦躁失望的地方\")])])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"block4-container\"\n  }, [_c('div', {\n    staticClass: \"block4\",\n    style: (_vm.block4)\n  }, [_c('div', {\n    staticClass: \"block4-text\",\n    style: (_vm.block4text)\n  }, [_c('p', [_vm._v(\"2100 people on average are dragging their suitcases eveyday, \")]), _vm._v(\" \"), _c('p', [_vm._v(\"shortly after they arrive at Beijing West Railway Station, \")]), _vm._v(\" \"), _c('p', [_vm._v(\"Capital International Airport, coach stations and so on.\")]), _vm._v(\" \"), _c('p', [_vm._v(\"Pouring into the city where people are either ravished with joy or hanging their heads in despair.\")])])])])])], 1)]), _vm._v(\" \"), _c('transition', {\n    attrs: {\n      \"name\": \"fade\"\n    }\n  }, [_c('div', {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: (_vm.scrollY > 6640),\n      expression: \"scrollY > 6640\"\n    }],\n    staticClass: \"bgimg-container\",\n    style: (_vm.blockstyle)\n  }, [_c('div', {\n    staticClass: \"bgimg\"\n  })])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"last-text\"\n  }, [_c('h1', {\n    staticClass: \"last-text-title\",\n    style: (_vm.lasttext)\n  }, [_vm._v(\"北京租房素描\")])])], 1)\n},staticRenderFns: []}\n\n/***/ }),\n/* 107 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"countrymap\"\n  }, [_vm._m(0), _vm._v(\" \"), _c('div', {\n    staticClass: \"chart-container\"\n  }, [_vm._m(1), _vm._v(\" \"), _c('div', {\n    staticClass: \"right-chart\",\n    on: {\n      \"scroll\": function($event) {\n        $event.preventDefault();\n      }\n    }\n  }, [_c('iframe', {\n    attrs: {\n      \"src\": \"http://www.dydata.io/preview.html?id=897290587812864000\",\n      \"scrolling\": \"no\",\n      \"border\": \"0\",\n      \"frameborder\": \"0\",\n      \"allowfullscreen\": \"false\",\n      \"width\": \"800\",\n      \"height\": \"1600\"\n    }\n  })])]), _vm._v(\" \"), _vm._m(2)])\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"title-container\"\n  }, [_c('h2', [_vm._v(\"那么，在北京租房子究竟有多难？\")]), _vm._v(\" \"), _c('p', [_vm._v(\"为了回答这个问题，我们特意爬取了2万多条数据，试图从中得到简介：\")])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"left-chart\"\n  }, [_c('iframe', {\n    attrs: {\n      \"src\": \"http://www.dydata.io/preview.html?id=896057332858036224\",\n      \"scrolling\": \"no\",\n      \"border\": \"0\",\n      \"frameborder\": \"0\",\n      \"allowfullscreen\": \"false\",\n      \"width\": \"800\",\n      \"height\": \"1600\"\n    }\n  })])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"text-container\"\n  }, [_c('div', {\n    staticClass: \"left-text\"\n  }, [_c('p', [_vm._v(\"全国主要城市人均月租金，表示在不同城市人们平均每月租房需要花的钱。从地图上能看出排名前三位的分别为：北京（2748元/月）、上海（2319元/月）、深圳（2211元/月）。北京是全国最贵的！\")]), _vm._v(\" \"), _c('p', [_vm._v(\"Monthly rent per person in major cities of China, indicating how much people need to spent on renting houses every month on average in different cities. It can be seen from the map that the top 3 cities are Beijing(￥2748/month), Shanghai(￥2319/month) and Shenzhen(￥ 2211/month ). Clearly, Beijing is the highest one of the country !\\n      \")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"right-text\"\n  }, [_c('p', [_vm._v(\"说完了人均月租金，当然也得聊聊收入。如果你的收入足够多，租个房子简直小菜一碟。不过对于大部分刚踏入社会的年轻人来说，这可不是一个小数字。租金收入比指的是每个月租房子要占我们收入的多大比例。租金收入比高，说明你每月工资的绝大部分都用来付房租了，用来看电影、吃饭、打王者荣耀、买衣服包包的钱就少了。听起来很令人沮丧吧！\\n      \")]), _vm._v(\" \"), _c('p', [_vm._v(\"更令人沮丧的是，地图中的数据告诉我们，房租收入比最高的还是北京，足足有58%！接下来是深圳（54%）、上海（48%）和三亚（48%）。这些地方的小伙伴生活真不易！\")]), _vm._v(\" \"), _c('p', [_vm._v(\"Per capita income should also be taken into account after we done . Of course if you earn enough, renting a houes would be nothing but a piece of cake. Sadly for most young people who just get into the real world, renting is not a small budget. Rent Income Ration(RIR) means the proportion for rent out of our salary every month. A high RIR shows that most of your monthly salary was for rent, leaving little money for films-watching, food, King of Glory, new clothes and bags. How frustrating it is !\\n      \")]), _vm._v(\" \"), _c('p', [_vm._v(\"What is worse, figure in the map proves that the highest RIR city is still Beijing, with a good dominant 58% ! Following cities are Shenzhen(54%), Shanghai(48%) and Sanya(48%). what a hard life my fellow friends are living !\\n      \")])])])\n}]}\n\n/***/ }),\n/* 108 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"container\",\n    class: 'container' + _vm.index\n  }, [_c('div', {\n    staticClass: \"bgimg\",\n    style: (_vm.imgStyle)\n  }, [_c('div', {\n    staticClass: \"title\",\n    class: 'title' + _vm.index,\n    style: (_vm.titleLeave)\n  }, [_c('p', {\n    staticClass: \"content\"\n  }, [_vm._v(_vm._s(_vm.content))]), _vm._v(\" \"), _c('p', {\n    staticClass: \"content_en\"\n  }, [_vm._v(_vm._s(_vm.content_en))])])])])\n},staticRenderFns: []}\n\n/***/ }),\n/* 109 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('p', {\n    staticClass: \"yinhao-container\"\n  }, [_c('span', {\n    staticClass: \"text\"\n  }, [_vm._v(\"“\")])])\n}]}\n\n/***/ }),\n/* 110 */\n/***/ (function(module, exports, __webpack_require__) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"shining_house\"\n  }, [_c('div', {\n    staticClass: \"cover\"\n  }, [_c('div', {\n    staticClass: \"cover-text-container\"\n  }, [_c('p', {\n    staticClass: \"cover-text\"\n  }, [_vm._v(\"\\n        当夜色降临时，绝大多数人都需要寻找一个休憩之所。在北京，一共有1390000套出租屋，它们散落在普通住宅楼、四合院、阁楼、地下室里，有时候也会以别墅的面貌出现。在这些出租屋中，住着5000000个形色各异、来去匆匆的人。\\n      \")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"cover-text-en\"\n  }, [_vm._v(\"\\n        When the day turn into night, most people will be needing a resting premises. In Beijing, all together there are 1,390,000 rental estates, scattering in conventional residential buildings, quadrangle courtyards, attics and basements, sometimes a villa. Accordingly, 5,000,000 unique individuals in hasty life are their residents.\\n      \")])])]), _vm._v(\" \"), _c('video', {\n    staticStyle: {\n      \"height\": \"100%\",\n      \"width\": \"100%\",\n      \"object-fit\": \"cover\"\n    },\n    attrs: {\n      \"autoplay\": \"\",\n      \"loop\": \"\",\n      \"id\": \"bgvid\"\n    }\n  }, [_c('source', {\n    attrs: {\n      \"src\": __webpack_require__(24),\n      \"type\": \"video/webm\"\n    }\n  }), _vm._v(\" \"), _c('source', {\n    attrs: {\n      \"src\": __webpack_require__(24),\n      \"type\": \"video/mp4\"\n    }\n  })])])\n}]}\n\n/***/ }),\n/* 111 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"ciyun\"\n  }, [_c('div', {\n    staticClass: \"text-container\"\n  }, [_c('p', [_vm._v(\"更多的人奔走在中介与中介之间，\")]), _vm._v(\" \"), _c('p', [_vm._v(\"在各大租房网站上挑花了眼，希望能找到价格便宜、干净整洁、离上班距离又近的房子。\")])]), _vm._v(\" \"), _c('div', {\n    attrs: {\n      \"id\": \"tagsList\"\n    }\n  }, [_c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"找室友\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"周边有银行\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"一厨一卫\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"三房一厅\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"有窗户\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"很通风\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"很明亮\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"房东直租\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"无中介费\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"可短租\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\" 8月底入住 \")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\" 限女生 \")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"超市菜市场\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"设施完善\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"装修清新\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"交通枢纽\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"双人大床\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\" 衣柜床头柜 \")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\" 交通便利 \")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\" 随时看房 \")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"精装单间\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"text-container\"\n  }, [_c('p', [_vm._v(\"在穿着西装革履的中介口中，在网页的摄影图片中\")]), _vm._v(\" \"), _c('p', [_vm._v(\"人们幻想自己租到的房子又大又明亮，无中介费无服务费，还有脾气温柔爱整洁的舍友\")])])])\n}]}\n\n/***/ }),\n/* 112 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"hot_map_container\",\n    on: {\n      \"mouseenter\": function($event) {\n        _vm.hover()\n      },\n      \"mouseleave\": function($event) {\n        _vm.leave()\n      },\n      \"click\": function($event) {\n        _vm.toggle()\n      }\n    }\n  }, [_c('transition', {\n    attrs: {\n      \"name\": \"fade\"\n    }\n  }, [(!_vm.isScale) ? _c('div', {\n    staticClass: \"cover\"\n  }) : _vm._e()]), _vm._v(\" \"), _c('div', {\n    staticClass: \"jietu-container\"\n  }), _vm._v(\" \"), _c('transition', {\n    attrs: {\n      \"name\": \"fadeslide\"\n    }\n  }, [(false) ? _c('div', {\n    staticClass: \"text-container\"\n  }, [_c('yinhao'), _vm._v(\" \"), _c('p', {\n    staticClass: \"text\"\n  }, [_vm._v(\"热力图上颜色越红的区域表示租金越高，越蓝表示租金越低。我们可以发现距离天安门最近的东城区和西城区租金最高，住在这里的年轻人们平均每月要花4150元才能租一个房间。海淀区和朝阳区也不例外，月租金平均约为3400元。而离市中心越远，租金相应会变得越少。这意味着人们的通勤时间会大大增加，每天要花2-3个小时在地铁上打瞌睡。\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"text\"\n  }, [_vm._v(\"Different colors on the heat map stand for rent varies from area to area. The redder, the higher; the bluer, the lower. We can see that Dongcheng and Xicheng Dictrict, the two districts nearest to Tiananmen Square, are the highest ones. Those who choose to live in both distrcts need to spend ￥4150 for one room every month. With￥3400 per month, Haidian and Chaoyang District are just as expected. Generally speaking, the farther away from downtown, the lower the rent. As a result, commuting time of those who live in suburbs is significantly longer than those who don't, dozing 2 to 3 hours on the subway every day.\")])], 1) : _vm._e()]), _vm._v(\" \"), _c('div', {\n    staticClass: \"bottom-text-container\"\n  }, [_c('div', {\n    staticClass: \"bottom-text\"\n  }, [_c('yinhao'), _vm._v(\" \"), _c('p', {\n    staticClass: \"text\"\n  }, [_vm._v(\"热力图上颜色越红的区域表示租金越高，越蓝表示租金越低。我们可以发现距离天安门最近的东城区和西城区租金最高，住在这里的年轻人们平均每月要花4150元才能租一个房间。海淀区和朝阳区也不例外，月租金平均约为3400元。而离市中心越远，租金相应会变得越少。这意味着人们的通勤时间会大大增加，每天要花2-3个小时在地铁上打瞌睡。\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"text\"\n  }, [_vm._v(\"Different colors on the heat map stand for rent varies from area to area. The redder, the higher; the bluer, the lower. We can see that Dongcheng and Xicheng Dictrict, the two districts nearest to Tiananmen Square, are the highest ones. Those who choose to live in both distrcts need to spend ￥4150 for one room every month. With￥3400 per month, Haidian and Chaoyang District are just as expected. Generally speaking, the farther away from downtown, the lower the rent. As a result, commuting time of those who live in suburbs is significantly longer than those who don't, dozing 2 to 3 hours on the subway every day.\")])], 1)])], 1)\n},staticRenderFns: []}\n\n/***/ }),\n/* 113 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    attrs: {\n      \"id\": \"app\"\n    }\n  }, [_c('welcome', {\n    attrs: {\n      \"scrollY\": _vm.scrollY\n    }\n  }), _vm._v(\" \"), _c('shining_house'), _vm._v(\" \"), _c('imgcontainer', {\n    attrs: {\n      \"bgimg\": 'http://image.dydata.io/ULCrBjf363c9srsG7MANcv.jpg',\n      \"content\": _vm.turan,\n      \"content_en\": _vm.turan_en,\n      \"index\": '1',\n      \"leaveTitleIndex\": _vm.leaveTitleIndex,\n      \"leaveTitleTop\": _vm.leaveTitleTop,\n      \"scrollY\": _vm.scrollY\n    }\n  }), _vm._v(\" \"), _c('ciyun'), _vm._v(\" \"), _c('imgcontainer', {\n    attrs: {\n      \"bgimg\": 'http://image.dydata.io/GqPweHzBcafUwxGA9Wyyah.jpg',\n      \"content\": _vm.raner,\n      \"content_en\": _vm.raner_en,\n      \"index\": '2',\n      \"leaveTitleIndex\": _vm.leaveTitleIndex,\n      \"leaveTitleTop\": _vm.leaveTitleTop,\n      \"scrollY\": _vm.scrollY\n    }\n  }), _vm._v(\" \"), _c('countrymap'), _vm._v(\" \"), _c('hot_map'), _vm._v(\" \"), _c('yingxiang'), _vm._v(\" \"), _c('map_to_rentArea'), _vm._v(\" \"), _c('likai'), _vm._v(\" \"), _c('ziliao')], 1)\n},staticRenderFns: []}\n\n/***/ }),\n/* 114 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"ziliao-container\"\n  }, [_c('div', {\n    staticClass: \"title\"\n  }, [_c('h4', [_vm._v(\"参考资料\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"decs\"\n  }, [_c('p', [_vm._v(\"1、北京市公安机关组织实有人口基础信息大调查百日专项工作\")]), _vm._v(\" \"), _c('p', [_vm._v(\"2、《北京社会治理发展报告（2016～2017）》\")]), _vm._v(\" \"), _c('p', [_vm._v(\"3、国家统计局、城市房价网、易居研究院  《50城房租收入比研究》\")]), _vm._v(\" \"), _c('p', [_vm._v(\"4、智谷趋势  《各大城市最新租房负担地图：有多少人在假装生活》2017年7月北京个行政区人均租金\")]), _vm._v(\" \"), _c('p', [_vm._v(\"5、链家网2017年8月近2万条最新租房数据（包括小区名、面积、距地铁距离、租金、朝向、楼层、经纬度等信息）\")])])])\n}]}\n\n/***/ }),\n/* 115 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"yinxiang-container\"\n  }, [_c('div', {\n    staticClass: \"title-container\"\n  }, [_c('h2', [_vm._v(\"影响房租的因素\")]), _vm._v(\" \"), _c('p', [_vm._v(\"除了地理区位之外，还有什么促使租金居高不下的原因？\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"chart-container\"\n  }, [_c('div', {\n    staticClass: \"left-container\"\n  }, [_c('iframe', {\n    attrs: {\n      \"src\": \"http://www.dydata.io/preview.html?id=897409700275101696\",\n      \"scrolling\": \"no\",\n      \"border\": \"0\",\n      \"frameborder\": \"0\",\n      \"allowfullscreen\": \"true\",\n      \"width\": \"1584\",\n      \"height\": \"1200\"\n    }\n  })]), _vm._v(\" \"), _c('div', {\n    staticClass: \"right-container\"\n  }, [_c('iframe', {\n    attrs: {\n      \"src\": \"http://www.dydata.io/preview.html?id=897468395071676416\",\n      \"scrolling\": \"no\",\n      \"border\": \"0\",\n      \"frameborder\": \"0\",\n      \"allowfullscreen\": \"true\",\n      \"width\": \"1000\",\n      \"height\": \"1000\"\n    }\n  })])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"text-container\"\n  }, [_c('p', {\n    staticClass: \"text\"\n  }, [_vm._v(\"通过比较分析你可以发现，左边的散点图有一定的趋势和形状，而右边的则是杂乱无章的。用专业的话来说，租金和房屋面积有一定的正相关关系，房屋面积越大，租金越高。同时房屋和地铁距离的大小并不像人们平时想象的那样，它对租金的影响并没有那么显著。\")])])])\n}]}\n\n/***/ })\n]),[62]);\n\n\n// WEBPACK FOOTER //\n// static/js/app.2beb57354d4fa650cb7f.js","module.exports = __webpack_public_path__ + \"static/media/rent_video_x264.d87ae7e.mp4\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./static/video/rent_video_x264.mp4\n// module id = 24\n// module chunks = 1","function injectStyle (ssrContext) {\n  require(\"!!../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-7c2c067a\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../node_modules/vue-loader/lib/selector?type=styles&index=0!./App.vue\")\n}\nvar Component = require(\"!../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"),\n  /* template */\n  require(\"!!../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-7c2c067a\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":\\\"src\\\",\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"}}!../node_modules/vue-loader/lib/selector?type=template&index=0!./App.vue\"),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  null,\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/App.vue\n// module id = 27\n// module chunks = 1","<template>\n  <div id=\"app\">\n    <welcome :scrollY=\"scrollY\"></welcome>\n    <shining_house></shining_house>\n    <imgcontainer :bgimg=\"'http://image.dydata.io/ULCrBjf363c9srsG7MANcv.jpg'\" :content=\"turan\" :content_en=\"turan_en\" :index=\"'1'\" :leaveTitleIndex=\"leaveTitleIndex\" :leaveTitleTop=\"leaveTitleTop\" :scrollY=\"scrollY\"></imgcontainer>\n    <ciyun></ciyun>\n    <imgcontainer :bgimg=\"'http://image.dydata.io/GqPweHzBcafUwxGA9Wyyah.jpg'\" :content=\"raner\" :content_en=\"raner_en\" :index=\"'2'\" :leaveTitleIndex=\"leaveTitleIndex\" :leaveTitleTop=\"leaveTitleTop\" :scrollY=\"scrollY\"></imgcontainer>\n    <countrymap></countrymap>\n    <hot_map></hot_map>\n    <yingxiang></yingxiang>\n    <map_to_rentArea> </map_to_rentArea>\n    <likai></likai>\n    <ziliao></ziliao>\n  </div>\n</template>\n\n<script>\n  import imgcontainer from './components/section'\n  import map_to_rentArea from './components/map_to_rentArea.vue'\n  import hot_map from './components/hot_map.vue'\n  import countrymap from './components/coutrymap.vue'\n  import shining_house from './components/shining_house.vue'\n  import ciyun from './components/ciyun.vue'\n  import  welcome from './components/welcome.vue'\n  import yingxiang from './components/yingxiang.vue'\n  import likai from './components/likai.vue'\n  import ziliao from './components/ziliao.vue'\n  export default {\n    data () {\n      return {\n        imgArr: [1, 2, 3, 4],\n        chooseOne: '',\n//     第几个元素的title的index\n        leaveTitleIndex: '',\n//      第几个元素title的顶部到浏览器顶部的距离\n        leaveTitleTop: '',\n        scrollY: '',\n        turan:'突然，“生活”不期而至。它犹如一头庞大、狡诈、杀气腾腾的猛兽，极有耐心地缓缓逼近，张开血盆大口，随时要将你吞下，在劫难逃。你说你想要一间那样的公寓？凭你刚毕业的资历和薪水，没有银行会答应你按揭买下它。退而求其次，你租房选择了租房。然而，即使是租房，你负担得起你曾幻想过的生活吗？',\n        turan_en:'All of a sudden, life happens. It comes toward you slowly and patienly, like some enormous, cunning, and murderous beast, ready to devour, impossible to escape. You were saying you wanted an apartment with bla bla bla ? Sorry, no bank would grant you a loan for a mortgage, being a newly graduate. Eventually you settle for renting. Still, can you afford the life you have imagined ?',\n        raner:'然而当他们真正拎着大包小包进入房间时，所有的幻想都破灭了。\\n 房子被隔断成五六间狭小的空间，板墙在暴风雨来临的时刻止不住地摇撼。卫生间的马桶是共用的，经常挂满污渍。水池的下水管道没有S形水弯，阵阵恶臭扑面而来。女孩儿们把洗好的衣服晾在楼道的栏杆上，或是挂在窗户凹槽上，希望明天不要下雨。',\n        raner_en:'However, when they actually unpack their luggage in their Dream House, the gilt is off.An intact house is usually divided into 5 or 6 rooms with no public space left, the living room included. The door is so thin that one punch can smash it, while the wood siding wall won\\'t stop shaking when the storm comes. Toilet in the bathroom is shared ,usually covered with stains. The S-shaped pipe between the sink and the sewer line is missing, reeking of repulsive smells. Girls hang up their laundry onto the handrail of the corridor or the grooves of the window, hoping it won\\'t rain the next day. '\n      }\n    },\n    name: 'app',\n    components: {\n      imgcontainer,\n      map_to_rentArea,\n      hot_map,\n      countrymap,\n      shining_house,\n      ciyun,\n      welcome,\n      yingxiang,\n      likai,\n      ziliao\n    },\n    mounted () {\n      var self = this\n      var containerArr = document.getElementsByClassName('container')\n      window.addEventListener('scroll', function () {\n        self.scrollY = window.scrollY\n        for (var i = 0; i < containerArr.length; i++) {\n          var itemtitle = document.querySelector('.title' + i)\n          var titleTop = itemtitle.offsetTop - window.scrollY\n          if (titleTop > -window.innerHeight / 2 && titleTop < window.innerHeight / 2) {\n            self.leaveTitleTop = titleTop\n            self.leaveTitleIndex = i\n          }\n        }\n      })\n    }\n  }\n</script>\n\n<style>\n\n</style>\n\n\n\n// WEBPACK FOOTER //\n// App.vue?fe24a364","<template>\n  <div class=\"ciyun\">\n    <div class=\"text-container\">\n      <p>更多的人奔走在中介与中介之间，</p>\n      <p>在各大租房网站上挑花了眼，希望能找到价格便宜、干净整洁、离上班距离又近的房子。</p>\n    </div>\n    <div id=\"tagsList\">\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">找室友</a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">周边有银行</a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">一厨一卫</a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">三房一厅</a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">有窗户</a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">很通风</a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">很明亮</a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">房东直租</a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">无中介费</a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">可短租</a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\"> 8月底入住 </a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\"> 限女生 </a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">超市菜市场</a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">设施完善</a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">装修清新</a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">交通枢纽</a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">双人大床</a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\"> 衣柜床头柜 </a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\"> 交通便利 </a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\"> 随时看房 </a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">精装单间</a >\n    </div>\n    <div class=\"text-container\">\n      <p>在穿着西装革履的中介口中，在网页的摄影图片中</p>\n      <p>人们幻想自己租到的房子又大又明亮，无中介费无服务费，还有脾气温柔爱整洁的舍友</p>\n    </div>\n  </div>\n</template>\n\n<script type=\"text/ecmascript-6\">\n  export default {}\n</script>\n\n<style scoped>\n  .ciyun{\n    background-color: rgb(64, 74, 89);\n    padding-top: 20px;\n  }\n  #tagsList {position:relative; width:800px; height:450px; margin:0 auto;  }\n  #tagsList a {position:absolute; top:0px; left:0px; font-family: Microsoft YaHei; color: rgba(255,255,255,0.7); font-weight:bold; text-decoration:none; padding: 3px 6px; }\n  #tagsList a:hover { color:rgba(255,255,255,1);}\n\n  .text-container{\n    text-align: center;\n    color: white;\n    padding: 60px 0px;\n    font-size: 16px;\n  }\n</style>\n\n\n// WEBPACK FOOTER //\n// ciyun.vue?0fced0b0","<template>\n  <div class=\"countrymap\">\n    <div class=\"title-container\">\n      <h2>那么，在北京租房子究竟有多难？</h2>\n      <p>为了回答这个问题，我们特意爬取了2万多条数据，试图从中得到简介：</p>\n    </div>\n    <div class=\"chart-container\">\n      <div class=\"left-chart\">\n        <iframe src=\"http://www.dydata.io/preview.html?id=896057332858036224\" scrolling=\"no\" border=\"0\" frameborder=\"0\" allowfullscreen=\"false\" width =\"800\" height=\"1600\"></iframe>\n      </div>\n      <div class=\"right-chart\" @scroll.prevent>\n        <iframe src=\"http://www.dydata.io/preview.html?id=897290587812864000\" scrolling=\"no\" border=\"0\" frameborder=\"0\" allowfullscreen=\"false\" width =\"800\" height=\"1600\"></iframe>\n      </div>\n    </div>\n    <div class=\"text-container\">\n      <div class=\"left-text\">\n        <p>全国主要城市人均月租金，表示在不同城市人们平均每月租房需要花的钱。从地图上能看出排名前三位的分别为：北京（2748元/月）、上海（2319元/月）、深圳（2211元/月）。北京是全国最贵的！</p>\n        <p>Monthly rent per person in major cities of China, indicating how much people need to spent on renting houses every month on average in different cities. It can be seen from the map that the top 3 cities are Beijing(￥2748/month), Shanghai(￥2319/month) and Shenzhen(￥ 2211/month ). Clearly, Beijing is the highest one of the country !\n        </p>\n      </div>\n      <div class=\"right-text\">\n        <p>说完了人均月租金，当然也得聊聊收入。如果你的收入足够多，租个房子简直小菜一碟。不过对于大部分刚踏入社会的年轻人来说，这可不是一个小数字。租金收入比指的是每个月租房子要占我们收入的多大比例。租金收入比高，说明你每月工资的绝大部分都用来付房租了，用来看电影、吃饭、打王者荣耀、买衣服包包的钱就少了。听起来很令人沮丧吧！\n        </p>\n        <p>更令人沮丧的是，地图中的数据告诉我们，房租收入比最高的还是北京，足足有58%！接下来是深圳（54%）、上海（48%）和三亚（48%）。这些地方的小伙伴生活真不易！</p>\n        <p>Per capita income should also be taken into account after we done . Of course if you earn enough, renting a houes would be nothing but a piece of cake. Sadly for most young people who just get into the real world, renting is not a small budget. Rent Income Ration(RIR) means the proportion for rent out of our salary every month. A high RIR shows that most of your monthly salary was for rent, leaving little money for films-watching, food, King of Glory, new clothes and bags. How frustrating it is !\n        </p>\n        <p>What is worse, figure in the map proves that the highest RIR city is still Beijing, with a good dominant 58% ! Following cities are Shenzhen(54%), Shanghai(48%) and Sanya(48%). what a hard life my fellow friends are living !\n        </p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script type=\"text/ecmascript-6\">\n  export default {}\n</script>\n\n<style scoped>\n.countrymap{\n  text-align: center;\n  background-color: rgb(64, 74, 89);\n  color: white;\n  padding-top: 20px;\n}\n.title-container{\n  padding-bottom: 20px;\n}\n.chart-container{\n  display: flex;\n  flex-wrap: wrap;\n}\n.left-chart{\n  height: 500px;\n  overflow: hidden;\n  flex-basis: 500px;\n  margin: 0 auto;\n}\n.right-chart{\n  flex-basis: 500px;\n  height: 500px;\n  overflow: hidden;\n  margin: 0 auto;\n}\n.text-container{\n  display: flex;\n  padding:50px;\n  text-align: left;\n  font-size: 14px;\n}\n  .left-text{\n    flex: 1;\n    padding: 20px;\n    padding-top: 0px;\n  }\n  .right-text{\n    flex: 1;\n    padding:20px;\n    padding-top: 0px;\n  }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// coutrymap.vue?97fffbd0","<template>\n  <div class=\"hot_map_container\" @mouseenter=\"hover()\" @mouseleave=\"leave()\" @click=\"toggle()\">\n   <transition name=\"fade\">\n     <div class=\"cover\" v-if=\"!isScale\"></div>\n   </transition>\n    <div class=\"jietu-container\"></div>\n    <transition name=\"fadeslide\">\n      <div class=\"text-container\" v-if=\"false\">\n        <yinhao></yinhao>\n        <p class=\"text\">热力图上颜色越红的区域表示租金越高，越蓝表示租金越低。我们可以发现距离天安门最近的东城区和西城区租金最高，住在这里的年轻人们平均每月要花4150元才能租一个房间。海淀区和朝阳区也不例外，月租金平均约为3400元。而离市中心越远，租金相应会变得越少。这意味着人们的通勤时间会大大增加，每天要花2-3个小时在地铁上打瞌睡。</p>\n        <p class=\"text\">Different colors on the heat map stand for rent varies from area to area. The redder, the higher; the bluer, the lower. We can see that Dongcheng and Xicheng Dictrict, the two districts nearest to Tiananmen Square, are the highest ones. Those who choose to live in both distrcts need to spend ￥4150 for one room every month. With￥3400 per month, Haidian and Chaoyang District are just as expected. Generally speaking, the farther away from downtown, the lower the rent. As a result, commuting time of those who live in suburbs is significantly longer than those who don't, dozing 2 to 3 hours on the subway every day.</p>\n      </div>\n    </transition>\n    <div class=\"bottom-text-container\">\n      <div class=\"bottom-text\">\n        <yinhao></yinhao>\n        <p class=\"text\">热力图上颜色越红的区域表示租金越高，越蓝表示租金越低。我们可以发现距离天安门最近的东城区和西城区租金最高，住在这里的年轻人们平均每月要花4150元才能租一个房间。海淀区和朝阳区也不例外，月租金平均约为3400元。而离市中心越远，租金相应会变得越少。这意味着人们的通勤时间会大大增加，每天要花2-3个小时在地铁上打瞌睡。</p>\n        <p class=\"text\">Different colors on the heat map stand for rent varies from area to area. The redder, the higher; the bluer, the lower. We can see that Dongcheng and Xicheng Dictrict, the two districts nearest to Tiananmen Square, are the highest ones. Those who choose to live in both distrcts need to spend ￥4150 for one room every month. With￥3400 per month, Haidian and Chaoyang District are just as expected. Generally speaking, the farther away from downtown, the lower the rent. As a result, commuting time of those who live in suburbs is significantly longer than those who don't, dozing 2 to 3 hours on the subway every day.</p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script type=\"text/ecmascript-6\">\n  import yinhao from '../components/yinhao.vue';\n  export default  {\n    components:{\n      yinhao\n    },\n    data () {\n      return {\n        ishover: false,\n        isScale: true\n      }\n    },\n    methods:{\n      hover () {\n        this.ishover = true\n      },\n      leave () {\n        this.ishover = false\n      },\n      toggle () {\n        this.isScale = !this.isScale\n      }\n    }\n  }\n</script>\n\n\n<style scoped>\n  .bottom-text-container{\n    padding: 50px;\n    background-color: rgb(64, 74, 89);\n    color: white;\n    text-align: left;\n  }\n\n  .jietu-container{\n    width: 100%;\n    height: 600px;\n    background-image: url(\"http://image.dydata.io/M4adwDNYC4Dutq9YH5XsG1.png\");\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: center center;\n  }\n  .decs_text{\n    font-size: 12px;\n    margin-left: 20px;\n  }\n .cover{\n   position: absolute;\n   top: 0;\n   left: 0;\n   right: 0;\n   bottom: 0;\n   background-color: rgba(0,0,0,0.3);\n   z-index: 100;\n }\n.hot_map_container{\n  position: relative;\n}\n\n.text-container{\n  background-color: rgb(64, 74, 89);\n  padding:20px;\n  color: white;\n  text-align: left;\n  font-size: 14px;\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 40vw;\n  height: 600px;\n  box-sizing: border-box;\n  overflow: auto;\n  z-index: 101;\n}\n.fadeslide-enter-active, .fadeslide-leave-active {\n  transition: all .5s\n}\n.fadeslide-enter, .fadeslide-leave-to /* .fade-leave-active in below version 2.1.8 */ {\n  opacity: 0;\n  transform:translateX(400px)\n}\n .fade-enter-active, .fade-leave-active {\n   transition: all .5s\n }\n .fade-enter, .fade-leave-to /* .fade-leave-active in below version 2.1.8 */ {\n   opacity: 0;\n }\n  .text{ \n    text-align: left;\n  }\n</style>\n\n\n\n\n// WEBPACK FOOTER //\n// hot_map.vue?2c818c7f","<template>\n  <div class=\"likai-container\">\n    <div class=\"text-container\">\n      <div class=\"title-container\">\n        <p>北京的生活成本昂贵，房租如此之高，</p>\n        <p>为什么源源不断的人仍涌入这座城市？宁可呆在地下室也不愿意离开？</p>\n      </div>\n      <div class=\"geci-container\">\n        <p style=\"margin-bottom: 20px\">也许汪峰《北京北京》作品里的歌词，曾痛彻很多人的心扉：</p>\n        <div class=\"geci-block\">\n          <p>咖啡馆到广场有三个街区</p>\n          <p>就像霓虹灯到月亮的距离</p>\n          <p>在这儿我能感觉到我的存在</p>\n          <p>在这儿有太多让我眷恋的东西</p>\n          <p>我在这里活着也在这里死去</p>\n          <p>北京，北京</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script type=\"text/ecmascript-6\">\n  export default {}\n</script>\n\n<style scoped>\n.likai-container{\n  padding: 80px 0px;\n  width: 100%;\n  min-height: 400px;\n  background-image: url(\"http://image.dydata.io/JzikNYE2cRQ631FLScuvjk.jpg\");\n  background-position: center center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-attachment: fixed;\n  position: relative;\n}\n  .text-container{\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%,-50%);\n    text-align: center;\n    color: white;\n    font-size: 18px;\n  }\n\n  .geci-container{\n    padding-top: 40px;\n  }\n</style>\n\n\n// WEBPACK FOOTER //\n// likai.vue?722eefbc","<template>\n  <div>\n    <div class=\"totle-title-container\">\n      <h1>假如你现在手上有一笔钱，用它来租哪块儿地方最划算？</h1>\n      <p>选中区域，拖动下方的滑块，看看你能租到多大平米的房子吧！</p>\n    </div>\n    <div class=\"section-container\">\n      <div class=\"map-container\">\n        <div class=\"map-title\">\n          <h2>北京各区域平均租金/月</h2>\n        </div>\n        <div class=\"map-desc\">\n          <p v-if=\"!selectitem\">①请点击地图选择区域</p>\n          <p v-if=\"selectitem\">①您选择了 <strong class=\"selectitem\"> {{mapdata[selectitem].name}} </strong></p>\n        </div>\n        <div class=\"map\">\n          <div class=\"map-top\">\n            <div class=\"yanqing center bg1\" @click=\"selectArea('yanqing')\"  @mouseenter=\"hover('yanqing')\"  @mouseleave=\"hover('')\"  :class=\"{ darkbg1:(hoveritem == 'yanqing' || selectitem == 'yanqing' )}\">\n              <p class=\"name\">延庆区</p>\n              <p class=\"price\">1063.6</p>\n            </div>\n            <div class=\"huairou center bg1\" @click=\"selectArea('huairou')\" @mouseenter=\"hover('huairou')\"  @mouseleave=\"hover('')\":class=\"{ darkbg1:hoveritem === 'huairou' || selectitem == 'huairou' }\">\n              <p class=\"name\">怀柔区</p>\n              <p class=\"price\">1038.71</p>\n            </div>\n            <div class=\"miyun center bg1\" @click=\"selectArea('miyun')\" @mouseenter=\"hover('miyun')\"  @mouseleave=\"hover('')\":class=\"{ darkbg1:hoveritem === 'miyun' || selectitem == 'miyun'}\">\n              <p class=\"name\">密云区</p>\n              <p class=\"price\">844.73</p>\n            </div>\n            <div class=\"pinggu center bg1\" @click=\"selectArea('pinggu')\" @mouseenter=\"hover('pinggu')\"  @mouseleave=\"hover('')\":class=\"{ darkbg1:hoveritem === 'pinggu' || selectitem == 'pinggu'}\">\n              <p class=\"name\">平谷区</p>\n              <p class=\"price\">802.64</p>\n            </div>\n          </div>\n          <div class=\"map-middle\">\n            <div class=\"changping center bg3\" @click=\"selectArea('changping')\" @mouseenter=\"hover('changping')\"  @mouseleave=\"hover('')\":class=\"{ darkbg3:hoveritem === 'changping' || selectitem == 'changping'}\">\n              <p class=\"name\">昌平区</p>\n              <p class=\"price\">1801.45</p>\n            </div>\n            <div class=\"shunyi center bg3\" @click=\"selectArea('shunyi')\" @mouseenter=\"hover('shunyi')\"  @mouseleave=\"hover('')\":class=\"{ darkbg3:hoveritem === 'shunyi' || selectitem == 'shunyi'}\">\n              <p class=\"name\">顺义区</p>\n              <p class=\"pirce\">2081.08</p>\n            </div>\n          </div>\n          <div class=\"map-bottom\">\n            <div class=\"map-bottom-left\">\n              <div class=\"mentougou center bg2\" @click=\"selectArea('mentougou')\"  @mouseenter=\"hover('mentougou')\"  @mouseleave=\"hover('')\":class=\"{ darkbg2:hoveritem === 'mentougou' || selectitem == 'mentougou'}\">\n                <p class=\"name\">门头沟区</p>\n                <p class=\"price\">1595.39</p>\n              </div>\n              <div class=\"fangshan center bg2\" @click=\"selectArea('fangshan')\" @mouseenter=\"hover('fangshan')\"  @mouseleave=\"hover('')\":class=\"{ darkbg2:hoveritem === 'fangshan' || selectitem == 'fangshan'}\">\n                <p class=\"name\">房山区</p>\n                <p class=\"price\">1173.4</p>\n              </div>\n            </div>\n            <div class=\"map-bottom-middle\">\n              <div class=\"map-bottom-middle-top\">\n                <div class=\"haidian center bg4\" @click=\"selectArea('haidian')\" @mouseenter=\"hover('haidian')\"  @mouseleave=\"hover('')\":class=\"{ darkbg4:hoveritem === 'haidian' || selectitem == 'haidian'}\">\n                  <p class=\"name\">海淀区</p>\n                  <p class=\"price\">3351.46</p>\n                </div>\n                <div class=\"chaoyang center bg4\" @click=\"selectArea('chaoyang')\" @mouseenter=\"hover('chaoyang')\"  @mouseleave=\"hover('')\":class=\"{ darkbg4:hoveritem === 'chaoyang' || selectitem == 'chaoyang'}\">\n                  <p class=\"name\">朝阳区</p>\n                  <p class=\"price\">3426.13</p>\n                </div>\n              </div>\n              <div class=\"map-bottom-middle-middle\">\n                <div class=\"map-bottom-middle-middle-left\">\n                  <div class=\"map-bottom-middle-middle-left-left\">\n                    <div class=\"shijingshan center bg3\" @click=\"selectArea('shijingshan')\" @mouseenter=\"hover('shijingshan')\"  @mouseleave=\"hover('')\":class=\"{ darkbg3:hoveritem === 'shijingshan' || selectitem == 'shijingshan'}\">\n                      <p class=\"name\">石景山区</p>\n                      <p class=\"price\">2420.72</p>\n                    </div>\n                  </div>\n                  <div class=\"map-bottom-middle-middle-left-right\">\n                    <div class=\"map-bottom-middle-middle-left-right-top\">\n                      <div class=\"xicheng center bg4\" @click=\"selectArea('xicheng')\" @mouseenter=\"hover('xicheng')\"  @mouseleave=\"hover('')\":class=\"{ darkbg4:hoveritem === 'xicheng' || selectitem == 'xicheng'}\">\n                        <p class=\"name\">西城区</p>\n                        <p class=\"price\">4136.17</p>\n                      </div>\n                      <div class=\"dongcheng center bg4\" @click=\"selectArea('dongcheng')\" @mouseenter=\"hover('dongcheng')\"  @mouseleave=\"hover('')\":class=\"{ darkbg4:hoveritem === 'dongcheng' || selectitem == 'dongcheng'}\" >\n                        <p class=\"name\">东城区</p>\n                        <p class=\"price\">4171.3</p>\n                      </div>\n                    </div>\n                    <div class=\"map-bottom-middle-middle-left-right-bottom\">\n                      <div class=\"fengtai center bg3\" @click=\"selectArea('fengtai')\" @mouseenter=\"hover('fengtai')\"  @mouseleave=\"hover('')\":class=\"{ darkbg3:hoveritem === 'fengtai' || selectitem == 'fengtai'}\">\n                        <p class=\"name\">丰台区</p>\n                        <p class=\"price\">2476.36</p>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"map-bottom-middle-middle-right\">\n                  <div class=\"map-bottom-middle-middle-right-top bg2\" @click=\"selectArea('tongzhou')\" @mouseenter=\"hover('tongzhou')\"  @mouseleave=\"hover('')\":class=\"{ darkbg2:hoveritem === 'tongzhou' || selectitem == 'tongzhou'}\"></div>\n                  <div class=\"map-bottom-middle-middle-right-bottom bg2\" @click=\"selectArea('daxing')\" @mouseenter=\"hover('daxing')\"  @mouseleave=\"hover('')\":class=\"{ darkbg2:hoveritem === 'daxing' || selectitem == 'daxing'}\"></div>\n                </div>\n              </div>\n              <div class=\"map-bottom-middle-bottom\">\n                <div class=\"map-bottom-middle-bottom-left\">\n                  <div class=\"fangshan bg2\" style=\"height: 100%;\" @click=\"selectArea('fangshan')\" @mouseenter=\"hover('fangshan')\"  @mouseleave=\"hover('')\":class=\"{ darkbg2:hoveritem === 'fangshan' || selectitem == 'fangshan'}\"></div>\n                </div>\n                <div class=\"map-bottom-middle-bottom-right\">\n                  <div class=\"daxing bg2\" style=\"height: 100%\" @click=\"selectArea('daxing')\" @mouseenter=\"hover('daxing')\"  @mouseleave=\"hover('')\":class=\"{ darkbg2:hoveritem === 'daxing' || selectitem == 'daxing'}\"></div>\n                </div>\n              </div>\n            </div>\n            <div class=\"map-bottom-right\">\n              <div class=\"tongzhou center bg2\" @click=\"selectArea('tongzhou')\" @mouseenter=\"hover('tongzhou')\"  @mouseleave=\"hover('')\":class=\"{ darkbg2:hoveritem === 'tongzhou' || selectitem == 'tongzhou'}\">\n                <p class=\"name\">通州区</p>\n                <p class=\"price\">1581.49</p>\n              </div>\n              <div class=\"daxing center bg2\" @click=\"selectArea('daxing')\" @mouseenter=\"hover('daxing')\"  @mouseleave=\"hover('')\":class=\"{ darkbg2:hoveritem === 'daxing' || selectitem == 'daxing'}\">\n                <p class=\"name\">大兴区</p>\n                <p class=\"price\">1715.54</p>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"map-desc\">\n          <p v-if=\"!payValue\">②请选择您每月租金</p>\n          <p v-if=\"payValue\">②您选择的每月租金是 <strong class=\"payvalue\">{{payValue}}元</strong></p>\n        </div>\n        <div class=\"pay\">\n          <div class=\"pay-title\">\n            <h3>每月租金</h3>\n          </div>\n          <div class=\"pay-content\">\n            <el-slider v-model=\"payValue\" :step=\"10\" show-input :max=\"10000\" :min=\"500\"></el-slider>\n          </div>\n        </div>\n      </div>\n      <div class=\"house-container\">\n        <div class=\"title\">\n          <h1>在北京，</h1>\n          <h4 v-if=\"selectitem && payValue\">您每月 <span style=\"font-size: 30px\">{{payValue}}元</span>的租金在 <span style=\"font-size: 30px\">{{mapdata[selectitem].name}}</span> 可以租到的房屋面积为：</h4>\n          <h4 v-if=\"!selectitem || !payValue\">您需花多少钱，才能租到满意的房子？</h4>\n        </div>\n        <div class=\"square-container\">\n          <div class=\"square\" v-if=\"selectitem && payValue\" :style=\"{width: Math.sqrt(mapdata[selectitem].rate * payValue)*3.6 + '%'}\">\n            <div class=\"left-top-arrow\" v-if=\"Math.sqrt(mapdata[selectitem].rate * payValue)*3.6 > 20\"></div>\n            <div class=\"square-content\" :style=\"{fontSize: (12 + Math.sqrt(mapdata[selectitem].rate * payValue)) + 'px' }\">\n              <p class=\"square-content-text\">{{mapdata[selectitem].rate * payValue | subto2}}㎡</p>\n            </div>\n            <div class=\"right-bottom-arrow\" v-if=\"Math.sqrt(mapdata[selectitem].rate * payValue)*3.6 > 20\"></div>\n          </div>\n          <div class=\"before-square\"  v-if=\"!selectitem || !payValue\">\n            <p class=\"before-square-text\">?</p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script type=\"text/ecmascript-6\">\n  export default {\n    data () {\n      return{\n        hoveritem:'',\n        selectitem:'',\n        csvdata: `延庆区,yanqing,1063.6,29.0601092896175,0.0344114328694998\n                  怀柔区,huairou,1038.71,28.3800546448087,0.035236013901859\n                  密云区,miyun,844.73,23.0800546448087,0.043327453742616\n                  平谷区,pinggu,802.64,21.9300546448087,0.04559952157879\n                  昌平区,changping,1801.45,49.2199453551913,0.0203169668877848\n                  顺义区,shunyi,2081.08,56.8601092896175,0.0175870221231284\n                  门头沟区,mentougou,1595.39,43.5898907103825,0.0229410990416136\n                  海淀区,haidian,3351.46,91.5699453551913,0.0109206137026848\n                  朝阳区,chaoyang,3426.13,93.6101092896175,0.0106826069063346\n                  通州区,tongzhou,1581.49,43.2101092896175,0.0231427324864526\n                  房山区,fangshan,1173.40,32.06,0.0311914095790012\n                  石景山区,shijingshan,2420.72,66.1398907103825,0.0151194685878582\n                  西城区,xicheng,4136.17,113.010109289617,0.0088487658872822\n                  东城区,dongcheng,4171.30,113.97,0.00877424304173759\n                  丰台区,fengtai,2476.36,67.6601092896175,0.0147797573858405\n                  大兴区,daxing,1715.54,46.8726775956284,0.0213343903377362`,\n        mapdata: {},\n        payValue:3000\n      }\n    },\n    methods:{\n      selectArea (name) {\n        this.selectitem = name;\n      },\n      hover (name) {\n        this.hoveritem = name\n      },\n      getMapData () {\n        var tempArr = this.csvdata.split('\\n');\n        for(var i =0;i<tempArr.length;i++){\n          tempArr[i] = tempArr[i].trim().split(',');\n          this.mapdata[tempArr[i][1]] = { price:tempArr[i][2], rate:tempArr[i][4], name:tempArr[i][0]}\n        }\n        console.dir(this.mapdata);\n      }\n    },\n    created () {\n      this.getMapData()\n    },\n    filters :{\n      subto2 (value) {\n        value = value + '';\n        if (value.indexOf('.')>0){\n          var index = value.indexOf('.');\n          value = value.substr(0,index+4);\n        }\n        return value\n      }\n    }\n  }\n</script>\n\n<style scoped>\n\n  .totle-title-container{\n    padding: 20px 0px;\n    text-align: center;\n  }\n  .bg4 {\n    background-color: rgba(2,42,76,0.8);\n  }\n  .bg3 {\n    background-color: rgba(8,77,139,0.8);\n  }\n  .bg2 {\n    background-color: rgba(15,106,193,0.8);\n  }\n  .bg1 {\n    background-color: rgba(50,154,252,0.8);\n  }\n  .darkbg4 {\n    background-color: rgba(2,42,76,1);\n  }\n  .darkbg3 {\n    background-color: rgba(8,77,139,1);\n  }\n  .darkbg2 {\n    background-color: rgba(15,106,193,1);\n  }\n  .darkbg1{\n    background-color: rgba(50,154,252,1);\n  }\n  .section-container{\n    width: 100%;\n    display: flex;\n    flex-wrap:wrap;\n    align-items: center;\n  }\n  .map-container{\n    flex-grow: 1;\n    flex-basis: 500px;\n    padding:20px;\n    padding-right: 40px;\n  }\n  .map-title{\n    text-align: center;\n  }\n\n  .map-desc{\n    text-align: center;\n    color: gray;\n  }\n  .map{\n    background-color: white;\n    width: 100%;\n    height: 400px;\n    overflow: hidden;\n    color: white;\n    cursor: pointer;\n  }\n  .map-top{\n    height: 25%;\n    width: 100%;\n    display: flex;\n    box-sizing: border-box;\n  }\n  .center{\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n  }\n  .center p{\n    margin: 0.6em;\n  }\n  .center .price{\n    font-size: 12px;\n    font-weight: lighter;\n    background-color: rgb(252,98,65);\n    padding: 2px 10px;\n    border-radius: 3px;\n    color: ;\n  }\n  .center .name{\n    margin: 0.5em;\n  }\n  .yanqing{\n    flex: 2;\n    height: 100%;\n    border-right: 1px solid rgba(255,255,255,0.2);\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .huairou{\n    flex: 1;\n    height: 100%;\n    border-right: 1px solid rgba(255,255,255,0.2);\n    border-right: 1px solid rgba(255,255,255,0.2);\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .miyun{\n    flex: 1;\n    height: 100%;\n    border-right: 1px solid rgba(255,255,255,0.2);\n    border-right: 1px solid rgba(255,255,255,0.2);\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .pinggu{\n    flex: 2;\n    border-right: 1px solid rgba(255,255,255,0.2);\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .map-middle{\n    height: 15%;\n    width: 100%;\n    display: flex;\n  }\n  .changping{\n    flex: 1;\n    border-right: 1px solid rgba(255,255,255,0.2);\n    border-bottom: 1px solid rgba(255,255,255,0.2);\n    border-top: 1px solid rgba(255,255,255,0.2);\n    border-right: 1px solid rgba(255,255,255,0.2);\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .shunyi{\n    flex: 1;\n    border-right: 1px solid rgba(255,255,255,0.2);\n    border-bottom: 1px solid rgba(255,255,255,0.2);\n    border-top: 1px solid rgba(255,255,255,0.2);\n    border-right: 1px solid rgba(255,255,255,0.2);\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .map-bottom{\n    height: 60%;\n    width: 100%;\n    display: flex;\n  }\n  .map-bottom-left{\n    flex: 1;\n    height: 100%;\n  }\n  .mentougou{\n    height: 50%;\n    width: 100%;\n    border-right: 1px solid rgba(255,255,255,0.2);\n    border-bottom: 1px solid rgba(255,255,255,0.2);\n    border-right: 1px solid rgba(255,255,255,0.2);\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .fangshan{\n    height: 50%;\n    width: 100%;\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .map-bottom-middle{\n    flex: 3;\n    height: 100%;\n  }\n  .map-bottom-middle-top{\n    width:100%;\n    height:25%;\n    display: flex;\n  }\n  .haidian{\n    flex: 1;\n    border-right: 1px solid rgba(255,255,255,0.2);\n    border-bottom: 1px solid rgba(255,255,255,0.2);\n    border-left: 1px solid rgba(255,255,255,0.2);\n    border-right: 1px solid rgba(255,255,255,0.2);\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .chaoyang{\n    flex: 1;\n    border-right: 1px solid rgba(255,255,255,0.2);\n    border-bottom: 1px solid rgba(255,255,255,0.2);\n    border-right: 1px solid rgba(255,255,255,0.2);\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .map-bottom-middle-middle{\n    width: 100%;\n    height: 60%;\n    display: flex;\n  }\n  .map-bottom-middle-middle-left{\n    flex: 6;\n    height: 100%;\n    display: flex;\n  }\n  .map-bottom-middle-middle-left-left{\n    height: 100%;\n    flex: 1;\n  }\n  .map-bottom-middle-middle-left-right{\n    flex: 2;\n    height: 100%;\n  }\n  .map-bottom-middle-middle-left-right-top{\n    height: 50%;\n    display: flex;\n  }\n  .xicheng{\n    flex: 1;\n    border-right: 1px solid rgba(255,255,255,0.2);\n    border-bottom: 1px solid rgba(255,255,255,0.2);\n    border-left: 1px solid rgba(255,255,255,0.2);\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .dongcheng{\n    flex: 1;\n    border-right: 1px solid rgba(255,255,255,0.2);\n    border-bottom: 1px solid rgba(255,255,255,0.2);\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .map-bottom-middle-middle-left-right-bottom{\n    height: 50%;\n  }\n  .fengtai{\n    height: 100%;\n    border-right: 1px solid rgba(255,255,255,0.2);\n    border-bottom: 1px solid rgba(255,255,255,0.2);\n    border-left: 1px solid rgba(255,255,255,0.2);\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .shijingshan{\n    height:100%;\n    border-left: 1px solid rgba(255,255,255,0.2);\n    border-bottom: 1px solid rgba(255,255,255,0.2);\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .map-bottom-middle-middle-right{\n    flex: 1;\n    height: 100%;\n  }\n  .map-bottom-middle-middle-right-top{\n    height: 42%;\n    border-bottom: 1px solid rgba(255,255,255,0.2);\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .map-bottom-middle-middle-right-bottom{\n    height: 57.5%;\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n\n\n  .map-bottom-middle-bottom{\n    width: 100%;\n    height: 15%;\n    display: flex;\n  }\n  .map-bottom-middle-bottom-left{\n    flex: 1;\n    height: 100%;\n  }\n  .map-bottom-middle-bottom-right{\n    flex: 1;\n    height: 100%;\n  }\n\n\n\n  .map-bottom-right{\n    flex: 1;\n    height: 100%;\n  }\n  .tongzhou{\n    height: 50%;\n    width: 100%;\n    border-bottom: 1px solid rgba(255,255,255,0.2);\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .daxing{\n    height: 50%;\n    width: 100%;\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n\n\n\n  .house-container{\n    flex-grow: 1;\n    flex-basis: 500px;\n    min-height: 500px;\n    border-left: 1px dashed rgba(15,106,193,0.8);\n    padding: 20px;\n  }\n  .house-container .title{\n    height: 110px;\n  }\n  .pay{\n    padding: 20px;\n    padding-top: 0px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n  .pay-title{\n    flex: 2;\n    font-size: 14px;\n  }\n  .pay-content{\n    flex: 10;\n  }\n  .payvalue{\n    display: inline-block;\n    padding:1px 20px;\n    background-color: #20a0ff;\n    border-radius: 40px;\n    color: white;\n  }\n  .selectitem{\n    display: inline-block;\n    padding:1px 20px;\n    background-color: #20a0ff;\n    border-radius: 40px;\n    color: white;\n  }\n  .square-container{\n    position: relative;\n    height: 400px;\n  }\n  .square{\n    position: absolute;\n    top:50%;\n    left:50%;\n    transform: translate(-50%,-50%);\n    width: 67px;\n    border-radius: 10px;\n    overflow: hidden;\n    background-color: rgba(0,0,0,0.5);\n    -webkit-transition: all 0.5s;\n    -moz-transition: all  0.5s;\n    -ms-transition: all  0.5s;\n    -o-transition: all  0.5s;\n    transition: all  0.5s;\n  }\n  .before-square{\n    position: absolute;\n    top:50%;\n    left:50%;\n    transform: translate(-50%,-50%);\n    width: 240px;\n    height: 240px;\n    border-radius: 10px;\n    overflow: hidden;\n    background-color: rgba(0,0,0,0.5);\n    -webkit-transition: all 0.5s;\n    -moz-transition: all  0.5s;\n    -ms-transition: all  0.5s;\n    -o-transition: all  0.5s;\n    transition: all  0.5s;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .before-square-text{\n    font-size: 70px;\n    color: white;\n  }\n  .square-content{\n    position: absolute;\n    top:50%;\n    left:50%;\n    transform: translate(-50%,-50%);\n  }\n  .square-content-text{\n    color: white;\n    -webkit-transition: all 0.5s;\n    -moz-transition: all 0.5s;\n    -ms-transition: all 0.5s;\n    -o-transition: all 0.5s;\n    transition: all 0.5s;\n  }\n  .square::after{\n    content: '';\n    margin-top: 80%;\n    display: block;\n  }\n  .left-top-arrow{\n    background-image: url(\"http://image.dydata.io/SZkzoRhanWVAJ8rSAKcUZe.png\");\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-position: center center;\n    overflow: hidden;\n    width: 20px;\n    height: 20px;\n    position: absolute;\n    left: 5px;\n    top: 5px;\n  }\n  .right-bottom-arrow{\n    background-image: url(\"http://image.dydata.io/Wt9nqixahnRY9SK9iEvJYf.png\");\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-position: center center;\n    overflow: hidden;\n    width: 20px;\n    height: 20px;\n    position: absolute;\n    right: 5px;\n    bottom: 5px;\n  }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// map_to_rentArea.vue?4311abc2","<template>\n  <div class=\"container\" :class=\"'container' + index \">\n    <div class=\"bgimg\" :style=\"imgStyle\">\n      <div class=\"title\" :class=\"'title' + index\" :style=\"titleLeave\">\n        <p class=\"content\">{{content}}</p>\n        <p class=\"content_en\">{{content_en}}</p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script type=\"text/ecmascript-6\">\n  export default {\n    props: ['bgimg', 'content', 'content_en', 'index', 'leaveTitleIndex', 'leaveTitleTop', 'scrollY'],\n    data () {\n      return {\n        container: []\n      }\n    },\n    computed: {\n      titleLeave () {\n        if (this.index + '' === this.leaveTitleIndex + '') {\n          return { opacity: this.leaveTitleTop / (window.innerHeight / 2), transform: 'translateY(' + (-10000) / this.leaveTitleTop + 'px)' }\n        } else {\n          return { opacity: '1' }\n        }\n      },\n      imgStyle () {\n        return { backgroundPosition: '50% ' + this.scrollY * 100 / document.body.offsetHeight + '%', backgroundImage: 'url(' + this.bgimg + ')', backgroundSize: 'auto 140vh' }\n      }\n    }\n  }\n</script>\n\n<style scoped>\n  .container{\n    height: 100vh;\n  }\n  .bgimg{\n    height: 100vh;\n    background-repeat: no-repeat;\n    background-attachment: fixed;\n    background-size: cover;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0px 40px 0px 40px;\n  }\n  .title{\n    font-size: 18px;\n    color: ghostwhite;\n    background-color: rgba(0, 0, 0, 0.7);\n    width: 60%;\n    text-align: left;\n    padding:0px 40px;\n  }\n  .content_en{\n    font-size: 12px;\n  }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// section.vue?5ee5d474","<template>\n  <div class=\"shining_house\">\n    <div class=\"cover\">\n      <div class=\"cover-text-container\">\n        <p class=\"cover-text\">\n          当夜色降临时，绝大多数人都需要寻找一个休憩之所。在北京，一共有1390000套出租屋，它们散落在普通住宅楼、四合院、阁楼、地下室里，有时候也会以别墅的面貌出现。在这些出租屋中，住着5000000个形色各异、来去匆匆的人。\n        </p>\n        <p class=\"cover-text-en\">\n          When the day turn into night, most people will be needing a resting premises. In Beijing, all together there are 1,390,000 rental estates, scattering in conventional residential buildings, quadrangle courtyards, attics and basements, sometimes a villa. Accordingly, 5,000,000 unique individuals in hasty life are their residents.\n        </p>\n      </div>\n    </div>\n    <video autoplay loop id=\"bgvid\" style=\"height: 100%;width: 100%;object-fit:cover\">\n      <source src=\"../../static/video/rent_video_x264.mp4\" type=\"video/webm\">\n      <source src=\"../../static/video/rent_video_x264.mp4\" type=\"video/mp4\">\n    </video>\n  </div>\n</template>\n\n<script type=\"text/ecmascript-6\">\n  export default {}\n</script>\n\n<style scoped>\n.shining_house{\n  height:700px;\n  background-color: rgba(0,0,0,0.5);\n  position: relative;\n  overflow: hidden;\n}\n\n.cover{\n  position: absolute;\n  top:0px;\n  bottom: 0px;\n  left: 0px;\n  right: 0px;\n  z-index: 100;\n  background-color: rgba(0,0,0,0.6);\n  color: white;\n}\n.cover-text-container{\n  width: 60%;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%,-50%);\n  z-index: 101;\n}\n.cover-text{\n  font-size: 18px;\n}\n.cover-text-en{\n  font-size: 12px;\n}\n#bgvid{\n  position:absolute;\n  top: 0;\n  left: 0;\n  z-index: 99;\n}\n</style>\n\n\n\n// WEBPACK FOOTER //\n// shining_house.vue?2b7417d3","<template>\n  <div class=\"welcome-container\">\n    <transition name=\"fade\">\n      <div class=\"groupfade\" v-show=\"scrollY < 6640\">\n        <div class=\"title-container\">\n          <h1 class=\"title1\" :style=\"title1\">说到租房，北京的年轻人都哭了</h1>\n          <p  class=\"title2\" :style=\"title2\">我们爬了两万条数据，用数据给你最精确的北京租房素描</p>\n        </div>\n        <transition name=\"fade\">\n          <div class=\"footer-container\" v-if=\"scrollY < 1900\">\n            <span class=\"icon-arrow-down2\"></span>\n          </div>\n        </transition>\n        <div class=\"block-container\" :style=\"blockstyle\">\n          <div class=\"block1-container\">\n            <div class=\"block1\" :style=\"block1\">\n              <div class=\"block1-text\" :style=\"block1text\">\n                <p>In these groups, </p>\n                <p>there are construction workers, nail divisions, programmers, waste recyclers,</p>\n                <p>most of them, are rented in this city</p>\n              </div>\n            </div>\n          </div>\n          <div class=\"block2-container\">\n            <div class=\"block2\" :style=\"block2\">\n              <div class=\"block2-text\" :style=\"block2text\">\n                <p>在这些人群中，有建筑工、美甲师、程序员、大学生、废品回收者，</p>\n                <p>也有银行职员和美国摄影师。</p>\n                <p>他们中的大多数,</p>\n                <p>都在这个城市租房</p>\n              </div>\n            </div>\n          </div>\n          <div class=\"block3-container\">\n            <div class=\"block3\">\n              <div class=\"block3-text\" :style=\"block3text\">\n                <p>每天，</p>\n                <p>平均有2100人拖着行李箱，抵达北京西站、</p>\n                <p>首都国际机场、长途汽车站…</p>\n                <p>涌入这个时而令人狂喜沸腾，</p>\n                <p>时而令人焦躁失望的地方</p>\n              </div>\n            </div>\n          </div>\n          <div class=\"block4-container\">\n            <div class=\"block4\" :style=\"block4\">\n              <div class=\"block4-text\" :style=\"block4text\">\n                <p>2100 people on average are dragging their suitcases eveyday, </p>\n                <p>shortly after they arrive at Beijing West Railway Station, </p>\n                <p>Capital International Airport, coach stations and so on.</p>\n                <p>Pouring into the city where people are either ravished with joy or hanging their heads in despair.</p>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </transition>\n    <transition name=\"fade\">\n      <div class=\"bgimg-container\" v-show=\"scrollY > 6640\" :style=\"blockstyle\">\n        <div class=\"bgimg\">\n        </div>\n      </div>\n    </transition>\n    <div class=\"last-text\">\n      <h1 class=\"last-text-title\" :style=\"lasttext\" >北京租房素描</h1>\n    </div>\n  </div>\n</template>\n\n<script type=\"text/ecmascript-6\">\n  export default {\n    props:['scrollY'],\n    computed:{\n      lasttext () {\n        if (this.scrollY > 7500) {\n          return { opacity: (this.scrollY-7500) /1500}\n        } else {\n          return { opacity: '0'}\n        }\n      },\n      title1 () {\n        if ( this.scrollY > 100 ) {\n          return { transform: 'translateX( -' + (this.scrollY - 100)/2 +'px )'}\n        } else {\n          return {}\n        }\n      },\n      title2 () {\n        if ( this.scrollY > 350 ) {\n          return { transform: 'translateX( -' + (this.scrollY - 350)/3 +'px )'}\n        } else {\n          return {}\n        }\n      },\n      blockstyle () {\n        if ((500 - this.scrollY-12)/3 > -156 && this.scrollY > 500) {\n          return { transform:'translate(' + (500 - this.scrollY-12)/3 +'vw, -171vw) rotate(25deg) ' }\n        } else if ((500 - this.scrollY-12)/3 < -156 ) {\n          return { transform:'translate( -156vw, -171vw) rotate(25deg) ' }\n        } else if (this.scrollY > 8500) {\n          return { transform: 'translate(-156vw,-171vw) rotate(25deg)'}\n        } else {\n          return { transform: 'translate(-12vw,-171vw) rotate(25deg)'}\n        }\n      },\n      block1 () {\n        if (this.scrollY > 4000) {\n          return { width: (this.scrollY-4000) /100 + '%',opacity: (this.scrollY-4000) /1000}\n        } else {\n          return { width: '0%'}\n        }\n      },\n      block1text () {\n        if (this.scrollY > 5500) {\n          return { opacity: (this.scrollY-5500) /1500}\n        } else {\n          return { opacity: '0'}\n        }\n      },\n      block2 () {\n        if (this.scrollY > 3068) {\n          return { height: (this.scrollY-3068) /100 + '%',opacity: (this.scrollY-3068) /1000}\n        } else {\n          return { height: '0%'}\n        }\n      },\n      block2text () {\n        if (this.scrollY > 3650) {\n          return { opacity: (this.scrollY-3650) /1500}\n        } else {\n          return { opacity: '0'}\n        }\n      },\n      block4 () {\n        if (this.scrollY > 2000) {\n          return { width: (this.scrollY-2000) /100 + '%',opacity: (this.scrollY-1752) /1000}\n        } else {\n          return { width: '0%'}\n        }\n      },\n      block3text () {\n        if (this.scrollY > 1752) {\n            return { opacity: (this.scrollY-1752) /1500}\n        } else {\n            return { opacity: '0'}\n        }\n      },\n      block4text () {\n        if (this.scrollY > 2361) {\n          return { opacity: (this.scrollY-2361) /1500}\n        } else {\n          return { opacity: '0'}\n        }\n      }\n    },\n    methods: {\n\n    },\n    mounted () {\n    },\n    watch: {\n      scrollY: function() {\n        if (this.scrollY >= 8500 ){\n          $('.bgimg-container').css('position','absolute');\n          $('.bgimg-container').css('top', '8500px');\n          $('.last-text').css('position','absolute');\n          $('.last-text').css('top', (8500+ window.innerHeight/2) +'px');\n        } else {\n          $('.bgimg-container').css('position','fixed');\n          $('.bgimg-container').css('top', '0px');\n          $('.last-text').css('position','fixed');\n          $('.last-text').css('top', '50%');\n        }\n      }\n    }\n  }\n</script>\n\n<style scoped>\n\n  .last-text{\n    position: fixed;\n    top:50%;\n    left: 50%;\n    transform: translate(-50%,-50%);\n    z-index: 10;\n  }\n  .last-text-title{\n    color: white;\n    font-size: 60px;\n  }\n  .fade-enter-active, .fade-leave-active {\n    transition: opacity 1.5s\n  }\n  .fade-enter, .fade-leave-to /* .fade-leave-active in below version 2.1.8 */ {\n    opacity: 0\n  }\n .welcome-container{\n   height: 9400px;\n   background-color: whitesmoke;\n }\n .title-container{\n   position: fixed;\n   top: 50%;\n   left: 10%;\n   transform: translate(0,-50%);\n   z-index: 6;\n }\n .footer-container{\n   position: fixed;\n   bottom: 10%;\n   left: 50%;\n   transform: translate(0,-50%);\n   z-index: 6;\n }\n .icon-arrow-down2:after{\n   position:absolute;\n   content: '';\n   width: 50px;\n   height: 50px;\n   left: 50%;\n   top: 50%;\n   border-radius: 50%;\n   border:1px solid black;\n   transform: translate(-50%,-50%);\n   animation: bigfade 1.5s  1s infinite;\n }\n @keyframes bigfade {\n   0% {\n     opacity: 0;\n     transform: translate(-50%,-50%) scale(0.8);\n   }\n   50% {\n     opacity: 1;\n   }\n   100% {\n     opacity: 0;\n     transform: translate(-50%,-50%) scale(1.2);\n   }\n }\n  .icon-arrow-down2:before{\n    position:absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%,-50%);\n  }\n .block-container{\n   width: 400vw;\n   height: 400vw;\n   display: flex;\n   position: fixed;\n   flex-wrap: wrap;\n   z-index: 4;\n   background-color: rgb(255,197,132);\n }\n  .block1-container{\n    width: 200vw;\n    height: 200vw;\n    z-index: 4;\n    padding: 90px;\n    padding-right: 10px;\n    box-sizing: border-box;\n    position: relative;\n  }\n  .block1{\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    background-color: rgba(0,0,0,0.2);\n    text-align: right;\n    bottom: 112px;\n    right: 33px;\n  }\n  .block1-text{\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    padding:20px;\n    color: white;\n    font-size: 16px;\n  }\n\n\n   .block2-container{\n     width: 200vw;\n     height: 200vw;\n     z-index: 4;\n     padding: 10px;\n     padding-bottom: 90px;\n     box-sizing: border-box;\n     position: relative;\n   }\n   .block2{\n     background-color: rgba(0,0,0,0.4);\n     width: 100%;\n     height: 100%;\n     position: absolute;\n     left: 48px;\n     bottom: 120px;\n   }\n   .block2-text{\n     position: absolute;\n     left:0;\n     bottom: 0;\n     padding: 20px;\n     box-sizing: border-box;\n     color: white;\n   }\n   .block3-container{\n     width: 200vw;\n     height: 200vw;\n     z-index: 4;\n     padding:20px;\n     box-sizing: border-box;\n   }\n   .block3{\n     width: 100%;\n     height: 100%;\n     background-color: whitesmoke;\n     position: relative;\n   }\n\n   .block3-text{\n     position: absolute;\n     top: 0;\n     right: 0;\n     padding:20px;\n     width: 400px;\n     text-align: right;\n   }\n   .block4-container{\n     width: 200vw;\n     height: 200vw;\n     z-index: 4;\n     padding:60px;\n     padding-top: 20px;\n     box-sizing: border-box;\n   }\n   .block4{\n     background-color: rgba(0,0,0,0.8);;\n     width: 100%;\n     height: 100%;\n     position: relative;\n   }\n   .block4-text{\n     width: 400px;\n     padding: 20px;\n     color: white;\n     text-align: left;\n     position: absolute;\n     left: 0;\n     top: 0;\n     font-size: 16px;\n   }\n   .bgimg-container{\n     width: 400vw;\n     height: 400vw;\n     position: fixed;\n     z-index: 1;\n   }\n   .bgimg{\n     height: 100%;\n     width: 100%;\n     transform: scale(0.5) rotate(-50deg);\n     background-image: url(\"http://image.dydata.io/UVHMaemGHmAu4c3y3Jq9hJ.jpg\");\n     background-repeat: no-repeat;\n     background-position: 83% 59%;\n     background-size: 80%;\n   }\n</style>\n\n\n// WEBPACK FOOTER //\n// welcome.vue?73cbd894","<template>\n  <div class=\"yinxiang-container\">\n    <div class=\"title-container\">\n      <h2>影响房租的因素</h2>\n      <p>除了地理区位之外，还有什么促使租金居高不下的原因？</p>\n    </div>\n    <div class=\"chart-container\">\n      <div class=\"left-container\">\n        <iframe src=\"http://www.dydata.io/preview.html?id=897409700275101696\" scrolling=\"no\" border=\"0\" frameborder=\"0\" allowfullscreen=\"true\" width =\"1584\" height=\"1200\"></iframe>\n      </div>\n      <div class=\"right-container\">\n        <iframe src=\"http://www.dydata.io/preview.html?id=897468395071676416\" scrolling=\"no\" border=\"0\" frameborder=\"0\" allowfullscreen=\"true\" width =\"1000\" height=\"1000\"></iframe>\n      </div>\n    </div>\n    <div class=\"text-container\">\n      <p class=\"text\">通过比较分析你可以发现，左边的散点图有一定的趋势和形状，而右边的则是杂乱无章的。用专业的话来说，租金和房屋面积有一定的正相关关系，房屋面积越大，租金越高。同时房屋和地铁距离的大小并不像人们平时想象的那样，它对租金的影响并没有那么显著。</p>\n    </div>\n  </div>\n</template>\n\n<script type=\"text/ecmascript-6\">\n  export default {}\n</script>\n\n<style scoped>\n  .yinxiang-container{\n    padding: 10px;\n  }\n  .title-container{\n    text-align: center;\n    padding:40px;\n  }\n  .chart-container{\n    display: flex;\n    flex-wrap: wrap;\n  }\n  .left-container{\n    margin: 0 auto;\n    flex-basis: 500px;\n    height: 500px;\n    overflow: hidden;\n  }\n  .right-container{\n    margin: 0 auto;\n    flex-basis: 500px;\n    height: 500px;\n    overflow: hidden;\n  }\n  .text-container{\n    padding: 30px 60px;\n  }\n</style>\n\n\n// WEBPACK FOOTER //\n// yingxiang.vue?1725e1a6","<template>\n  <p class=\"yinhao-container\">\n    <span class=\"text\">“</span>\n  </p>\n</template>\n\n<script type=\"text/ecmascript-6\">\n  export default {}\n</script>\n\n<style scoped>\n.yinhao-container{\n\n}\n  .text{\n    padding-top: 30px;\n    font-size: 80px;\n    line-height: 10px;\n  }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// yinhao.vue?89fc79f4","<template>\n  <div class=\"ziliao-container\">\n    <div class=\"title\">\n      <h4>参考资料</h4>\n    </div>\n    <div class=\"decs\">\n      <p>1、北京市公安机关组织实有人口基础信息大调查百日专项工作</p>\n      <p>2、《北京社会治理发展报告（2016～2017）》</p>\n      <p>3、国家统计局、城市房价网、易居研究院  《50城房租收入比研究》</p>\n      <p>4、智谷趋势  《各大城市最新租房负担地图：有多少人在假装生活》2017年7月北京个行政区人均租金</p>\n      <p>5、链家网2017年8月近2万条最新租房数据（包括小区名、面积、距地铁距离、租金、朝向、楼层、经纬度等信息）</p>\n    </div>\n  </div>\n</template>\n\n<script type=\"text/ecmascript-6\">\n  export default {}\n</script>\n\n<style>\n.ziliao-container{\n  display: flex;\n  padding: 40px;\n  background-color: rgb(64, 74, 89);\n  color: white;\n}\n .title{\n   flex: 2;\n   text-align: center;\n }\n  .decs{\n    flex: 6;\n    font-size: 12px;\n  }\n</style>\n\n\n// WEBPACK FOOTER //\n// ziliao.vue?3a9a06ad","// The Vue build version to load with the `import` command\n// (runtime-only or standalone) has been set in webpack.base.conf with an alias.\nimport Vue from 'vue'\nimport { Slider } from 'element-ui'\nimport 'element-ui/lib/theme-default/index.css'\nimport App from './App'\n\nVue.config.productionTip = false\n\nVue.use(Slider)\n\n/* eslint-disable no-new */\nnew Vue({\n  el: '#app',\n  template: '<App/>',\n  components: { App }\n})\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.js","function injectStyle (ssrContext) {\n  require(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-69bf1a6c\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./ciyun.vue\")\n}\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./ciyun.vue\"),\n  /* template */\n  require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-69bf1a6c\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":\\\"src\\\",\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./ciyun.vue\"),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-69bf1a6c\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/ciyun.vue\n// module id = 93\n// module chunks = 1","function injectStyle (ssrContext) {\n  require(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-358636a8\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./coutrymap.vue\")\n}\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./coutrymap.vue\"),\n  /* template */\n  require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-358636a8\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":\\\"src\\\",\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./coutrymap.vue\"),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-358636a8\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/coutrymap.vue\n// module id = 94\n// module chunks = 1","function injectStyle (ssrContext) {\n  require(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-75fb6e08\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./hot_map.vue\")\n}\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./hot_map.vue\"),\n  /* template */\n  require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-75fb6e08\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":\\\"src\\\",\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./hot_map.vue\"),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-75fb6e08\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/hot_map.vue\n// module id = 95\n// module chunks = 1","function injectStyle (ssrContext) {\n  require(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-0aec8b58\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./likai.vue\")\n}\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./likai.vue\"),\n  /* template */\n  require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-0aec8b58\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":\\\"src\\\",\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./likai.vue\"),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-0aec8b58\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/likai.vue\n// module id = 96\n// module chunks = 1","function injectStyle (ssrContext) {\n  require(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-196ac965\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./map_to_rentArea.vue\")\n}\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./map_to_rentArea.vue\"),\n  /* template */\n  require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-196ac965\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":\\\"src\\\",\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./map_to_rentArea.vue\"),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-196ac965\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/map_to_rentArea.vue\n// module id = 97\n// module chunks = 1","function injectStyle (ssrContext) {\n  require(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-420cbd03\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./section.vue\")\n}\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./section.vue\"),\n  /* template */\n  require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-420cbd03\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":\\\"src\\\",\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./section.vue\"),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-420cbd03\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/section.vue\n// module id = 98\n// module chunks = 1","function injectStyle (ssrContext) {\n  require(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-68f9f1b2\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./shining_house.vue\")\n}\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./shining_house.vue\"),\n  /* template */\n  require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-68f9f1b2\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":\\\"src\\\",\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./shining_house.vue\"),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-68f9f1b2\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/shining_house.vue\n// module id = 99\n// module chunks = 1","function injectStyle (ssrContext) {\n  require(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-1f905300\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./welcome.vue\")\n}\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./welcome.vue\"),\n  /* template */\n  require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-1f905300\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":\\\"src\\\",\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./welcome.vue\"),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-1f905300\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/welcome.vue\n// module id = 100\n// module chunks = 1","function injectStyle (ssrContext) {\n  require(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-b9df1584\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./yingxiang.vue\")\n}\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./yingxiang.vue\"),\n  /* template */\n  require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-b9df1584\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":\\\"src\\\",\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./yingxiang.vue\"),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-b9df1584\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/yingxiang.vue\n// module id = 101\n// module chunks = 1","function injectStyle (ssrContext) {\n  require(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-5e23f24a\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./yinhao.vue\")\n}\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./yinhao.vue\"),\n  /* template */\n  require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-5e23f24a\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":\\\"src\\\",\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./yinhao.vue\"),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-5e23f24a\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/yinhao.vue\n// module id = 102\n// module chunks = 1","function injectStyle (ssrContext) {\n  require(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-90dd7628\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./ziliao.vue\")\n}\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./ziliao.vue\"),\n  /* template */\n  require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-90dd7628\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":\\\"src\\\",\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./ziliao.vue\"),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  null,\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/ziliao.vue\n// module id = 103\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"likai-container\"\n  }, [_c('div', {\n    staticClass: \"text-container\"\n  }, [_c('div', {\n    staticClass: \"title-container\"\n  }, [_c('p', [_vm._v(\"北京的生活成本昂贵，房租如此之高，\")]), _vm._v(\" \"), _c('p', [_vm._v(\"为什么源源不断的人仍涌入这座城市？宁可呆在地下室也不愿意离开？\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"geci-container\"\n  }, [_c('p', {\n    staticStyle: {\n      \"margin-bottom\": \"20px\"\n    }\n  }, [_vm._v(\"也许汪峰《北京北京》作品里的歌词，曾痛彻很多人的心扉：\")]), _vm._v(\" \"), _c('div', {\n    staticClass: \"geci-block\"\n  }, [_c('p', [_vm._v(\"咖啡馆到广场有三个街区\")]), _vm._v(\" \"), _c('p', [_vm._v(\"就像霓虹灯到月亮的距离\")]), _vm._v(\" \"), _c('p', [_vm._v(\"在这儿我能感觉到我的存在\")]), _vm._v(\" \"), _c('p', [_vm._v(\"在这儿有太多让我眷恋的东西\")]), _vm._v(\" \"), _c('p', [_vm._v(\"我在这里活着也在这里死去\")]), _vm._v(\" \"), _c('p', [_vm._v(\"北京，北京\")])])])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-0aec8b58\",\"hasScoped\":true,\"transformToRequire\":{\"video\":\"src\",\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"}}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/likai.vue\n// module id = 104\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', [_vm._m(0), _vm._v(\" \"), _c('div', {\n    staticClass: \"section-container\"\n  }, [_c('div', {\n    staticClass: \"map-container\"\n  }, [_vm._m(1), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-desc\"\n  }, [(!_vm.selectitem) ? _c('p', [_vm._v(\"①请点击地图选择区域\")]) : _vm._e(), _vm._v(\" \"), (_vm.selectitem) ? _c('p', [_vm._v(\"①您选择了 \"), _c('strong', {\n    staticClass: \"selectitem\"\n  }, [_vm._v(\" \" + _vm._s(_vm.mapdata[_vm.selectitem].name) + \" \")])]) : _vm._e()]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map\"\n  }, [_c('div', {\n    staticClass: \"map-top\"\n  }, [_c('div', {\n    staticClass: \"yanqing center bg1\",\n    class: {\n      darkbg1: (_vm.hoveritem == 'yanqing' || _vm.selectitem == 'yanqing')\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('yanqing')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('yanqing')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"延庆区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"1063.6\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"huairou center bg1\",\n    class: {\n      darkbg1: _vm.hoveritem === 'huairou' || _vm.selectitem == 'huairou'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('huairou')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('huairou')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"怀柔区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"1038.71\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"miyun center bg1\",\n    class: {\n      darkbg1: _vm.hoveritem === 'miyun' || _vm.selectitem == 'miyun'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('miyun')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('miyun')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"密云区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"844.73\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"pinggu center bg1\",\n    class: {\n      darkbg1: _vm.hoveritem === 'pinggu' || _vm.selectitem == 'pinggu'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('pinggu')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('pinggu')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"平谷区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"802.64\")])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-middle\"\n  }, [_c('div', {\n    staticClass: \"changping center bg3\",\n    class: {\n      darkbg3: _vm.hoveritem === 'changping' || _vm.selectitem == 'changping'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('changping')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('changping')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"昌平区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"1801.45\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"shunyi center bg3\",\n    class: {\n      darkbg3: _vm.hoveritem === 'shunyi' || _vm.selectitem == 'shunyi'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('shunyi')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('shunyi')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"顺义区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"pirce\"\n  }, [_vm._v(\"2081.08\")])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom\"\n  }, [_c('div', {\n    staticClass: \"map-bottom-left\"\n  }, [_c('div', {\n    staticClass: \"mentougou center bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'mentougou' || _vm.selectitem == 'mentougou'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('mentougou')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('mentougou')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"门头沟区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"1595.39\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"fangshan center bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'fangshan' || _vm.selectitem == 'fangshan'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('fangshan')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('fangshan')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"房山区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"1173.4\")])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle\"\n  }, [_c('div', {\n    staticClass: \"map-bottom-middle-top\"\n  }, [_c('div', {\n    staticClass: \"haidian center bg4\",\n    class: {\n      darkbg4: _vm.hoveritem === 'haidian' || _vm.selectitem == 'haidian'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('haidian')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('haidian')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"海淀区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"3351.46\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"chaoyang center bg4\",\n    class: {\n      darkbg4: _vm.hoveritem === 'chaoyang' || _vm.selectitem == 'chaoyang'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('chaoyang')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('chaoyang')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"朝阳区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"3426.13\")])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle-middle\"\n  }, [_c('div', {\n    staticClass: \"map-bottom-middle-middle-left\"\n  }, [_c('div', {\n    staticClass: \"map-bottom-middle-middle-left-left\"\n  }, [_c('div', {\n    staticClass: \"shijingshan center bg3\",\n    class: {\n      darkbg3: _vm.hoveritem === 'shijingshan' || _vm.selectitem == 'shijingshan'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('shijingshan')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('shijingshan')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"石景山区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"2420.72\")])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle-middle-left-right\"\n  }, [_c('div', {\n    staticClass: \"map-bottom-middle-middle-left-right-top\"\n  }, [_c('div', {\n    staticClass: \"xicheng center bg4\",\n    class: {\n      darkbg4: _vm.hoveritem === 'xicheng' || _vm.selectitem == 'xicheng'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('xicheng')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('xicheng')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"西城区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"4136.17\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"dongcheng center bg4\",\n    class: {\n      darkbg4: _vm.hoveritem === 'dongcheng' || _vm.selectitem == 'dongcheng'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('dongcheng')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('dongcheng')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"东城区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"4171.3\")])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle-middle-left-right-bottom\"\n  }, [_c('div', {\n    staticClass: \"fengtai center bg3\",\n    class: {\n      darkbg3: _vm.hoveritem === 'fengtai' || _vm.selectitem == 'fengtai'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('fengtai')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('fengtai')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"丰台区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"2476.36\")])])])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle-middle-right\"\n  }, [_c('div', {\n    staticClass: \"map-bottom-middle-middle-right-top bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'tongzhou' || _vm.selectitem == 'tongzhou'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('tongzhou')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('tongzhou')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle-middle-right-bottom bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'daxing' || _vm.selectitem == 'daxing'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('daxing')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('daxing')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  })])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle-bottom\"\n  }, [_c('div', {\n    staticClass: \"map-bottom-middle-bottom-left\"\n  }, [_c('div', {\n    staticClass: \"fangshan bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'fangshan' || _vm.selectitem == 'fangshan'\n    },\n    staticStyle: {\n      \"height\": \"100%\"\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('fangshan')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('fangshan')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  })]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle-bottom-right\"\n  }, [_c('div', {\n    staticClass: \"daxing bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'daxing' || _vm.selectitem == 'daxing'\n    },\n    staticStyle: {\n      \"height\": \"100%\"\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('daxing')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('daxing')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  })])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-right\"\n  }, [_c('div', {\n    staticClass: \"tongzhou center bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'tongzhou' || _vm.selectitem == 'tongzhou'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('tongzhou')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('tongzhou')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"通州区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"1581.49\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"daxing center bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'daxing' || _vm.selectitem == 'daxing'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('daxing')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('daxing')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"大兴区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"1715.54\")])])])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-desc\"\n  }, [(!_vm.payValue) ? _c('p', [_vm._v(\"②请选择您每月租金\")]) : _vm._e(), _vm._v(\" \"), (_vm.payValue) ? _c('p', [_vm._v(\"②您选择的每月租金是 \"), _c('strong', {\n    staticClass: \"payvalue\"\n  }, [_vm._v(_vm._s(_vm.payValue) + \"元\")])]) : _vm._e()]), _vm._v(\" \"), _c('div', {\n    staticClass: \"pay\"\n  }, [_vm._m(2), _vm._v(\" \"), _c('div', {\n    staticClass: \"pay-content\"\n  }, [_c('el-slider', {\n    attrs: {\n      \"step\": 10,\n      \"show-input\": \"\",\n      \"max\": 10000,\n      \"min\": 500\n    },\n    model: {\n      value: (_vm.payValue),\n      callback: function($$v) {\n        _vm.payValue = $$v\n      },\n      expression: \"payValue\"\n    }\n  })], 1)])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"house-container\"\n  }, [_c('div', {\n    staticClass: \"title\"\n  }, [_c('h1', [_vm._v(\"在北京，\")]), _vm._v(\" \"), (_vm.selectitem && _vm.payValue) ? _c('h4', [_vm._v(\"您每月 \"), _c('span', {\n    staticStyle: {\n      \"font-size\": \"30px\"\n    }\n  }, [_vm._v(_vm._s(_vm.payValue) + \"元\")]), _vm._v(\"的租金在 \"), _c('span', {\n    staticStyle: {\n      \"font-size\": \"30px\"\n    }\n  }, [_vm._v(_vm._s(_vm.mapdata[_vm.selectitem].name))]), _vm._v(\" 可以租到的房屋面积为：\")]) : _vm._e(), _vm._v(\" \"), (!_vm.selectitem || !_vm.payValue) ? _c('h4', [_vm._v(\"您需花多少钱，才能租到满意的房子？\")]) : _vm._e()]), _vm._v(\" \"), _c('div', {\n    staticClass: \"square-container\"\n  }, [(_vm.selectitem && _vm.payValue) ? _c('div', {\n    staticClass: \"square\",\n    style: ({\n      width: Math.sqrt(_vm.mapdata[_vm.selectitem].rate * _vm.payValue) * 3.6 + '%'\n    })\n  }, [(Math.sqrt(_vm.mapdata[_vm.selectitem].rate * _vm.payValue) * 3.6 > 20) ? _c('div', {\n    staticClass: \"left-top-arrow\"\n  }) : _vm._e(), _vm._v(\" \"), _c('div', {\n    staticClass: \"square-content\",\n    style: ({\n      fontSize: (12 + Math.sqrt(_vm.mapdata[_vm.selectitem].rate * _vm.payValue)) + 'px'\n    })\n  }, [_c('p', {\n    staticClass: \"square-content-text\"\n  }, [_vm._v(_vm._s(_vm._f(\"subto2\")(_vm.mapdata[_vm.selectitem].rate * _vm.payValue)) + \"㎡\")])]), _vm._v(\" \"), (Math.sqrt(_vm.mapdata[_vm.selectitem].rate * _vm.payValue) * 3.6 > 20) ? _c('div', {\n    staticClass: \"right-bottom-arrow\"\n  }) : _vm._e()]) : _vm._e(), _vm._v(\" \"), (!_vm.selectitem || !_vm.payValue) ? _c('div', {\n    staticClass: \"before-square\"\n  }, [_c('p', {\n    staticClass: \"before-square-text\"\n  }, [_vm._v(\"?\")])]) : _vm._e()])])])])\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"totle-title-container\"\n  }, [_c('h1', [_vm._v(\"假如你现在手上有一笔钱，用它来租哪块儿地方最划算？\")]), _vm._v(\" \"), _c('p', [_vm._v(\"选中区域，拖动下方的滑块，看看你能租到多大平米的房子吧！\")])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"map-title\"\n  }, [_c('h2', [_vm._v(\"北京各区域平均租金/月\")])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"pay-title\"\n  }, [_c('h3', [_vm._v(\"每月租金\")])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-196ac965\",\"hasScoped\":true,\"transformToRequire\":{\"video\":\"src\",\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"}}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/map_to_rentArea.vue\n// module id = 105\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"welcome-container\"\n  }, [_c('transition', {\n    attrs: {\n      \"name\": \"fade\"\n    }\n  }, [_c('div', {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: (_vm.scrollY < 6640),\n      expression: \"scrollY < 6640\"\n    }],\n    staticClass: \"groupfade\"\n  }, [_c('div', {\n    staticClass: \"title-container\"\n  }, [_c('h1', {\n    staticClass: \"title1\",\n    style: (_vm.title1)\n  }, [_vm._v(\"说到租房，北京的年轻人都哭了\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"title2\",\n    style: (_vm.title2)\n  }, [_vm._v(\"我们爬了两万条数据，用数据给你最精确的北京租房素描\")])]), _vm._v(\" \"), _c('transition', {\n    attrs: {\n      \"name\": \"fade\"\n    }\n  }, [(_vm.scrollY < 1900) ? _c('div', {\n    staticClass: \"footer-container\"\n  }, [_c('span', {\n    staticClass: \"icon-arrow-down2\"\n  })]) : _vm._e()]), _vm._v(\" \"), _c('div', {\n    staticClass: \"block-container\",\n    style: (_vm.blockstyle)\n  }, [_c('div', {\n    staticClass: \"block1-container\"\n  }, [_c('div', {\n    staticClass: \"block1\",\n    style: (_vm.block1)\n  }, [_c('div', {\n    staticClass: \"block1-text\",\n    style: (_vm.block1text)\n  }, [_c('p', [_vm._v(\"In these groups, \")]), _vm._v(\" \"), _c('p', [_vm._v(\"there are construction workers, nail divisions, programmers, waste recyclers,\")]), _vm._v(\" \"), _c('p', [_vm._v(\"most of them, are rented in this city\")])])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"block2-container\"\n  }, [_c('div', {\n    staticClass: \"block2\",\n    style: (_vm.block2)\n  }, [_c('div', {\n    staticClass: \"block2-text\",\n    style: (_vm.block2text)\n  }, [_c('p', [_vm._v(\"在这些人群中，有建筑工、美甲师、程序员、大学生、废品回收者，\")]), _vm._v(\" \"), _c('p', [_vm._v(\"也有银行职员和美国摄影师。\")]), _vm._v(\" \"), _c('p', [_vm._v(\"他们中的大多数,\")]), _vm._v(\" \"), _c('p', [_vm._v(\"都在这个城市租房\")])])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"block3-container\"\n  }, [_c('div', {\n    staticClass: \"block3\"\n  }, [_c('div', {\n    staticClass: \"block3-text\",\n    style: (_vm.block3text)\n  }, [_c('p', [_vm._v(\"每天，\")]), _vm._v(\" \"), _c('p', [_vm._v(\"平均有2100人拖着行李箱，抵达北京西站、\")]), _vm._v(\" \"), _c('p', [_vm._v(\"首都国际机场、长途汽车站…\")]), _vm._v(\" \"), _c('p', [_vm._v(\"涌入这个时而令人狂喜沸腾，\")]), _vm._v(\" \"), _c('p', [_vm._v(\"时而令人焦躁失望的地方\")])])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"block4-container\"\n  }, [_c('div', {\n    staticClass: \"block4\",\n    style: (_vm.block4)\n  }, [_c('div', {\n    staticClass: \"block4-text\",\n    style: (_vm.block4text)\n  }, [_c('p', [_vm._v(\"2100 people on average are dragging their suitcases eveyday, \")]), _vm._v(\" \"), _c('p', [_vm._v(\"shortly after they arrive at Beijing West Railway Station, \")]), _vm._v(\" \"), _c('p', [_vm._v(\"Capital International Airport, coach stations and so on.\")]), _vm._v(\" \"), _c('p', [_vm._v(\"Pouring into the city where people are either ravished with joy or hanging their heads in despair.\")])])])])])], 1)]), _vm._v(\" \"), _c('transition', {\n    attrs: {\n      \"name\": \"fade\"\n    }\n  }, [_c('div', {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: (_vm.scrollY > 6640),\n      expression: \"scrollY > 6640\"\n    }],\n    staticClass: \"bgimg-container\",\n    style: (_vm.blockstyle)\n  }, [_c('div', {\n    staticClass: \"bgimg\"\n  })])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"last-text\"\n  }, [_c('h1', {\n    staticClass: \"last-text-title\",\n    style: (_vm.lasttext)\n  }, [_vm._v(\"北京租房素描\")])])], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-1f905300\",\"hasScoped\":true,\"transformToRequire\":{\"video\":\"src\",\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"}}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/welcome.vue\n// module id = 106\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"countrymap\"\n  }, [_vm._m(0), _vm._v(\" \"), _c('div', {\n    staticClass: \"chart-container\"\n  }, [_vm._m(1), _vm._v(\" \"), _c('div', {\n    staticClass: \"right-chart\",\n    on: {\n      \"scroll\": function($event) {\n        $event.preventDefault();\n      }\n    }\n  }, [_c('iframe', {\n    attrs: {\n      \"src\": \"http://www.dydata.io/preview.html?id=897290587812864000\",\n      \"scrolling\": \"no\",\n      \"border\": \"0\",\n      \"frameborder\": \"0\",\n      \"allowfullscreen\": \"false\",\n      \"width\": \"800\",\n      \"height\": \"1600\"\n    }\n  })])]), _vm._v(\" \"), _vm._m(2)])\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"title-container\"\n  }, [_c('h2', [_vm._v(\"那么，在北京租房子究竟有多难？\")]), _vm._v(\" \"), _c('p', [_vm._v(\"为了回答这个问题，我们特意爬取了2万多条数据，试图从中得到简介：\")])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"left-chart\"\n  }, [_c('iframe', {\n    attrs: {\n      \"src\": \"http://www.dydata.io/preview.html?id=896057332858036224\",\n      \"scrolling\": \"no\",\n      \"border\": \"0\",\n      \"frameborder\": \"0\",\n      \"allowfullscreen\": \"false\",\n      \"width\": \"800\",\n      \"height\": \"1600\"\n    }\n  })])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"text-container\"\n  }, [_c('div', {\n    staticClass: \"left-text\"\n  }, [_c('p', [_vm._v(\"全国主要城市人均月租金，表示在不同城市人们平均每月租房需要花的钱。从地图上能看出排名前三位的分别为：北京（2748元/月）、上海（2319元/月）、深圳（2211元/月）。北京是全国最贵的！\")]), _vm._v(\" \"), _c('p', [_vm._v(\"Monthly rent per person in major cities of China, indicating how much people need to spent on renting houses every month on average in different cities. It can be seen from the map that the top 3 cities are Beijing(￥2748/month), Shanghai(￥2319/month) and Shenzhen(￥ 2211/month ). Clearly, Beijing is the highest one of the country !\\n      \")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"right-text\"\n  }, [_c('p', [_vm._v(\"说完了人均月租金，当然也得聊聊收入。如果你的收入足够多，租个房子简直小菜一碟。不过对于大部分刚踏入社会的年轻人来说，这可不是一个小数字。租金收入比指的是每个月租房子要占我们收入的多大比例。租金收入比高，说明你每月工资的绝大部分都用来付房租了，用来看电影、吃饭、打王者荣耀、买衣服包包的钱就少了。听起来很令人沮丧吧！\\n      \")]), _vm._v(\" \"), _c('p', [_vm._v(\"更令人沮丧的是，地图中的数据告诉我们，房租收入比最高的还是北京，足足有58%！接下来是深圳（54%）、上海（48%）和三亚（48%）。这些地方的小伙伴生活真不易！\")]), _vm._v(\" \"), _c('p', [_vm._v(\"Per capita income should also be taken into account after we done . Of course if you earn enough, renting a houes would be nothing but a piece of cake. Sadly for most young people who just get into the real world, renting is not a small budget. Rent Income Ration(RIR) means the proportion for rent out of our salary every month. A high RIR shows that most of your monthly salary was for rent, leaving little money for films-watching, food, King of Glory, new clothes and bags. How frustrating it is !\\n      \")]), _vm._v(\" \"), _c('p', [_vm._v(\"What is worse, figure in the map proves that the highest RIR city is still Beijing, with a good dominant 58% ! Following cities are Shenzhen(54%), Shanghai(48%) and Sanya(48%). what a hard life my fellow friends are living !\\n      \")])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-358636a8\",\"hasScoped\":true,\"transformToRequire\":{\"video\":\"src\",\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"}}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/coutrymap.vue\n// module id = 107\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"container\",\n    class: 'container' + _vm.index\n  }, [_c('div', {\n    staticClass: \"bgimg\",\n    style: (_vm.imgStyle)\n  }, [_c('div', {\n    staticClass: \"title\",\n    class: 'title' + _vm.index,\n    style: (_vm.titleLeave)\n  }, [_c('p', {\n    staticClass: \"content\"\n  }, [_vm._v(_vm._s(_vm.content))]), _vm._v(\" \"), _c('p', {\n    staticClass: \"content_en\"\n  }, [_vm._v(_vm._s(_vm.content_en))])])])])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-420cbd03\",\"hasScoped\":true,\"transformToRequire\":{\"video\":\"src\",\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"}}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/section.vue\n// module id = 108\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('p', {\n    staticClass: \"yinhao-container\"\n  }, [_c('span', {\n    staticClass: \"text\"\n  }, [_vm._v(\"“\")])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-5e23f24a\",\"hasScoped\":true,\"transformToRequire\":{\"video\":\"src\",\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"}}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/yinhao.vue\n// module id = 109\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"shining_house\"\n  }, [_c('div', {\n    staticClass: \"cover\"\n  }, [_c('div', {\n    staticClass: \"cover-text-container\"\n  }, [_c('p', {\n    staticClass: \"cover-text\"\n  }, [_vm._v(\"\\n        当夜色降临时，绝大多数人都需要寻找一个休憩之所。在北京，一共有1390000套出租屋，它们散落在普通住宅楼、四合院、阁楼、地下室里，有时候也会以别墅的面貌出现。在这些出租屋中，住着5000000个形色各异、来去匆匆的人。\\n      \")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"cover-text-en\"\n  }, [_vm._v(\"\\n        When the day turn into night, most people will be needing a resting premises. In Beijing, all together there are 1,390,000 rental estates, scattering in conventional residential buildings, quadrangle courtyards, attics and basements, sometimes a villa. Accordingly, 5,000,000 unique individuals in hasty life are their residents.\\n      \")])])]), _vm._v(\" \"), _c('video', {\n    staticStyle: {\n      \"height\": \"100%\",\n      \"width\": \"100%\",\n      \"object-fit\": \"cover\"\n    },\n    attrs: {\n      \"autoplay\": \"\",\n      \"loop\": \"\",\n      \"id\": \"bgvid\"\n    }\n  }, [_c('source', {\n    attrs: {\n      \"src\": require(\"../../static/video/rent_video_x264.mp4\"),\n      \"type\": \"video/webm\"\n    }\n  }), _vm._v(\" \"), _c('source', {\n    attrs: {\n      \"src\": require(\"../../static/video/rent_video_x264.mp4\"),\n      \"type\": \"video/mp4\"\n    }\n  })])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-68f9f1b2\",\"hasScoped\":true,\"transformToRequire\":{\"video\":\"src\",\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"}}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/shining_house.vue\n// module id = 110\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"ciyun\"\n  }, [_c('div', {\n    staticClass: \"text-container\"\n  }, [_c('p', [_vm._v(\"更多的人奔走在中介与中介之间，\")]), _vm._v(\" \"), _c('p', [_vm._v(\"在各大租房网站上挑花了眼，希望能找到价格便宜、干净整洁、离上班距离又近的房子。\")])]), _vm._v(\" \"), _c('div', {\n    attrs: {\n      \"id\": \"tagsList\"\n    }\n  }, [_c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"找室友\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"周边有银行\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"一厨一卫\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"三房一厅\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"有窗户\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"很通风\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"很明亮\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"房东直租\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"无中介费\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"可短租\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\" 8月底入住 \")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\" 限女生 \")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"超市菜市场\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"设施完善\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"装修清新\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"交通枢纽\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"双人大床\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\" 衣柜床头柜 \")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\" 交通便利 \")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\" 随时看房 \")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"精装单间\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"text-container\"\n  }, [_c('p', [_vm._v(\"在穿着西装革履的中介口中，在网页的摄影图片中\")]), _vm._v(\" \"), _c('p', [_vm._v(\"人们幻想自己租到的房子又大又明亮，无中介费无服务费，还有脾气温柔爱整洁的舍友\")])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-69bf1a6c\",\"hasScoped\":true,\"transformToRequire\":{\"video\":\"src\",\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"}}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/ciyun.vue\n// module id = 111\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"hot_map_container\",\n    on: {\n      \"mouseenter\": function($event) {\n        _vm.hover()\n      },\n      \"mouseleave\": function($event) {\n        _vm.leave()\n      },\n      \"click\": function($event) {\n        _vm.toggle()\n      }\n    }\n  }, [_c('transition', {\n    attrs: {\n      \"name\": \"fade\"\n    }\n  }, [(!_vm.isScale) ? _c('div', {\n    staticClass: \"cover\"\n  }) : _vm._e()]), _vm._v(\" \"), _c('div', {\n    staticClass: \"jietu-container\"\n  }), _vm._v(\" \"), _c('transition', {\n    attrs: {\n      \"name\": \"fadeslide\"\n    }\n  }, [(false) ? _c('div', {\n    staticClass: \"text-container\"\n  }, [_c('yinhao'), _vm._v(\" \"), _c('p', {\n    staticClass: \"text\"\n  }, [_vm._v(\"热力图上颜色越红的区域表示租金越高，越蓝表示租金越低。我们可以发现距离天安门最近的东城区和西城区租金最高，住在这里的年轻人们平均每月要花4150元才能租一个房间。海淀区和朝阳区也不例外，月租金平均约为3400元。而离市中心越远，租金相应会变得越少。这意味着人们的通勤时间会大大增加，每天要花2-3个小时在地铁上打瞌睡。\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"text\"\n  }, [_vm._v(\"Different colors on the heat map stand for rent varies from area to area. The redder, the higher; the bluer, the lower. We can see that Dongcheng and Xicheng Dictrict, the two districts nearest to Tiananmen Square, are the highest ones. Those who choose to live in both distrcts need to spend ￥4150 for one room every month. With￥3400 per month, Haidian and Chaoyang District are just as expected. Generally speaking, the farther away from downtown, the lower the rent. As a result, commuting time of those who live in suburbs is significantly longer than those who don't, dozing 2 to 3 hours on the subway every day.\")])], 1) : _vm._e()]), _vm._v(\" \"), _c('div', {\n    staticClass: \"bottom-text-container\"\n  }, [_c('div', {\n    staticClass: \"bottom-text\"\n  }, [_c('yinhao'), _vm._v(\" \"), _c('p', {\n    staticClass: \"text\"\n  }, [_vm._v(\"热力图上颜色越红的区域表示租金越高，越蓝表示租金越低。我们可以发现距离天安门最近的东城区和西城区租金最高，住在这里的年轻人们平均每月要花4150元才能租一个房间。海淀区和朝阳区也不例外，月租金平均约为3400元。而离市中心越远，租金相应会变得越少。这意味着人们的通勤时间会大大增加，每天要花2-3个小时在地铁上打瞌睡。\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"text\"\n  }, [_vm._v(\"Different colors on the heat map stand for rent varies from area to area. The redder, the higher; the bluer, the lower. We can see that Dongcheng and Xicheng Dictrict, the two districts nearest to Tiananmen Square, are the highest ones. Those who choose to live in both distrcts need to spend ￥4150 for one room every month. With￥3400 per month, Haidian and Chaoyang District are just as expected. Generally speaking, the farther away from downtown, the lower the rent. As a result, commuting time of those who live in suburbs is significantly longer than those who don't, dozing 2 to 3 hours on the subway every day.\")])], 1)])], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-75fb6e08\",\"hasScoped\":true,\"transformToRequire\":{\"video\":\"src\",\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"}}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/hot_map.vue\n// module id = 112\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    attrs: {\n      \"id\": \"app\"\n    }\n  }, [_c('welcome', {\n    attrs: {\n      \"scrollY\": _vm.scrollY\n    }\n  }), _vm._v(\" \"), _c('shining_house'), _vm._v(\" \"), _c('imgcontainer', {\n    attrs: {\n      \"bgimg\": 'http://image.dydata.io/ULCrBjf363c9srsG7MANcv.jpg',\n      \"content\": _vm.turan,\n      \"content_en\": _vm.turan_en,\n      \"index\": '1',\n      \"leaveTitleIndex\": _vm.leaveTitleIndex,\n      \"leaveTitleTop\": _vm.leaveTitleTop,\n      \"scrollY\": _vm.scrollY\n    }\n  }), _vm._v(\" \"), _c('ciyun'), _vm._v(\" \"), _c('imgcontainer', {\n    attrs: {\n      \"bgimg\": 'http://image.dydata.io/GqPweHzBcafUwxGA9Wyyah.jpg',\n      \"content\": _vm.raner,\n      \"content_en\": _vm.raner_en,\n      \"index\": '2',\n      \"leaveTitleIndex\": _vm.leaveTitleIndex,\n      \"leaveTitleTop\": _vm.leaveTitleTop,\n      \"scrollY\": _vm.scrollY\n    }\n  }), _vm._v(\" \"), _c('countrymap'), _vm._v(\" \"), _c('hot_map'), _vm._v(\" \"), _c('yingxiang'), _vm._v(\" \"), _c('map_to_rentArea'), _vm._v(\" \"), _c('likai'), _vm._v(\" \"), _c('ziliao')], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-7c2c067a\",\"hasScoped\":false,\"transformToRequire\":{\"video\":\"src\",\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"}}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/App.vue\n// module id = 113\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"ziliao-container\"\n  }, [_c('div', {\n    staticClass: \"title\"\n  }, [_c('h4', [_vm._v(\"参考资料\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"decs\"\n  }, [_c('p', [_vm._v(\"1、北京市公安机关组织实有人口基础信息大调查百日专项工作\")]), _vm._v(\" \"), _c('p', [_vm._v(\"2、《北京社会治理发展报告（2016～2017）》\")]), _vm._v(\" \"), _c('p', [_vm._v(\"3、国家统计局、城市房价网、易居研究院  《50城房租收入比研究》\")]), _vm._v(\" \"), _c('p', [_vm._v(\"4、智谷趋势  《各大城市最新租房负担地图：有多少人在假装生活》2017年7月北京个行政区人均租金\")]), _vm._v(\" \"), _c('p', [_vm._v(\"5、链家网2017年8月近2万条最新租房数据（包括小区名、面积、距地铁距离、租金、朝向、楼层、经纬度等信息）\")])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-90dd7628\",\"hasScoped\":false,\"transformToRequire\":{\"video\":\"src\",\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"}}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/ziliao.vue\n// module id = 114\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"yinxiang-container\"\n  }, [_c('div', {\n    staticClass: \"title-container\"\n  }, [_c('h2', [_vm._v(\"影响房租的因素\")]), _vm._v(\" \"), _c('p', [_vm._v(\"除了地理区位之外，还有什么促使租金居高不下的原因？\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"chart-container\"\n  }, [_c('div', {\n    staticClass: \"left-container\"\n  }, [_c('iframe', {\n    attrs: {\n      \"src\": \"http://www.dydata.io/preview.html?id=897409700275101696\",\n      \"scrolling\": \"no\",\n      \"border\": \"0\",\n      \"frameborder\": \"0\",\n      \"allowfullscreen\": \"true\",\n      \"width\": \"1584\",\n      \"height\": \"1200\"\n    }\n  })]), _vm._v(\" \"), _c('div', {\n    staticClass: \"right-container\"\n  }, [_c('iframe', {\n    attrs: {\n      \"src\": \"http://www.dydata.io/preview.html?id=897468395071676416\",\n      \"scrolling\": \"no\",\n      \"border\": \"0\",\n      \"frameborder\": \"0\",\n      \"allowfullscreen\": \"true\",\n      \"width\": \"1000\",\n      \"height\": \"1000\"\n    }\n  })])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"text-container\"\n  }, [_c('p', {\n    staticClass: \"text\"\n  }, [_vm._v(\"通过比较分析你可以发现，左边的散点图有一定的趋势和形状，而右边的则是杂乱无章的。用专业的话来说，租金和房屋面积有一定的正相关关系，房屋面积越大，租金越高。同时房屋和地铁距离的大小并不像人们平时想象的那样，它对租金的影响并没有那么显著。\")])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-b9df1584\",\"hasScoped\":true,\"transformToRequire\":{\"video\":\"src\",\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"}}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/yingxiang.vue\n// module id = 115\n// module chunks = 1"],"sourceRoot":""}
\ No newline at end of file
diff --git a/static/js/app.2beb57354d4fa650cb7f.js b/static/js/app.654e7579b06995e830a6.js
similarity index 66%
rename from static/js/app.2beb57354d4fa650cb7f.js
rename to static/js/app.654e7579b06995e830a6.js
index 4cecb5f..f1ad49a 100644
--- a/static/js/app.2beb57354d4fa650cb7f.js
+++ b/static/js/app.654e7579b06995e830a6.js
@@ -1,2 +1,2 @@
-webpackJsonp([1],Array(24).concat([function(t,e,i){t.exports=i.p+"static/media/rent_video_x264.d87ae7e.mp4"},,function(t,e){},function(t,e,i){function a(t){i(90)}var n=i(2)(i(50),i(113),a,null,null);t.exports=n.exports},,,,,,,,,,,,,,,,,,,,,,,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=i(98),n=i.n(a),s=i(97),o=i.n(s),r=i(95),c=i.n(r),l=i(94),v=i.n(l),u=i(99),d=i.n(u),h=i(93),p=i.n(h),_=i(100),m=i.n(_),f=i(101),g=i.n(f),y=i(96),b=i.n(y),C=i(103),x=i.n(C);e.default={data:function(){return{imgArr:[1,2,3,4],chooseOne:"",leaveTitleIndex:"",leaveTitleTop:"",scrollY:"",turan:"突然，“生活”不期而至。它犹如一头庞大、狡诈、杀气腾腾的猛兽，极有耐心地缓缓逼近，张开血盆大口，随时要将你吞下，在劫难逃。你说你想要一间那样的公寓？凭你刚毕业的资历和薪水，没有银行会答应你按揭买下它。退而求其次，你租房选择了租房。然而，即使是租房，你负担得起你曾幻想过的生活吗？",turan_en:"All of a sudden, life happens. It comes toward you slowly and patienly, like some enormous, cunning, and murderous beast, ready to devour, impossible to escape. You were saying you wanted an apartment with bla bla bla ? Sorry, no bank would grant you a loan for a mortgage, being a newly graduate. Eventually you settle for renting. Still, can you afford the life you have imagined ?",raner:"然而当他们真正拎着大包小包进入房间时，所有的幻想都破灭了。\n 房子被隔断成五六间狭小的空间，板墙在暴风雨来临的时刻止不住地摇撼。卫生间的马桶是共用的，经常挂满污渍。水池的下水管道没有S形水弯，阵阵恶臭扑面而来。女孩儿们把洗好的衣服晾在楼道的栏杆上，或是挂在窗户凹槽上，希望明天不要下雨。",raner_en:"However, when they actually unpack their luggage in their Dream House, the gilt is off.An intact house is usually divided into 5 or 6 rooms with no public space left, the living room included. The door is so thin that one punch can smash it, while the wood siding wall won't stop shaking when the storm comes. Toilet in the bathroom is shared ,usually covered with stains. The S-shaped pipe between the sink and the sewer line is missing, reeking of repulsive smells. Girls hang up their laundry onto the handrail of the corridor or the grooves of the window, hoping it won't rain the next day. "}},name:"app",components:{imgcontainer:n.a,map_to_rentArea:o.a,hot_map:c.a,countrymap:v.a,shining_house:d.a,ciyun:p.a,welcome:m.a,yingxiang:g.a,likai:b.a,ziliao:x.a},mounted:function(){var t=this,e=document.getElementsByClassName("container");window.addEventListener("scroll",function(){t.scrollY=window.scrollY;for(var i=0;i<e.length;i++){var a=document.querySelector(".title"+i),n=a.offsetTop-window.scrollY;n>-window.innerHeight/2&&n<window.innerHeight/2&&(t.leaveTitleTop=n,t.leaveTitleIndex=i)}})}}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=i(102),n=i.n(a);e.default={components:{yinhao:n.a},data:function(){return{ishover:!1,isScale:!0}},methods:{hover:function(){this.ishover=!0},leave:function(){this.ishover=!1},toggle:function(){this.isScale=!this.isScale}}}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{hoveritem:"",selectitem:"",csvdata:"延庆区,yanqing,1063.6,29.0601092896175,0.0344114328694998\n                怀柔区,huairou,1038.71,28.3800546448087,0.035236013901859\n                密云区,miyun,844.73,23.0800546448087,0.043327453742616\n                平谷区,pinggu,802.64,21.9300546448087,0.04559952157879\n                昌平区,changping,1801.45,49.2199453551913,0.0203169668877848\n                顺义区,shunyi,2081.08,56.8601092896175,0.0175870221231284\n                门头沟区,mentougou,1595.39,43.5898907103825,0.0229410990416136\n                海淀区,haidian,3351.46,91.5699453551913,0.0109206137026848\n                朝阳区,chaoyang,3426.13,93.6101092896175,0.0106826069063346\n                通州区,tongzhou,1581.49,43.2101092896175,0.0231427324864526\n                房山区,fangshan,1173.40,32.06,0.0311914095790012\n                石景山区,shijingshan,2420.72,66.1398907103825,0.0151194685878582\n                西城区,xicheng,4136.17,113.010109289617,0.0088487658872822\n                东城区,dongcheng,4171.30,113.97,0.00877424304173759\n                丰台区,fengtai,2476.36,67.6601092896175,0.0147797573858405\n                大兴区,daxing,1715.54,46.8726775956284,0.0213343903377362",mapdata:{},payValue:3e3}},methods:{selectArea:function(t){this.selectitem=t},hover:function(t){this.hoveritem=t},getMapData:function(){for(var t=this.csvdata.split("\n"),e=0;e<t.length;e++)t[e]=t[e].trim().split(","),this.mapdata[t[e][1]]={price:t[e][2],rate:t[e][4],name:t[e][0]};console.dir(this.mapdata)}},created:function(){this.getMapData()},filters:{subto2:function(t){if(t+="",t.indexOf(".")>0){var e=t.indexOf(".");t=t.substr(0,e+4)}return t}}}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:["bgimg","content","content_en","index","leaveTitleIndex","leaveTitleTop","scrollY"],data:function(){return{container:[]}},computed:{titleLeave:function(){return this.index+""==this.leaveTitleIndex+""?{opacity:this.leaveTitleTop/(window.innerHeight/2),transform:"translateY("+-1e4/this.leaveTitleTop+"px)"}:{opacity:"1"}},imgStyle:function(){return{backgroundPosition:"50% "+100*this.scrollY/document.body.offsetHeight+"%",backgroundImage:"url("+this.bgimg+")",backgroundSize:"auto 140vh"}}}}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:["scrollY"],computed:{lasttext:function(){return this.scrollY>7500?{opacity:(this.scrollY-7500)/1500}:{opacity:"0"}},title1:function(){return this.scrollY>100?{transform:"translateX( -"+(this.scrollY-100)/2+"px )"}:{}},title2:function(){return this.scrollY>350?{transform:"translateX( -"+(this.scrollY-350)/3+"px )"}:{}},blockstyle:function(){return(500-this.scrollY-12)/3>-156&&this.scrollY>500?{transform:"translate("+(500-this.scrollY-12)/3+"vw, -171vw) rotate(25deg) "}:(500-this.scrollY-12)/3<-156?{transform:"translate( -156vw, -171vw) rotate(25deg) "}:this.scrollY>8500?{transform:"translate(-156vw,-171vw) rotate(25deg)"}:{transform:"translate(-12vw,-171vw) rotate(25deg)"}},block1:function(){return this.scrollY>4e3?{width:(this.scrollY-4e3)/100+"%",opacity:(this.scrollY-4e3)/1e3}:{width:"0%"}},block1text:function(){return this.scrollY>5500?{opacity:(this.scrollY-5500)/1500}:{opacity:"0"}},block2:function(){return this.scrollY>3068?{height:(this.scrollY-3068)/100+"%",opacity:(this.scrollY-3068)/1e3}:{height:"0%"}},block2text:function(){return this.scrollY>3650?{opacity:(this.scrollY-3650)/1500}:{opacity:"0"}},block4:function(){return this.scrollY>2e3?{width:(this.scrollY-2e3)/100+"%",opacity:(this.scrollY-1752)/1e3}:{width:"0%"}},block3text:function(){return this.scrollY>1752?{opacity:(this.scrollY-1752)/1500}:{opacity:"0"}},block4text:function(){return this.scrollY>2361?{opacity:(this.scrollY-2361)/1500}:{opacity:"0"}}},methods:{},mounted:function(){},watch:{scrollY:function(){this.scrollY>=8500?($(".bgimg-container").css("position","absolute"),$(".bgimg-container").css("top","8500px"),$(".last-text").css("position","absolute"),$(".last-text").css("top",8500+window.innerHeight/2+"px")):($(".bgimg-container").css("position","fixed"),$(".bgimg-container").css("top","0px"),$(".last-text").css("position","fixed"),$(".last-text").css("top","50%"))}}}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=i(3),n=i(25),s=(i.n(n),i(26)),o=(i.n(s),i(27)),r=i.n(o);a.default.config.productionTip=!1,a.default.use(n.Slider),new a.default({el:"#app",template:"<App/>",components:{App:r.a}})},,,,,,,,,,,,,,,,,,,function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e,i){function a(t){i(88)}var n=i(2)(i(51),i(111),a,"data-v-69bf1a6c",null);t.exports=n.exports},function(t,e,i){function a(t){i(84)}var n=i(2)(i(52),i(107),a,"data-v-358636a8",null);t.exports=n.exports},function(t,e,i){function a(t){i(89)}var n=i(2)(i(53),i(112),a,"data-v-75fb6e08",null);t.exports=n.exports},function(t,e,i){function a(t){i(81)}var n=i(2)(i(54),i(104),a,"data-v-0aec8b58",null);t.exports=n.exports},function(t,e,i){function a(t){i(82)}var n=i(2)(i(55),i(105),a,"data-v-196ac965",null);t.exports=n.exports},function(t,e,i){function a(t){i(85)}var n=i(2)(i(56),i(108),a,"data-v-420cbd03",null);t.exports=n.exports},function(t,e,i){function a(t){i(87)}var n=i(2)(i(57),i(110),a,"data-v-68f9f1b2",null);t.exports=n.exports},function(t,e,i){function a(t){i(83)}var n=i(2)(i(58),i(106),a,"data-v-1f905300",null);t.exports=n.exports},function(t,e,i){function a(t){i(92)}var n=i(2)(i(59),i(115),a,"data-v-b9df1584",null);t.exports=n.exports},function(t,e,i){function a(t){i(86)}var n=i(2)(i(60),i(109),a,"data-v-5e23f24a",null);t.exports=n.exports},function(t,e,i){function a(t){i(91)}var n=i(2)(i(61),i(114),a,null,null);t.exports=n.exports},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},staticRenderFns:[function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"likai-container"},[i("div",{staticClass:"text-container"},[i("div",{staticClass:"title-container"},[i("p",[t._v("北京的生活成本昂贵，房租如此之高，")]),t._v(" "),i("p",[t._v("为什么源源不断的人仍涌入这座城市？宁可呆在地下室也不愿意离开？")])]),t._v(" "),i("div",{staticClass:"geci-container"},[i("p",{staticStyle:{"margin-bottom":"20px"}},[t._v("也许汪峰《北京北京》作品里的歌词，曾痛彻很多人的心扉：")]),t._v(" "),i("div",{staticClass:"geci-block"},[i("p",[t._v("咖啡馆到广场有三个街区")]),t._v(" "),i("p",[t._v("就像霓虹灯到月亮的距离")]),t._v(" "),i("p",[t._v("在这儿我能感觉到我的存在")]),t._v(" "),i("p",[t._v("在这儿有太多让我眷恋的东西")]),t._v(" "),i("p",[t._v("我在这里活着也在这里死去")]),t._v(" "),i("p",[t._v("北京，北京")])])])])])}]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",[t._m(0),t._v(" "),i("div",{staticClass:"section-container"},[i("div",{staticClass:"map-container"},[t._m(1),t._v(" "),i("div",{staticClass:"map-desc"},[t.selectitem?t._e():i("p",[t._v("①请点击地图选择区域")]),t._v(" "),t.selectitem?i("p",[t._v("①您选择了 "),i("strong",{staticClass:"selectitem"},[t._v(" "+t._s(t.mapdata[t.selectitem].name)+" ")])]):t._e()]),t._v(" "),i("div",{staticClass:"map"},[i("div",{staticClass:"map-top"},[i("div",{staticClass:"yanqing center bg1",class:{darkbg1:"yanqing"==t.hoveritem||"yanqing"==t.selectitem},on:{click:function(e){t.selectArea("yanqing")},mouseenter:function(e){t.hover("yanqing")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("延庆区")]),t._v(" "),i("p",{staticClass:"price"},[t._v("1063.6")])]),t._v(" "),i("div",{staticClass:"huairou center bg1",class:{darkbg1:"huairou"===t.hoveritem||"huairou"==t.selectitem},on:{click:function(e){t.selectArea("huairou")},mouseenter:function(e){t.hover("huairou")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("怀柔区")]),t._v(" "),i("p",{staticClass:"price"},[t._v("1038.71")])]),t._v(" "),i("div",{staticClass:"miyun center bg1",class:{darkbg1:"miyun"===t.hoveritem||"miyun"==t.selectitem},on:{click:function(e){t.selectArea("miyun")},mouseenter:function(e){t.hover("miyun")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("密云区")]),t._v(" "),i("p",{staticClass:"price"},[t._v("844.73")])]),t._v(" "),i("div",{staticClass:"pinggu center bg1",class:{darkbg1:"pinggu"===t.hoveritem||"pinggu"==t.selectitem},on:{click:function(e){t.selectArea("pinggu")},mouseenter:function(e){t.hover("pinggu")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("平谷区")]),t._v(" "),i("p",{staticClass:"price"},[t._v("802.64")])])]),t._v(" "),i("div",{staticClass:"map-middle"},[i("div",{staticClass:"changping center bg3",class:{darkbg3:"changping"===t.hoveritem||"changping"==t.selectitem},on:{click:function(e){t.selectArea("changping")},mouseenter:function(e){t.hover("changping")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("昌平区")]),t._v(" "),i("p",{staticClass:"price"},[t._v("1801.45")])]),t._v(" "),i("div",{staticClass:"shunyi center bg3",class:{darkbg3:"shunyi"===t.hoveritem||"shunyi"==t.selectitem},on:{click:function(e){t.selectArea("shunyi")},mouseenter:function(e){t.hover("shunyi")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("顺义区")]),t._v(" "),i("p",{staticClass:"pirce"},[t._v("2081.08")])])]),t._v(" "),i("div",{staticClass:"map-bottom"},[i("div",{staticClass:"map-bottom-left"},[i("div",{staticClass:"mentougou center bg2",class:{darkbg2:"mentougou"===t.hoveritem||"mentougou"==t.selectitem},on:{click:function(e){t.selectArea("mentougou")},mouseenter:function(e){t.hover("mentougou")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("门头沟区")]),t._v(" "),i("p",{staticClass:"price"},[t._v("1595.39")])]),t._v(" "),i("div",{staticClass:"fangshan center bg2",class:{darkbg2:"fangshan"===t.hoveritem||"fangshan"==t.selectitem},on:{click:function(e){t.selectArea("fangshan")},mouseenter:function(e){t.hover("fangshan")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("房山区")]),t._v(" "),i("p",{staticClass:"price"},[t._v("1173.4")])])]),t._v(" "),i("div",{staticClass:"map-bottom-middle"},[i("div",{staticClass:"map-bottom-middle-top"},[i("div",{staticClass:"haidian center bg4",class:{darkbg4:"haidian"===t.hoveritem||"haidian"==t.selectitem},on:{click:function(e){t.selectArea("haidian")},mouseenter:function(e){t.hover("haidian")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("海淀区")]),t._v(" "),i("p",{staticClass:"price"},[t._v("3351.46")])]),t._v(" "),i("div",{staticClass:"chaoyang center bg4",class:{darkbg4:"chaoyang"===t.hoveritem||"chaoyang"==t.selectitem},on:{click:function(e){t.selectArea("chaoyang")},mouseenter:function(e){t.hover("chaoyang")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("朝阳区")]),t._v(" "),i("p",{staticClass:"price"},[t._v("3426.13")])])]),t._v(" "),i("div",{staticClass:"map-bottom-middle-middle"},[i("div",{staticClass:"map-bottom-middle-middle-left"},[i("div",{staticClass:"map-bottom-middle-middle-left-left"},[i("div",{staticClass:"shijingshan center bg3",class:{darkbg3:"shijingshan"===t.hoveritem||"shijingshan"==t.selectitem},on:{click:function(e){t.selectArea("shijingshan")},mouseenter:function(e){t.hover("shijingshan")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("石景山区")]),t._v(" "),i("p",{staticClass:"price"},[t._v("2420.72")])])]),t._v(" "),i("div",{staticClass:"map-bottom-middle-middle-left-right"},[i("div",{staticClass:"map-bottom-middle-middle-left-right-top"},[i("div",{staticClass:"xicheng center bg4",class:{darkbg4:"xicheng"===t.hoveritem||"xicheng"==t.selectitem},on:{click:function(e){t.selectArea("xicheng")},mouseenter:function(e){t.hover("xicheng")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("西城区")]),t._v(" "),i("p",{staticClass:"price"},[t._v("4136.17")])]),t._v(" "),i("div",{staticClass:"dongcheng center bg4",class:{darkbg4:"dongcheng"===t.hoveritem||"dongcheng"==t.selectitem},on:{click:function(e){t.selectArea("dongcheng")},mouseenter:function(e){t.hover("dongcheng")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("东城区")]),t._v(" "),i("p",{staticClass:"price"},[t._v("4171.3")])])]),t._v(" "),i("div",{staticClass:"map-bottom-middle-middle-left-right-bottom"},[i("div",{staticClass:"fengtai center bg3",class:{darkbg3:"fengtai"===t.hoveritem||"fengtai"==t.selectitem},on:{click:function(e){t.selectArea("fengtai")},mouseenter:function(e){t.hover("fengtai")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("丰台区")]),t._v(" "),i("p",{staticClass:"price"},[t._v("2476.36")])])])])]),t._v(" "),i("div",{staticClass:"map-bottom-middle-middle-right"},[i("div",{staticClass:"map-bottom-middle-middle-right-top bg2",class:{darkbg2:"tongzhou"===t.hoveritem||"tongzhou"==t.selectitem},on:{click:function(e){t.selectArea("tongzhou")},mouseenter:function(e){t.hover("tongzhou")},mouseleave:function(e){t.hover("")}}}),t._v(" "),i("div",{staticClass:"map-bottom-middle-middle-right-bottom bg2",class:{darkbg2:"daxing"===t.hoveritem||"daxing"==t.selectitem},on:{click:function(e){t.selectArea("daxing")},mouseenter:function(e){t.hover("daxing")},mouseleave:function(e){t.hover("")}}})])]),t._v(" "),i("div",{staticClass:"map-bottom-middle-bottom"},[i("div",{staticClass:"map-bottom-middle-bottom-left"},[i("div",{staticClass:"fangshan bg2",class:{darkbg2:"fangshan"===t.hoveritem||"fangshan"==t.selectitem},staticStyle:{height:"100%"},on:{click:function(e){t.selectArea("fangshan")},mouseenter:function(e){t.hover("fangshan")},mouseleave:function(e){t.hover("")}}})]),t._v(" "),i("div",{staticClass:"map-bottom-middle-bottom-right"},[i("div",{staticClass:"daxing bg2",class:{darkbg2:"daxing"===t.hoveritem||"daxing"==t.selectitem},staticStyle:{height:"100%"},on:{click:function(e){t.selectArea("daxing")},mouseenter:function(e){t.hover("daxing")},mouseleave:function(e){t.hover("")}}})])])]),t._v(" "),i("div",{staticClass:"map-bottom-right"},[i("div",{staticClass:"tongzhou center bg2",class:{darkbg2:"tongzhou"===t.hoveritem||"tongzhou"==t.selectitem},on:{click:function(e){t.selectArea("tongzhou")},mouseenter:function(e){t.hover("tongzhou")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("通州区")]),t._v(" "),i("p",{staticClass:"price"},[t._v("1581.49")])]),t._v(" "),i("div",{staticClass:"daxing center bg2",class:{darkbg2:"daxing"===t.hoveritem||"daxing"==t.selectitem},on:{click:function(e){t.selectArea("daxing")},mouseenter:function(e){t.hover("daxing")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("大兴区")]),t._v(" "),i("p",{staticClass:"price"},[t._v("1715.54")])])])])]),t._v(" "),i("div",{staticClass:"map-desc"},[t.payValue?t._e():i("p",[t._v("②请选择您每月租金")]),t._v(" "),t.payValue?i("p",[t._v("②您选择的每月租金是 "),i("strong",{staticClass:"payvalue"},[t._v(t._s(t.payValue)+"元")])]):t._e()]),t._v(" "),i("div",{staticClass:"pay"},[t._m(2),t._v(" "),i("div",{staticClass:"pay-content"},[i("el-slider",{attrs:{step:10,"show-input":"",max:1e4,min:500},model:{value:t.payValue,callback:function(e){t.payValue=e},expression:"payValue"}})],1)])]),t._v(" "),i("div",{staticClass:"house-container"},[i("div",{staticClass:"title"},[i("h1",[t._v("在北京，")]),t._v(" "),t.selectitem&&t.payValue?i("h4",[t._v("您每月 "),i("span",{staticStyle:{"font-size":"30px"}},[t._v(t._s(t.payValue)+"元")]),t._v("的租金在 "),i("span",{staticStyle:{"font-size":"30px"}},[t._v(t._s(t.mapdata[t.selectitem].name))]),t._v(" 可以租到的房屋面积为：")]):t._e(),t._v(" "),t.selectitem&&t.payValue?t._e():i("h4",[t._v("您需花多少钱，才能租到满意的房子？")])]),t._v(" "),i("div",{staticClass:"square-container"},[t.selectitem&&t.payValue?i("div",{staticClass:"square",style:{width:3.6*Math.sqrt(t.mapdata[t.selectitem].rate*t.payValue)+"%"}},[3.6*Math.sqrt(t.mapdata[t.selectitem].rate*t.payValue)>20?i("div",{staticClass:"left-top-arrow"}):t._e(),t._v(" "),i("div",{staticClass:"square-content",style:{fontSize:12+Math.sqrt(t.mapdata[t.selectitem].rate*t.payValue)+"px"}},[i("p",{staticClass:"square-content-text"},[t._v(t._s(t._f("subto2")(t.mapdata[t.selectitem].rate*t.payValue))+"㎡")])]),t._v(" "),3.6*Math.sqrt(t.mapdata[t.selectitem].rate*t.payValue)>20?i("div",{staticClass:"right-bottom-arrow"}):t._e()]):t._e(),t._v(" "),t.selectitem&&t.payValue?t._e():i("div",{staticClass:"before-square"},[i("p",{staticClass:"before-square-text"},[t._v("?")])])])])])])},staticRenderFns:[function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"totle-title-container"},[i("h1",[t._v("假如你现在手上有一笔钱，用它来租哪块儿地方最划算？")]),t._v(" "),i("p",[t._v("选中区域，拖动下方的滑块，看看你能租到多大平米的房子吧！")])])},function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"map-title"},[i("h2",[t._v("北京各区域平均租金/月")])])},function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"pay-title"},[i("h3",[t._v("每月租金")])])}]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"welcome-container"},[i("transition",{attrs:{name:"fade"}},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.scrollY<6640,expression:"scrollY < 6640"}],staticClass:"groupfade"},[i("div",{staticClass:"title-container"},[i("h1",{staticClass:"title1",style:t.title1},[t._v("说到租房，北京的年轻人都哭了")]),t._v(" "),i("p",{staticClass:"title2",style:t.title2},[t._v("我们爬了两万条数据，用数据给你最精确的北京租房素描")])]),t._v(" "),i("transition",{attrs:{name:"fade"}},[t.scrollY<1900?i("div",{staticClass:"footer-container"},[i("span",{staticClass:"icon-arrow-down2"})]):t._e()]),t._v(" "),i("div",{staticClass:"block-container",style:t.blockstyle},[i("div",{staticClass:"block1-container"},[i("div",{staticClass:"block1",style:t.block1},[i("div",{staticClass:"block1-text",style:t.block1text},[i("p",[t._v("In these groups, ")]),t._v(" "),i("p",[t._v("there are construction workers, nail divisions, programmers, waste recyclers,")]),t._v(" "),i("p",[t._v("most of them, are rented in this city")])])])]),t._v(" "),i("div",{staticClass:"block2-container"},[i("div",{staticClass:"block2",style:t.block2},[i("div",{staticClass:"block2-text",style:t.block2text},[i("p",[t._v("在这些人群中，有建筑工、美甲师、程序员、大学生、废品回收者，")]),t._v(" "),i("p",[t._v("也有银行职员和美国摄影师。")]),t._v(" "),i("p",[t._v("他们中的大多数,")]),t._v(" "),i("p",[t._v("都在这个城市租房")])])])]),t._v(" "),i("div",{staticClass:"block3-container"},[i("div",{staticClass:"block3"},[i("div",{staticClass:"block3-text",style:t.block3text},[i("p",[t._v("每天，")]),t._v(" "),i("p",[t._v("平均有2100人拖着行李箱，抵达北京西站、")]),t._v(" "),i("p",[t._v("首都国际机场、长途汽车站…")]),t._v(" "),i("p",[t._v("涌入这个时而令人狂喜沸腾，")]),t._v(" "),i("p",[t._v("时而令人焦躁失望的地方")])])])]),t._v(" "),i("div",{staticClass:"block4-container"},[i("div",{staticClass:"block4",style:t.block4},[i("div",{staticClass:"block4-text",style:t.block4text},[i("p",[t._v("2100 people on average are dragging their suitcases eveyday, ")]),t._v(" "),i("p",[t._v("shortly after they arrive at Beijing West Railway Station, ")]),t._v(" "),i("p",[t._v("Capital International Airport, coach stations and so on.")]),t._v(" "),i("p",[t._v("Pouring into the city where people are either ravished with joy or hanging their heads in despair.")])])])])])],1)]),t._v(" "),i("transition",{attrs:{name:"fade"}},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.scrollY>6640,expression:"scrollY > 6640"}],staticClass:"bgimg-container",style:t.blockstyle},[i("div",{staticClass:"bgimg"})])]),t._v(" "),i("div",{staticClass:"last-text"},[i("h1",{staticClass:"last-text-title",style:t.lasttext},[t._v("北京租房素描")])])],1)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"countrymap"},[t._m(0),t._v(" "),i("div",{staticClass:"chart-container"},[t._m(1),t._v(" "),i("div",{staticClass:"right-chart",on:{scroll:function(t){t.preventDefault()}}},[i("iframe",{attrs:{src:"http://www.dydata.io/preview.html?id=897290587812864000",scrolling:"no",border:"0",frameborder:"0",allowfullscreen:"false",width:"800",height:"1600"}})])]),t._v(" "),t._m(2)])},staticRenderFns:[function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"title-container"},[i("h2",[t._v("那么，在北京租房子究竟有多难？")]),t._v(" "),i("p",[t._v("为了回答这个问题，我们特意爬取了2万多条数据，试图从中得到简介：")])])},function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"left-chart"},[i("iframe",{attrs:{src:"http://www.dydata.io/preview.html?id=896057332858036224",scrolling:"no",border:"0",frameborder:"0",allowfullscreen:"false",width:"800",height:"1600"}})])},function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"text-container"},[i("div",{staticClass:"left-text"},[i("p",[t._v("全国主要城市人均月租金，表示在不同城市人们平均每月租房需要花的钱。从地图上能看出排名前三位的分别为：北京（2748元/月）、上海（2319元/月）、深圳（2211元/月）。北京是全国最贵的！")]),t._v(" "),i("p",[t._v("Monthly rent per person in major cities of China, indicating how much people need to spent on renting houses every month on average in different cities. It can be seen from the map that the top 3 cities are Beijing(￥2748/month), Shanghai(￥2319/month) and Shenzhen(￥ 2211/month ). Clearly, Beijing is the highest one of the country !\n      ")])]),t._v(" "),i("div",{staticClass:"right-text"},[i("p",[t._v("说完了人均月租金，当然也得聊聊收入。如果你的收入足够多，租个房子简直小菜一碟。不过对于大部分刚踏入社会的年轻人来说，这可不是一个小数字。租金收入比指的是每个月租房子要占我们收入的多大比例。租金收入比高，说明你每月工资的绝大部分都用来付房租了，用来看电影、吃饭、打王者荣耀、买衣服包包的钱就少了。听起来很令人沮丧吧！\n      ")]),t._v(" "),i("p",[t._v("更令人沮丧的是，地图中的数据告诉我们，房租收入比最高的还是北京，足足有58%！接下来是深圳（54%）、上海（48%）和三亚（48%）。这些地方的小伙伴生活真不易！")]),t._v(" "),i("p",[t._v("Per capita income should also be taken into account after we done . Of course if you earn enough, renting a houes would be nothing but a piece of cake. Sadly for most young people who just get into the real world, renting is not a small budget. Rent Income Ration(RIR) means the proportion for rent out of our salary every month. A high RIR shows that most of your monthly salary was for rent, leaving little money for films-watching, food, King of Glory, new clothes and bags. How frustrating it is !\n      ")]),t._v(" "),i("p",[t._v("What is worse, figure in the map proves that the highest RIR city is still Beijing, with a good dominant 58% ! Following cities are Shenzhen(54%), Shanghai(48%) and Sanya(48%). what a hard life my fellow friends are living !\n      ")])])])}]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"container",class:"container"+t.index},[i("div",{staticClass:"bgimg",style:t.imgStyle},[i("div",{staticClass:"title",class:"title"+t.index,style:t.titleLeave},[i("p",{staticClass:"content"},[t._v(t._s(t.content))]),t._v(" "),i("p",{staticClass:"content_en"},[t._v(t._s(t.content_en))])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},staticRenderFns:[function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("p",{staticClass:"yinhao-container"},[i("span",{staticClass:"text"},[t._v("“")])])}]}},function(t,e,i){t.exports={render:function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},staticRenderFns:[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"shining_house"},[a("div",{staticClass:"cover"},[a("div",{staticClass:"cover-text-container"},[a("p",{staticClass:"cover-text"},[t._v("\n        当夜色降临时，绝大多数人都需要寻找一个休憩之所。在北京，一共有1390000套出租屋，它们散落在普通住宅楼、四合院、阁楼、地下室里，有时候也会以别墅的面貌出现。在这些出租屋中，住着5000000个形色各异、来去匆匆的人。\n      ")]),t._v(" "),a("p",{staticClass:"cover-text-en"},[t._v("\n        When the day turn into night, most people will be needing a resting premises. In Beijing, all together there are 1,390,000 rental estates, scattering in conventional residential buildings, quadrangle courtyards, attics and basements, sometimes a villa. Accordingly, 5,000,000 unique individuals in hasty life are their residents.\n      ")])])]),t._v(" "),a("video",{staticStyle:{height:"100%",width:"100%","object-fit":"cover"},attrs:{autoplay:"",loop:"",id:"bgvid"}},[a("source",{attrs:{src:i(24),type:"video/webm"}}),t._v(" "),a("source",{attrs:{src:i(24),type:"video/mp4"}})])])}]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},staticRenderFns:[function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ciyun"},[i("div",{staticClass:"text-container"},[i("p",[t._v("更多的人奔走在中介与中介之间，")]),t._v(" "),i("p",[t._v("在各大租房网站上挑花了眼，希望能找到价格便宜、干净整洁、离上班距离又近的房子。")])]),t._v(" "),i("div",{attrs:{id:"tagsList"}},[i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("找室友")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("周边有银行")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("一厨一卫")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("三房一厅")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("有窗户")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("很通风")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("很明亮")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("房东直租")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("无中介费")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("可短租")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v(" 8月底入住 ")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v(" 限女生 ")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("超市菜市场")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("设施完善")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("装修清新")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("交通枢纽")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("双人大床")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v(" 衣柜床头柜 ")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v(" 交通便利 ")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v(" 随时看房 ")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("精装单间")])]),t._v(" "),i("div",{staticClass:"text-container"},[i("p",[t._v("在穿着西装革履的中介口中，在网页的摄影图片中")]),t._v(" "),i("p",[t._v("人们幻想自己租到的房子又大又明亮，无中介费无服务费，还有脾气温柔爱整洁的舍友")])])])}]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"hot_map_container",on:{mouseenter:function(e){t.hover()},mouseleave:function(e){t.leave()},click:function(e){t.toggle()}}},[i("transition",{attrs:{name:"fade"}},[t.isScale?t._e():i("div",{staticClass:"cover"})]),t._v(" "),i("div",{staticClass:"jietu-container"}),t._v(" "),i("transition",{attrs:{name:"fadeslide"}},[t._e()]),t._v(" "),i("div",{staticClass:"bottom-text-container"},[i("div",{staticClass:"bottom-text"},[i("yinhao"),t._v(" "),i("p",{staticClass:"text"},[t._v("热力图上颜色越红的区域表示租金越高，越蓝表示租金越低。我们可以发现距离天安门最近的东城区和西城区租金最高，住在这里的年轻人们平均每月要花4150元才能租一个房间。海淀区和朝阳区也不例外，月租金平均约为3400元。而离市中心越远，租金相应会变得越少。这意味着人们的通勤时间会大大增加，每天要花2-3个小时在地铁上打瞌睡。")]),t._v(" "),i("p",{staticClass:"text"},[t._v("Different colors on the heat map stand for rent varies from area to area. The redder, the higher; the bluer, the lower. We can see that Dongcheng and Xicheng Dictrict, the two districts nearest to Tiananmen Square, are the highest ones. Those who choose to live in both distrcts need to spend ￥4150 for one room every month. With￥3400 per month, Haidian and Chaoyang District are just as expected. Generally speaking, the farther away from downtown, the lower the rent. As a result, commuting time of those who live in suburbs is significantly longer than those who don't, dozing 2 to 3 hours on the subway every day.")])],1)])],1)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{attrs:{id:"app"}},[i("welcome",{attrs:{scrollY:t.scrollY}}),t._v(" "),i("shining_house"),t._v(" "),i("imgcontainer",{attrs:{bgimg:"http://image.dydata.io/ULCrBjf363c9srsG7MANcv.jpg",content:t.turan,content_en:t.turan_en,index:"1",leaveTitleIndex:t.leaveTitleIndex,leaveTitleTop:t.leaveTitleTop,scrollY:t.scrollY}}),t._v(" "),i("ciyun"),t._v(" "),i("imgcontainer",{attrs:{bgimg:"http://image.dydata.io/GqPweHzBcafUwxGA9Wyyah.jpg",content:t.raner,content_en:t.raner_en,index:"2",leaveTitleIndex:t.leaveTitleIndex,leaveTitleTop:t.leaveTitleTop,scrollY:t.scrollY}}),t._v(" "),i("countrymap"),t._v(" "),i("hot_map"),t._v(" "),i("yingxiang"),t._v(" "),i("map_to_rentArea"),t._v(" "),i("likai"),t._v(" "),i("ziliao")],1)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},staticRenderFns:[function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ziliao-container"},[i("div",{staticClass:"title"},[i("h4",[t._v("参考资料")])]),t._v(" "),i("div",{staticClass:"decs"},[i("p",[t._v("1、北京市公安机关组织实有人口基础信息大调查百日专项工作")]),t._v(" "),i("p",[t._v("2、《北京社会治理发展报告（2016～2017）》")]),t._v(" "),i("p",[t._v("3、国家统计局、城市房价网、易居研究院  《50城房租收入比研究》")]),t._v(" "),i("p",[t._v("4、智谷趋势  《各大城市最新租房负担地图：有多少人在假装生活》2017年7月北京个行政区人均租金")]),t._v(" "),i("p",[t._v("5、链家网2017年8月近2万条最新租房数据（包括小区名、面积、距地铁距离、租金、朝向、楼层、经纬度等信息）")])])])}]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},staticRenderFns:[function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"yinxiang-container"},[i("div",{staticClass:"title-container"},[i("h2",[t._v("影响房租的因素")]),t._v(" "),i("p",[t._v("除了地理区位之外，还有什么促使租金居高不下的原因？")])]),t._v(" "),i("div",{staticClass:"chart-container"},[i("div",{staticClass:"left-container"},[i("iframe",{attrs:{src:"http://www.dydata.io/preview.html?id=897409700275101696",scrolling:"no",border:"0",frameborder:"0",allowfullscreen:"true",width:"1584",height:"1200"}})]),t._v(" "),i("div",{staticClass:"right-container"},[i("iframe",{attrs:{src:"http://www.dydata.io/preview.html?id=897468395071676416",scrolling:"no",border:"0",frameborder:"0",allowfullscreen:"true",width:"1000",height:"1000"}})])]),t._v(" "),i("div",{staticClass:"text-container"},[i("p",{staticClass:"text"},[t._v("通过比较分析你可以发现，左边的散点图有一定的趋势和形状，而右边的则是杂乱无章的。用专业的话来说，租金和房屋面积有一定的正相关关系，房屋面积越大，租金越高。同时房屋和地铁距离的大小并不像人们平时想象的那样，它对租金的影响并没有那么显著。")])])])}]}}]),[62]);
-//# sourceMappingURL=app.2beb57354d4fa650cb7f.js.map
\ No newline at end of file
+webpackJsonp([1],Array(24).concat([function(t,e,i){t.exports=i.p+"static/media/rent_video_x264.d87ae7e.mp4"},,function(t,e){},function(t,e,i){function a(t){i(90)}var n=i(2)(i(50),i(113),a,null,null);t.exports=n.exports},,,,,,,,,,,,,,,,,,,,,,,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=i(98),n=i.n(a),s=i(97),o=i.n(s),r=i(95),c=i.n(r),l=i(94),v=i.n(l),u=i(99),d=i.n(u),h=i(93),p=i.n(h),_=i(100),m=i.n(_),f=i(101),g=i.n(f),y=i(96),b=i.n(y),C=i(103),x=i.n(C);e.default={data:function(){return{imgArr:[1,2,3,4],chooseOne:"",leaveTitleIndex:"",leaveTitleTop:"",scrollY:"",turan:"突然，“生活”不期而至。它犹如一头庞大、狡诈、杀气腾腾的猛兽，极有耐心地缓缓逼近，张开血盆大口，随时要将你吞下，在劫难逃。你说你想要一间那样的公寓？凭你刚毕业的资历和薪水，没有银行会答应你按揭买下它。退而求其次，你租房选择了租房。然而，即使是租房，你负担得起你曾幻想过的生活吗？",turan_en:"All of a sudden, life happens. It comes toward you slowly and patienly, like some enormous, cunning, and murderous beast, ready to devour, impossible to escape. You were saying you wanted an apartment with bla bla bla ? Sorry, no bank would grant you a loan for a mortgage, being a newly graduate. Eventually you settle for renting. Still, can you afford the life you have imagined ?",raner:"然而当他们真正拎着大包小包进入房间时，所有的幻想都破灭了。\n 房子被隔断成五六间狭小的空间，板墙在暴风雨来临的时刻止不住地摇撼。卫生间的马桶是共用的，经常挂满污渍。水池的下水管道没有S形水弯，阵阵恶臭扑面而来。女孩儿们把洗好的衣服晾在楼道的栏杆上，或是挂在窗户凹槽上，希望明天不要下雨。",raner_en:"However, when they actually unpack their luggage in their Dream House, the gilt is off.An intact house is usually divided into 5 or 6 rooms with no public space left, the living room included. The door is so thin that one punch can smash it, while the wood siding wall won't stop shaking when the storm comes. Toilet in the bathroom is shared ,usually covered with stains. The S-shaped pipe between the sink and the sewer line is missing, reeking of repulsive smells. Girls hang up their laundry onto the handrail of the corridor or the grooves of the window, hoping it won't rain the next day. "}},name:"app",components:{imgcontainer:n.a,map_to_rentArea:o.a,hot_map:c.a,countrymap:v.a,shining_house:d.a,ciyun:p.a,welcome:m.a,yingxiang:g.a,likai:b.a,ziliao:x.a},mounted:function(){var t=this,e=document.getElementsByClassName("container");window.addEventListener("scroll",function(){t.scrollY=window.scrollY;for(var i=0;i<e.length;i++){var a=document.querySelector(".title"+i),n=a.offsetTop-window.scrollY;n>-window.innerHeight/2&&n<window.innerHeight/2&&(t.leaveTitleTop=n,t.leaveTitleIndex=i)}})}}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=i(102),n=i.n(a);e.default={components:{yinhao:n.a},data:function(){return{ishover:!1,isScale:!0}},methods:{hover:function(){this.ishover=!0},leave:function(){this.ishover=!1},toggle:function(){this.isScale=!this.isScale}}}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{hoveritem:"",selectitem:"",csvdata:"延庆区,yanqing,1063.6,29.0601092896175,0.0344114328694998\n                怀柔区,huairou,1038.71,28.3800546448087,0.035236013901859\n                密云区,miyun,844.73,23.0800546448087,0.043327453742616\n                平谷区,pinggu,802.64,21.9300546448087,0.04559952157879\n                昌平区,changping,1801.45,49.2199453551913,0.0203169668877848\n                顺义区,shunyi,2081.08,56.8601092896175,0.0175870221231284\n                门头沟区,mentougou,1595.39,43.5898907103825,0.0229410990416136\n                海淀区,haidian,3351.46,91.5699453551913,0.0109206137026848\n                朝阳区,chaoyang,3426.13,93.6101092896175,0.0106826069063346\n                通州区,tongzhou,1581.49,43.2101092896175,0.0231427324864526\n                房山区,fangshan,1173.40,32.06,0.0311914095790012\n                石景山区,shijingshan,2420.72,66.1398907103825,0.0151194685878582\n                西城区,xicheng,4136.17,113.010109289617,0.0088487658872822\n                东城区,dongcheng,4171.30,113.97,0.00877424304173759\n                丰台区,fengtai,2476.36,67.6601092896175,0.0147797573858405\n                大兴区,daxing,1715.54,46.8726775956284,0.0213343903377362",mapdata:{},payValue:3e3}},methods:{selectArea:function(t){this.selectitem=t},hover:function(t){this.hoveritem=t},getMapData:function(){for(var t=this.csvdata.split("\n"),e=0;e<t.length;e++)t[e]=t[e].trim().split(","),this.mapdata[t[e][1]]={price:t[e][2],rate:t[e][4],name:t[e][0]};console.dir(this.mapdata)}},created:function(){this.getMapData()},filters:{subto2:function(t){if(t+="",t.indexOf(".")>0){var e=t.indexOf(".");t=t.substr(0,e+4)}return t}}}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:["bgimg","content","content_en","index","leaveTitleIndex","leaveTitleTop","scrollY"],data:function(){return{container:[]}},computed:{titleLeave:function(){return this.index+""==this.leaveTitleIndex+""?{opacity:this.leaveTitleTop/(window.innerHeight/2),transform:"translateY("+-1e4/this.leaveTitleTop+"px)"}:{opacity:"1"}},imgStyle:function(){return{backgroundPosition:"50% "+100*this.scrollY/document.body.offsetHeight+"%",backgroundImage:"url("+this.bgimg+")",backgroundSize:"auto 140vh"}}}}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:["scrollY"],computed:{lasttext:function(){return this.scrollY>7500?{opacity:(this.scrollY-7500)/1500}:{opacity:"0"}},title1:function(){return this.scrollY>100?{transform:"translateX( -"+(this.scrollY-100)/2+"px )"}:{}},title2:function(){return this.scrollY>350?{transform:"translateX( -"+(this.scrollY-350)/3+"px )"}:{}},blockstyle:function(){return(500-this.scrollY-12)/3>-156&&this.scrollY>500?{transform:"translate("+(500-this.scrollY-12)/3+"vw, -171vw) rotate(25deg) "}:(500-this.scrollY-12)/3<-156?{transform:"translate( -156vw, -171vw) rotate(25deg) "}:this.scrollY>8500?{transform:"translate(-156vw,-171vw) rotate(25deg)"}:{transform:"translate(-12vw,-171vw) rotate(25deg)"}},block1:function(){return this.scrollY>4e3?{width:(this.scrollY-4e3)/100+"%",opacity:(this.scrollY-4e3)/1e3}:{width:"0%"}},block1text:function(){return this.scrollY>5500?{opacity:(this.scrollY-5500)/1500}:{opacity:"0"}},block2:function(){return this.scrollY>3068?{height:(this.scrollY-3068)/100+"%",opacity:(this.scrollY-3068)/1e3}:{height:"0%"}},block2text:function(){return this.scrollY>3650?{opacity:(this.scrollY-3650)/1500}:{opacity:"0"}},block4:function(){return this.scrollY>2e3?{width:(this.scrollY-2e3)/100+"%",opacity:(this.scrollY-1752)/1e3}:{width:"0%"}},block3text:function(){return this.scrollY>1752?{opacity:(this.scrollY-1752)/1500}:{opacity:"0"}},block4text:function(){return this.scrollY>2361?{opacity:(this.scrollY-2361)/1500}:{opacity:"0"}}},methods:{},mounted:function(){},watch:{scrollY:function(){this.scrollY>=8500?($(".bgimg-container").css("position","absolute"),$(".bgimg-container").css("top","8500px"),$(".last-text").css("position","absolute"),$(".last-text").css("top",8500+window.innerHeight/2+"px")):($(".bgimg-container").css("position","fixed"),$(".bgimg-container").css("top","0px"),$(".last-text").css("position","fixed"),$(".last-text").css("top","50%"))}}}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=i(3),n=i(25),s=(i.n(n),i(26)),o=(i.n(s),i(27)),r=i.n(o);a.default.config.productionTip=!1,a.default.use(n.Slider),new a.default({el:"#app",template:"<App/>",components:{App:r.a}})},,,,,,,,,,,,,,,,,,,function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e,i){function a(t){i(88)}var n=i(2)(i(51),i(111),a,"data-v-69bf1a6c",null);t.exports=n.exports},function(t,e,i){function a(t){i(84)}var n=i(2)(i(52),i(107),a,"data-v-358636a8",null);t.exports=n.exports},function(t,e,i){function a(t){i(89)}var n=i(2)(i(53),i(112),a,"data-v-75fb6e08",null);t.exports=n.exports},function(t,e,i){function a(t){i(81)}var n=i(2)(i(54),i(104),a,"data-v-0aec8b58",null);t.exports=n.exports},function(t,e,i){function a(t){i(82)}var n=i(2)(i(55),i(105),a,"data-v-196ac965",null);t.exports=n.exports},function(t,e,i){function a(t){i(85)}var n=i(2)(i(56),i(108),a,"data-v-420cbd03",null);t.exports=n.exports},function(t,e,i){function a(t){i(87)}var n=i(2)(i(57),i(110),a,"data-v-68f9f1b2",null);t.exports=n.exports},function(t,e,i){function a(t){i(83)}var n=i(2)(i(58),i(106),a,"data-v-1f905300",null);t.exports=n.exports},function(t,e,i){function a(t){i(92)}var n=i(2)(i(59),i(115),a,"data-v-b9df1584",null);t.exports=n.exports},function(t,e,i){function a(t){i(86)}var n=i(2)(i(60),i(109),a,"data-v-5e23f24a",null);t.exports=n.exports},function(t,e,i){function a(t){i(91)}var n=i(2)(i(61),i(114),a,null,null);t.exports=n.exports},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},staticRenderFns:[function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"likai-container"},[i("div",{staticClass:"text-container"},[i("div",{staticClass:"title-container"},[i("p",[t._v("北京的生活成本昂贵，房租如此之高，")]),t._v(" "),i("p",[t._v("为什么源源不断的人仍涌入这座城市？宁可呆在地下室也不愿意离开？")])]),t._v(" "),i("div",{staticClass:"geci-container"},[i("p",{staticStyle:{"margin-bottom":"20px"}},[t._v("也许汪峰《北京北京》作品里的歌词，曾痛彻很多人的心扉：")]),t._v(" "),i("div",{staticClass:"geci-block"},[i("p",[t._v("咖啡馆到广场有三个街区")]),t._v(" "),i("p",[t._v("就像霓虹灯到月亮的距离")]),t._v(" "),i("p",[t._v("在这儿我能感觉到我的存在")]),t._v(" "),i("p",[t._v("在这儿有太多让我眷恋的东西")]),t._v(" "),i("p",[t._v("我在这里活着也在这里死去")]),t._v(" "),i("p",[t._v("北京，北京")])])])])])}]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",[t._m(0),t._v(" "),i("div",{staticClass:"section-container"},[i("div",{staticClass:"map-container"},[t._m(1),t._v(" "),i("div",{staticClass:"map-desc"},[t.selectitem?t._e():i("p",[t._v("①请点击地图选择区域")]),t._v(" "),t.selectitem?i("p",[t._v("①您选择了 "),i("strong",{staticClass:"selectitem"},[t._v(" "+t._s(t.mapdata[t.selectitem].name)+" ")])]):t._e()]),t._v(" "),i("div",{staticClass:"map"},[i("div",{staticClass:"map-top"},[i("div",{staticClass:"yanqing center bg1",class:{darkbg1:"yanqing"==t.hoveritem||"yanqing"==t.selectitem},on:{click:function(e){t.selectArea("yanqing")},mouseenter:function(e){t.hover("yanqing")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("延庆区")]),t._v(" "),i("p",{staticClass:"price"},[t._v("1063.6")])]),t._v(" "),i("div",{staticClass:"huairou center bg1",class:{darkbg1:"huairou"===t.hoveritem||"huairou"==t.selectitem},on:{click:function(e){t.selectArea("huairou")},mouseenter:function(e){t.hover("huairou")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("怀柔区")]),t._v(" "),i("p",{staticClass:"price"},[t._v("1038.71")])]),t._v(" "),i("div",{staticClass:"miyun center bg1",class:{darkbg1:"miyun"===t.hoveritem||"miyun"==t.selectitem},on:{click:function(e){t.selectArea("miyun")},mouseenter:function(e){t.hover("miyun")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("密云区")]),t._v(" "),i("p",{staticClass:"price"},[t._v("844.73")])]),t._v(" "),i("div",{staticClass:"pinggu center bg1",class:{darkbg1:"pinggu"===t.hoveritem||"pinggu"==t.selectitem},on:{click:function(e){t.selectArea("pinggu")},mouseenter:function(e){t.hover("pinggu")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("平谷区")]),t._v(" "),i("p",{staticClass:"price"},[t._v("802.64")])])]),t._v(" "),i("div",{staticClass:"map-middle"},[i("div",{staticClass:"changping center bg3",class:{darkbg3:"changping"===t.hoveritem||"changping"==t.selectitem},on:{click:function(e){t.selectArea("changping")},mouseenter:function(e){t.hover("changping")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("昌平区")]),t._v(" "),i("p",{staticClass:"price"},[t._v("1801.45")])]),t._v(" "),i("div",{staticClass:"shunyi center bg3",class:{darkbg3:"shunyi"===t.hoveritem||"shunyi"==t.selectitem},on:{click:function(e){t.selectArea("shunyi")},mouseenter:function(e){t.hover("shunyi")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("顺义区")]),t._v(" "),i("p",{staticClass:"pirce"},[t._v("2081.08")])])]),t._v(" "),i("div",{staticClass:"map-bottom"},[i("div",{staticClass:"map-bottom-left"},[i("div",{staticClass:"mentougou center bg2",class:{darkbg2:"mentougou"===t.hoveritem||"mentougou"==t.selectitem},on:{click:function(e){t.selectArea("mentougou")},mouseenter:function(e){t.hover("mentougou")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("门头沟区")]),t._v(" "),i("p",{staticClass:"price"},[t._v("1595.39")])]),t._v(" "),i("div",{staticClass:"fangshan center bg2",class:{darkbg2:"fangshan"===t.hoveritem||"fangshan"==t.selectitem},on:{click:function(e){t.selectArea("fangshan")},mouseenter:function(e){t.hover("fangshan")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("房山区")]),t._v(" "),i("p",{staticClass:"price"},[t._v("1173.4")])])]),t._v(" "),i("div",{staticClass:"map-bottom-middle"},[i("div",{staticClass:"map-bottom-middle-top"},[i("div",{staticClass:"haidian center bg4",class:{darkbg4:"haidian"===t.hoveritem||"haidian"==t.selectitem},on:{click:function(e){t.selectArea("haidian")},mouseenter:function(e){t.hover("haidian")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("海淀区")]),t._v(" "),i("p",{staticClass:"price"},[t._v("3351.46")])]),t._v(" "),i("div",{staticClass:"chaoyang center bg4",class:{darkbg4:"chaoyang"===t.hoveritem||"chaoyang"==t.selectitem},on:{click:function(e){t.selectArea("chaoyang")},mouseenter:function(e){t.hover("chaoyang")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("朝阳区")]),t._v(" "),i("p",{staticClass:"price"},[t._v("3426.13")])])]),t._v(" "),i("div",{staticClass:"map-bottom-middle-middle"},[i("div",{staticClass:"map-bottom-middle-middle-left"},[i("div",{staticClass:"map-bottom-middle-middle-left-left"},[i("div",{staticClass:"shijingshan center bg3",class:{darkbg3:"shijingshan"===t.hoveritem||"shijingshan"==t.selectitem},on:{click:function(e){t.selectArea("shijingshan")},mouseenter:function(e){t.hover("shijingshan")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("石景山区")]),t._v(" "),i("p",{staticClass:"price"},[t._v("2420.72")])])]),t._v(" "),i("div",{staticClass:"map-bottom-middle-middle-left-right"},[i("div",{staticClass:"map-bottom-middle-middle-left-right-top"},[i("div",{staticClass:"xicheng center bg4",class:{darkbg4:"xicheng"===t.hoveritem||"xicheng"==t.selectitem},on:{click:function(e){t.selectArea("xicheng")},mouseenter:function(e){t.hover("xicheng")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("西城区")]),t._v(" "),i("p",{staticClass:"price"},[t._v("4136.17")])]),t._v(" "),i("div",{staticClass:"dongcheng center bg4",class:{darkbg4:"dongcheng"===t.hoveritem||"dongcheng"==t.selectitem},on:{click:function(e){t.selectArea("dongcheng")},mouseenter:function(e){t.hover("dongcheng")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("东城区")]),t._v(" "),i("p",{staticClass:"price"},[t._v("4171.3")])])]),t._v(" "),i("div",{staticClass:"map-bottom-middle-middle-left-right-bottom"},[i("div",{staticClass:"fengtai center bg3",class:{darkbg3:"fengtai"===t.hoveritem||"fengtai"==t.selectitem},on:{click:function(e){t.selectArea("fengtai")},mouseenter:function(e){t.hover("fengtai")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("丰台区")]),t._v(" "),i("p",{staticClass:"price"},[t._v("2476.36")])])])])]),t._v(" "),i("div",{staticClass:"map-bottom-middle-middle-right"},[i("div",{staticClass:"map-bottom-middle-middle-right-top bg2",class:{darkbg2:"tongzhou"===t.hoveritem||"tongzhou"==t.selectitem},on:{click:function(e){t.selectArea("tongzhou")},mouseenter:function(e){t.hover("tongzhou")},mouseleave:function(e){t.hover("")}}}),t._v(" "),i("div",{staticClass:"map-bottom-middle-middle-right-bottom bg2",class:{darkbg2:"daxing"===t.hoveritem||"daxing"==t.selectitem},on:{click:function(e){t.selectArea("daxing")},mouseenter:function(e){t.hover("daxing")},mouseleave:function(e){t.hover("")}}})])]),t._v(" "),i("div",{staticClass:"map-bottom-middle-bottom"},[i("div",{staticClass:"map-bottom-middle-bottom-left"},[i("div",{staticClass:"fangshan bg2",class:{darkbg2:"fangshan"===t.hoveritem||"fangshan"==t.selectitem},staticStyle:{height:"100%"},on:{click:function(e){t.selectArea("fangshan")},mouseenter:function(e){t.hover("fangshan")},mouseleave:function(e){t.hover("")}}})]),t._v(" "),i("div",{staticClass:"map-bottom-middle-bottom-right"},[i("div",{staticClass:"daxing bg2",class:{darkbg2:"daxing"===t.hoveritem||"daxing"==t.selectitem},staticStyle:{height:"100%"},on:{click:function(e){t.selectArea("daxing")},mouseenter:function(e){t.hover("daxing")},mouseleave:function(e){t.hover("")}}})])])]),t._v(" "),i("div",{staticClass:"map-bottom-right"},[i("div",{staticClass:"tongzhou center bg2",class:{darkbg2:"tongzhou"===t.hoveritem||"tongzhou"==t.selectitem},on:{click:function(e){t.selectArea("tongzhou")},mouseenter:function(e){t.hover("tongzhou")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("通州区")]),t._v(" "),i("p",{staticClass:"price"},[t._v("1581.49")])]),t._v(" "),i("div",{staticClass:"daxing center bg2",class:{darkbg2:"daxing"===t.hoveritem||"daxing"==t.selectitem},on:{click:function(e){t.selectArea("daxing")},mouseenter:function(e){t.hover("daxing")},mouseleave:function(e){t.hover("")}}},[i("p",{staticClass:"name"},[t._v("大兴区")]),t._v(" "),i("p",{staticClass:"price"},[t._v("1715.54")])])])])]),t._v(" "),i("div",{staticClass:"map-desc"},[t.payValue?t._e():i("p",[t._v("②请选择您每月租金")]),t._v(" "),t.payValue?i("p",[t._v("②您选择的每月租金是 "),i("strong",{staticClass:"payvalue"},[t._v(t._s(t.payValue)+"元")])]):t._e()]),t._v(" "),i("div",{staticClass:"pay"},[t._m(2),t._v(" "),i("div",{staticClass:"pay-content"},[i("el-slider",{attrs:{step:10,"show-input":"",max:1e4,min:500},model:{value:t.payValue,callback:function(e){t.payValue=e},expression:"payValue"}})],1)])]),t._v(" "),i("div",{staticClass:"house-container"},[i("div",{staticClass:"title"},[i("h1",[t._v("在北京，")]),t._v(" "),t.selectitem&&t.payValue?i("h4",[t._v("您每月 "),i("span",{staticStyle:{"font-size":"30px"}},[t._v(t._s(t.payValue)+"元")]),t._v("的租金在 "),i("span",{staticStyle:{"font-size":"30px"}},[t._v(t._s(t.mapdata[t.selectitem].name))]),t._v(" 可以租到的房屋面积为：")]):t._e(),t._v(" "),t.selectitem&&t.payValue?t._e():i("h4",[t._v("您需花多少钱，才能租到满意的房子？")])]),t._v(" "),i("div",{staticClass:"square-container"},[t.selectitem&&t.payValue?i("div",{staticClass:"square",style:{width:3.6*Math.sqrt(t.mapdata[t.selectitem].rate*t.payValue)+"%"}},[3.6*Math.sqrt(t.mapdata[t.selectitem].rate*t.payValue)>20?i("div",{staticClass:"left-top-arrow"}):t._e(),t._v(" "),i("div",{staticClass:"square-content",style:{fontSize:12+Math.sqrt(t.mapdata[t.selectitem].rate*t.payValue)+"px"}},[i("p",{staticClass:"square-content-text"},[t._v(t._s(t._f("subto2")(t.mapdata[t.selectitem].rate*t.payValue))+"㎡")])]),t._v(" "),3.6*Math.sqrt(t.mapdata[t.selectitem].rate*t.payValue)>20?i("div",{staticClass:"right-bottom-arrow"}):t._e()]):t._e(),t._v(" "),t.selectitem&&t.payValue?t._e():i("div",{staticClass:"before-square"},[i("p",{staticClass:"before-square-text"},[t._v("?")])])])])])])},staticRenderFns:[function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"totle-title-container"},[i("h1",[t._v("假如你现在手上有一笔钱，用它来租哪块儿地方最划算？")]),t._v(" "),i("p",[t._v("选中区域，拖动下方的滑块，看看你能租到多大平米的房子吧！")])])},function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"map-title"},[i("h2",[t._v("北京各区域平均租金/月")])])},function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"pay-title"},[i("h3",[t._v("每月租金")])])}]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"welcome-container"},[i("transition",{attrs:{name:"fade"}},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.scrollY<6640,expression:"scrollY < 6640"}],staticClass:"groupfade"},[i("div",{staticClass:"title-container"},[i("h1",{staticClass:"title1",style:t.title1},[t._v("说到租房，北京的年轻人都哭了")]),t._v(" "),i("p",{staticClass:"title2",style:t.title2},[t._v("我们爬了两万条数据，用数据给你最精确的北京租房素描")])]),t._v(" "),i("transition",{attrs:{name:"fade"}},[t.scrollY<1900?i("div",{staticClass:"footer-container"},[i("span",{staticClass:"icon-arrow-down2"})]):t._e()]),t._v(" "),i("div",{staticClass:"block-container",style:t.blockstyle},[i("div",{staticClass:"block1-container"},[i("div",{staticClass:"block1",style:t.block1},[i("div",{staticClass:"block1-text",style:t.block1text},[i("p",[t._v("In these groups, ")]),t._v(" "),i("p",[t._v("there are construction workers, nail divisions, programmers, waste recyclers,")]),t._v(" "),i("p",[t._v("most of them, are rented in this city")])])])]),t._v(" "),i("div",{staticClass:"block2-container"},[i("div",{staticClass:"block2",style:t.block2},[i("div",{staticClass:"block2-text",style:t.block2text},[i("p",[t._v("在这些人群中，有建筑工、美甲师、程序员、大学生、废品回收者，")]),t._v(" "),i("p",[t._v("也有银行职员和美国摄影师。")]),t._v(" "),i("p",[t._v("他们中的大多数,")]),t._v(" "),i("p",[t._v("都在这个城市租房")])])])]),t._v(" "),i("div",{staticClass:"block3-container"},[i("div",{staticClass:"block3"},[i("div",{staticClass:"block3-text",style:t.block3text},[i("p",[t._v("每天，")]),t._v(" "),i("p",[t._v("平均有2100人拖着行李箱，抵达北京西站、")]),t._v(" "),i("p",[t._v("首都国际机场、长途汽车站…")]),t._v(" "),i("p",[t._v("涌入这个时而令人狂喜沸腾，")]),t._v(" "),i("p",[t._v("时而令人焦躁失望的地方")])])])]),t._v(" "),i("div",{staticClass:"block4-container"},[i("div",{staticClass:"block4",style:t.block4},[i("div",{staticClass:"block4-text",style:t.block4text},[i("p",[t._v("2100 people on average are dragging their suitcases eveyday, ")]),t._v(" "),i("p",[t._v("shortly after they arrive at Beijing West Railway Station, ")]),t._v(" "),i("p",[t._v("Capital International Airport, coach stations and so on.")]),t._v(" "),i("p",[t._v("Pouring into the city where people are either ravished with joy or hanging their heads in despair.")])])])])])],1)]),t._v(" "),i("transition",{attrs:{name:"fade"}},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.scrollY>6640,expression:"scrollY > 6640"}],staticClass:"bgimg-container",style:t.blockstyle},[i("div",{staticClass:"bgimg"})])]),t._v(" "),i("div",{staticClass:"last-text"},[i("h1",{staticClass:"last-text-title",style:t.lasttext},[t._v("北京租房素描")])])],1)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"countrymap"},[t._m(0),t._v(" "),i("div",{staticClass:"chart-container"},[t._m(1),t._v(" "),i("div",{staticClass:"right-chart",on:{scroll:function(t){t.preventDefault()}}},[i("iframe",{attrs:{src:"http://www.dydata.io/preview.html?id=897290587812864000",scrolling:"no",border:"0",frameborder:"0",allowfullscreen:"false",width:"100%",height:"1600"}})])]),t._v(" "),t._m(2)])},staticRenderFns:[function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"title-container"},[i("h2",[t._v("那么，在北京租房子究竟有多难？")]),t._v(" "),i("p",[t._v("为了回答这个问题，我们特意爬取了2万多条数据，试图从中得到简介：")])])},function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"left-chart"},[i("iframe",{attrs:{src:"http://www.dydata.io/preview.html?id=896057332858036224",scrolling:"no",border:"0",frameborder:"0",allowfullscreen:"false",width:"100%",height:"1600"}})])},function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"text-container"},[i("div",{staticClass:"left-text"},[i("p",[t._v("全国主要城市人均月租金，表示在不同城市人们平均每月租房需要花的钱。从地图上能看出排名前三位的分别为：北京（2748元/月）、上海（2319元/月）、深圳（2211元/月）。北京是全国最贵的！")]),t._v(" "),i("p",[t._v("Monthly rent per person in major cities of China, indicating how much people need to spent on renting houses every month on average in different cities. It can be seen from the map that the top 3 cities are Beijing(￥2748/month), Shanghai(￥2319/month) and Shenzhen(￥ 2211/month ). Clearly, Beijing is the highest one of the country !\n      ")])]),t._v(" "),i("div",{staticClass:"right-text"},[i("p",[t._v("说完了人均月租金，当然也得聊聊收入。如果你的收入足够多，租个房子简直小菜一碟。不过对于大部分刚踏入社会的年轻人来说，这可不是一个小数字。租金收入比指的是每个月租房子要占我们收入的多大比例。租金收入比高，说明你每月工资的绝大部分都用来付房租了，用来看电影、吃饭、打王者荣耀、买衣服包包的钱就少了。听起来很令人沮丧吧！\n      ")]),t._v(" "),i("p",[t._v("更令人沮丧的是，地图中的数据告诉我们，房租收入比最高的还是北京，足足有58%！接下来是深圳（54%）、上海（48%）和三亚（48%）。这些地方的小伙伴生活真不易！")]),t._v(" "),i("p",[t._v("Per capita income should also be taken into account after we done . Of course if you earn enough, renting a houes would be nothing but a piece of cake. Sadly for most young people who just get into the real world, renting is not a small budget. Rent Income Ration(RIR) means the proportion for rent out of our salary every month. A high RIR shows that most of your monthly salary was for rent, leaving little money for films-watching, food, King of Glory, new clothes and bags. How frustrating it is !\n      ")]),t._v(" "),i("p",[t._v("What is worse, figure in the map proves that the highest RIR city is still Beijing, with a good dominant 58% ! Following cities are Shenzhen(54%), Shanghai(48%) and Sanya(48%). what a hard life my fellow friends are living !\n      ")])])])}]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"container",class:"container"+t.index},[i("div",{staticClass:"bgimg",style:t.imgStyle},[i("div",{staticClass:"title",class:"title"+t.index,style:t.titleLeave},[i("p",{staticClass:"content"},[t._v(t._s(t.content))]),t._v(" "),i("p",{staticClass:"content_en"},[t._v(t._s(t.content_en))])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},staticRenderFns:[function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("p",{staticClass:"yinhao-container"},[i("span",{staticClass:"text"},[t._v("“")])])}]}},function(t,e,i){t.exports={render:function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},staticRenderFns:[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"shining_house"},[a("div",{staticClass:"cover"},[a("div",{staticClass:"cover-text-container"},[a("p",{staticClass:"cover-text"},[t._v("\n        当夜色降临时，绝大多数人都需要寻找一个休憩之所。在北京，一共有1390000套出租屋，它们散落在普通住宅楼、四合院、阁楼、地下室里，有时候也会以别墅的面貌出现。在这些出租屋中，住着5000000个形色各异、来去匆匆的人。\n      ")]),t._v(" "),a("p",{staticClass:"cover-text-en"},[t._v("\n        When the day turn into night, most people will be needing a resting premises. In Beijing, all together there are 1,390,000 rental estates, scattering in conventional residential buildings, quadrangle courtyards, attics and basements, sometimes a villa. Accordingly, 5,000,000 unique individuals in hasty life are their residents.\n      ")])])]),t._v(" "),a("video",{staticStyle:{height:"100%",width:"100%","object-fit":"cover"},attrs:{autoplay:"",loop:"",id:"bgvid"}},[a("source",{attrs:{src:i(24),type:"video/webm"}}),t._v(" "),a("source",{attrs:{src:i(24),type:"video/mp4"}})])])}]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},staticRenderFns:[function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ciyun"},[i("div",{staticClass:"text-container"},[i("p",[t._v("更多的人奔走在中介与中介之间，")]),t._v(" "),i("p",[t._v("在各大租房网站上挑花了眼，希望能找到价格便宜、干净整洁、离上班距离又近的房子。")])]),t._v(" "),i("div",{attrs:{id:"tagsList"}},[i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("找室友")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("周边有银行")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("一厨一卫")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("三房一厅")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("有窗户")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("很通风")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("很明亮")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("房东直租")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("无中介费")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("可短租")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v(" 8月底入住 ")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v(" 限女生 ")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("超市菜市场")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("设施完善")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("装修清新")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("交通枢纽")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("双人大床")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v(" 衣柜床头柜 ")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v(" 交通便利 ")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v(" 随时看房 ")]),t._v(" "),i("a",{attrs:{href:"“javascript:;”",title:"niyaoxiedehanzi"}},[t._v("精装单间")])]),t._v(" "),i("div",{staticClass:"text-container"},[i("p",[t._v("在穿着西装革履的中介口中，在网页的摄影图片中")]),t._v(" "),i("p",[t._v("人们幻想自己租到的房子又大又明亮，无中介费无服务费，还有脾气温柔爱整洁的舍友")])])])}]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"hot_map_container",on:{mouseenter:function(e){t.hover()},mouseleave:function(e){t.leave()},click:function(e){t.toggle()}}},[i("transition",{attrs:{name:"fade"}},[t.isScale?t._e():i("div",{staticClass:"cover"})]),t._v(" "),i("div",{staticClass:"jietu-container"}),t._v(" "),i("transition",{attrs:{name:"fadeslide"}},[t._e()]),t._v(" "),i("div",{staticClass:"bottom-text-container"},[i("div",{staticClass:"bottom-text"},[i("yinhao"),t._v(" "),i("p",{staticClass:"text"},[t._v("热力图上颜色越红的区域表示租金越高，越蓝表示租金越低。我们可以发现距离天安门最近的东城区和西城区租金最高，住在这里的年轻人们平均每月要花4150元才能租一个房间。海淀区和朝阳区也不例外，月租金平均约为3400元。而离市中心越远，租金相应会变得越少。这意味着人们的通勤时间会大大增加，每天要花2-3个小时在地铁上打瞌睡。")]),t._v(" "),i("p",{staticClass:"text"},[t._v("Different colors on the heat map stand for rent varies from area to area. The redder, the higher; the bluer, the lower. We can see that Dongcheng and Xicheng Dictrict, the two districts nearest to Tiananmen Square, are the highest ones. Those who choose to live in both distrcts need to spend ￥4150 for one room every month. With￥3400 per month, Haidian and Chaoyang District are just as expected. Generally speaking, the farther away from downtown, the lower the rent. As a result, commuting time of those who live in suburbs is significantly longer than those who don't, dozing 2 to 3 hours on the subway every day.")])],1)])],1)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{attrs:{id:"app"}},[i("welcome",{attrs:{scrollY:t.scrollY}}),t._v(" "),i("shining_house"),t._v(" "),i("imgcontainer",{attrs:{bgimg:"http://image.dydata.io/ULCrBjf363c9srsG7MANcv.jpg",content:t.turan,content_en:t.turan_en,index:"1",leaveTitleIndex:t.leaveTitleIndex,leaveTitleTop:t.leaveTitleTop,scrollY:t.scrollY}}),t._v(" "),i("ciyun"),t._v(" "),i("imgcontainer",{attrs:{bgimg:"http://image.dydata.io/GqPweHzBcafUwxGA9Wyyah.jpg",content:t.raner,content_en:t.raner_en,index:"2",leaveTitleIndex:t.leaveTitleIndex,leaveTitleTop:t.leaveTitleTop,scrollY:t.scrollY}}),t._v(" "),i("countrymap"),t._v(" "),i("hot_map"),t._v(" "),i("yingxiang"),t._v(" "),i("map_to_rentArea"),t._v(" "),i("likai"),t._v(" "),i("ziliao")],1)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},staticRenderFns:[function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ziliao-container"},[i("div",{staticClass:"title"},[i("h4",[t._v("参考资料")])]),t._v(" "),i("div",{staticClass:"decs"},[i("p",[t._v("1、北京市公安机关组织实有人口基础信息大调查百日专项工作")]),t._v(" "),i("p",[t._v("2、《北京社会治理发展报告（2016～2017）》")]),t._v(" "),i("p",[t._v("3、国家统计局、城市房价网、易居研究院  《50城房租收入比研究》")]),t._v(" "),i("p",[t._v("4、智谷趋势  《各大城市最新租房负担地图：有多少人在假装生活》2017年7月北京个行政区人均租金")]),t._v(" "),i("p",[t._v("5、链家网2017年8月近2万条最新租房数据（包括小区名、面积、距地铁距离、租金、朝向、楼层、经纬度等信息）")])])])}]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},staticRenderFns:[function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"yinxiang-container"},[i("div",{staticClass:"title-container"},[i("h2",[t._v("影响房租的因素")]),t._v(" "),i("p",[t._v("除了地理区位之外，还有什么促使租金居高不下的原因？")])]),t._v(" "),i("div",{staticClass:"chart-container"},[i("div",{staticClass:"left-container"},[i("iframe",{attrs:{src:"http://www.dydata.io/preview.html?id=897409700275101696",scrolling:"no",border:"0",frameborder:"0",allowfullscreen:"true",width:"100%",height:"1200"}})]),t._v(" "),i("div",{staticClass:"right-container"},[i("iframe",{attrs:{src:"http://www.dydata.io/preview.html?id=897468395071676416",scrolling:"no",border:"0",frameborder:"0",allowfullscreen:"true",width:"100%",height:"1000"}})])]),t._v(" "),i("div",{staticClass:"text-container"},[i("p",{staticClass:"text"},[t._v("通过比较分析你可以发现，左边的散点图有一定的趋势和形状，而右边的则是杂乱无章的。用专业的话来说，租金和房屋面积有一定的正相关关系，房屋面积越大，租金越高。同时房屋和地铁距离的大小并不像人们平时想象的那样，它对租金的影响并没有那么显著。")])])])}]}}]),[62]);
+//# sourceMappingURL=app.654e7579b06995e830a6.js.map
\ No newline at end of file
diff --git a/static/js/app.654e7579b06995e830a6.js.map b/static/js/app.654e7579b06995e830a6.js.map
new file mode 100644
index 0000000..40b6e1d
--- /dev/null
+++ b/static/js/app.654e7579b06995e830a6.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///static/js/app.654e7579b06995e830a6.js","webpack:///./static/video/rent_video_x264.mp4","webpack:///./src/App.vue","webpack:///App.vue","webpack:///ciyun.vue","webpack:///coutrymap.vue","webpack:///hot_map.vue","webpack:///likai.vue","webpack:///map_to_rentArea.vue","webpack:///section.vue","webpack:///shining_house.vue","webpack:///welcome.vue","webpack:///yingxiang.vue","webpack:///yinhao.vue","webpack:///ziliao.vue","webpack:///./src/main.js","webpack:///./src/components/ciyun.vue?8e90","webpack:///./src/components/coutrymap.vue?0a22","webpack:///./src/components/hot_map.vue?452c","webpack:///./src/components/likai.vue?d493","webpack:///./src/components/map_to_rentArea.vue?9c09","webpack:///./src/components/section.vue?6464","webpack:///./src/components/shining_house.vue?a87b","webpack:///./src/components/welcome.vue?04ba","webpack:///./src/components/yingxiang.vue?787e","webpack:///./src/components/yinhao.vue?f3f9","webpack:///./src/components/ziliao.vue?51c0","webpack:///./src/components/likai.vue?09b4","webpack:///./src/components/map_to_rentArea.vue?a146","webpack:///./src/components/welcome.vue?8c6c","webpack:///./src/components/coutrymap.vue?796c","webpack:///./src/components/section.vue?da82","webpack:///./src/components/yinhao.vue?8e65","webpack:///./src/components/shining_house.vue?807d","webpack:///./src/components/ciyun.vue?aee0","webpack:///./src/components/hot_map.vue?21c9","webpack:///./src/App.vue?9eab","webpack:///./src/components/ziliao.vue?8d94","webpack:///./src/components/yingxiang.vue?f44e"],"names":["webpackJsonp","Array","concat","module","exports","__webpack_require__","p","injectStyle","ssrContext","Component","__webpack_exports__","Object","defineProperty","value","__WEBPACK_IMPORTED_MODULE_0__components_section__","__WEBPACK_IMPORTED_MODULE_0__components_section___default","n","__WEBPACK_IMPORTED_MODULE_1__components_map_to_rentArea_vue__","__WEBPACK_IMPORTED_MODULE_1__components_map_to_rentArea_vue___default","__WEBPACK_IMPORTED_MODULE_2__components_hot_map_vue__","__WEBPACK_IMPORTED_MODULE_2__components_hot_map_vue___default","__WEBPACK_IMPORTED_MODULE_3__components_coutrymap_vue__","__WEBPACK_IMPORTED_MODULE_3__components_coutrymap_vue___default","__WEBPACK_IMPORTED_MODULE_4__components_shining_house_vue__","__WEBPACK_IMPORTED_MODULE_4__components_shining_house_vue___default","__WEBPACK_IMPORTED_MODULE_5__components_ciyun_vue__","__WEBPACK_IMPORTED_MODULE_5__components_ciyun_vue___default","__WEBPACK_IMPORTED_MODULE_6__components_welcome_vue__","__WEBPACK_IMPORTED_MODULE_6__components_welcome_vue___default","__WEBPACK_IMPORTED_MODULE_7__components_yingxiang_vue__","__WEBPACK_IMPORTED_MODULE_7__components_yingxiang_vue___default","__WEBPACK_IMPORTED_MODULE_8__components_likai_vue__","__WEBPACK_IMPORTED_MODULE_8__components_likai_vue___default","__WEBPACK_IMPORTED_MODULE_9__components_ziliao_vue__","__WEBPACK_IMPORTED_MODULE_9__components_ziliao_vue___default","data","imgArr","chooseOne","leaveTitleIndex","leaveTitleTop","scrollY","turan","turan_en","raner","raner_en","name","components","imgcontainer","a","map_to_rentArea","hot_map","countrymap","shining_house","ciyun","welcome","yingxiang","likai","ziliao","mounted","self","this","containerArr","document","getElementsByClassName","window","addEventListener","i","length","itemtitle","querySelector","titleTop","offsetTop","innerHeight","__WEBPACK_IMPORTED_MODULE_0__components_yinhao_vue__","__WEBPACK_IMPORTED_MODULE_0__components_yinhao_vue___default","yinhao","ishover","isScale","methods","hover","leave","toggle","hoveritem","selectitem","csvdata","mapdata","payValue","selectArea","getMapData","tempArr","split","trim","price","rate","console","dir","created","filters","subto2","indexOf","index","substr","props","container","computed","titleLeave","opacity","transform","imgStyle","backgroundPosition","body","offsetHeight","backgroundImage","bgimg","backgroundSize","lasttext","title1","title2","blockstyle","block1","width","block1text","block2","height","block2text","block4","block3text","block4text","watch","$","css","__WEBPACK_IMPORTED_MODULE_0_vue__","__WEBPACK_IMPORTED_MODULE_1_element_ui__","__WEBPACK_IMPORTED_MODULE_2_element_ui_lib_theme_default_index_css__","__WEBPACK_IMPORTED_MODULE_3__App__","__WEBPACK_IMPORTED_MODULE_3__App___default","config","productionTip","use","el","template","App","render","_vm","_h","$createElement","_self","_c","_m","staticRenderFns","staticClass","_v","staticStyle","margin-bottom","_e","_s","class","darkbg1","on","click","$event","mouseenter","mouseleave","darkbg3","darkbg2","darkbg4","attrs","step","show-input","max","min","model","callback","$$v","expression","font-size","style","Math","sqrt","fontSize","_f","directives","rawName","scroll","preventDefault","src","scrolling","border","frameborder","allowfullscreen","content","content_en","object-fit","autoplay","loop","id","type","href","title"],"mappings":"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","file":"static/js/app.654e7579b06995e830a6.js","sourcesContent":["webpackJsonp([1],Array(24).concat([\n/* 24 */\n/***/ (function(module, exports, __webpack_require__) {\n\nmodule.exports = __webpack_require__.p + \"static/media/rent_video_x264.d87ae7e.mp4\";\n\n/***/ }),\n/* 25 */,\n/* 26 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 27 */\n/***/ (function(module, exports, __webpack_require__) {\n\nfunction injectStyle (ssrContext) {\n  __webpack_require__(90)\n}\nvar Component = __webpack_require__(2)(\n  /* script */\n  __webpack_require__(50),\n  /* template */\n  __webpack_require__(113),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  null,\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 28 */,\n/* 29 */,\n/* 30 */,\n/* 31 */,\n/* 32 */,\n/* 33 */,\n/* 34 */,\n/* 35 */,\n/* 36 */,\n/* 37 */,\n/* 38 */,\n/* 39 */,\n/* 40 */,\n/* 41 */,\n/* 42 */,\n/* 43 */,\n/* 44 */,\n/* 45 */,\n/* 46 */,\n/* 47 */,\n/* 48 */,\n/* 49 */,\n/* 50 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_section__ = __webpack_require__(98);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_section___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__components_section__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_map_to_rentArea_vue__ = __webpack_require__(97);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_map_to_rentArea_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__components_map_to_rentArea_vue__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_hot_map_vue__ = __webpack_require__(95);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_hot_map_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2__components_hot_map_vue__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__components_coutrymap_vue__ = __webpack_require__(94);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__components_coutrymap_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3__components_coutrymap_vue__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_shining_house_vue__ = __webpack_require__(99);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_shining_house_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4__components_shining_house_vue__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__components_ciyun_vue__ = __webpack_require__(93);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__components_ciyun_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5__components_ciyun_vue__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__components_welcome_vue__ = __webpack_require__(100);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__components_welcome_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6__components_welcome_vue__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__components_yingxiang_vue__ = __webpack_require__(101);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__components_yingxiang_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7__components_yingxiang_vue__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__components_likai_vue__ = __webpack_require__(96);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__components_likai_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8__components_likai_vue__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__components_ziliao_vue__ = __webpack_require__(103);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__components_ziliao_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_9__components_ziliao_vue__);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  data: function data() {\n    return {\n      imgArr: [1, 2, 3, 4],\n      chooseOne: '',\n      //     第几个元素的title的index\n      leaveTitleIndex: '',\n      //      第几个元素title的顶部到浏览器顶部的距离\n      leaveTitleTop: '',\n      scrollY: '',\n      turan: '突然，“生活”不期而至。它犹如一头庞大、狡诈、杀气腾腾的猛兽，极有耐心地缓缓逼近，张开血盆大口，随时要将你吞下，在劫难逃。你说你想要一间那样的公寓？凭你刚毕业的资历和薪水，没有银行会答应你按揭买下它。退而求其次，你租房选择了租房。然而，即使是租房，你负担得起你曾幻想过的生活吗？',\n      turan_en: 'All of a sudden, life happens. It comes toward you slowly and patienly, like some enormous, cunning, and murderous beast, ready to devour, impossible to escape. You were saying you wanted an apartment with bla bla bla ? Sorry, no bank would grant you a loan for a mortgage, being a newly graduate. Eventually you settle for renting. Still, can you afford the life you have imagined ?',\n      raner: '然而当他们真正拎着大包小包进入房间时，所有的幻想都破灭了。\\n 房子被隔断成五六间狭小的空间，板墙在暴风雨来临的时刻止不住地摇撼。卫生间的马桶是共用的，经常挂满污渍。水池的下水管道没有S形水弯，阵阵恶臭扑面而来。女孩儿们把洗好的衣服晾在楼道的栏杆上，或是挂在窗户凹槽上，希望明天不要下雨。',\n      raner_en: 'However, when they actually unpack their luggage in their Dream House, the gilt is off.An intact house is usually divided into 5 or 6 rooms with no public space left, the living room included. The door is so thin that one punch can smash it, while the wood siding wall won\\'t stop shaking when the storm comes. Toilet in the bathroom is shared ,usually covered with stains. The S-shaped pipe between the sink and the sewer line is missing, reeking of repulsive smells. Girls hang up their laundry onto the handrail of the corridor or the grooves of the window, hoping it won\\'t rain the next day. '\n    };\n  },\n\n  name: 'app',\n  components: {\n    imgcontainer: __WEBPACK_IMPORTED_MODULE_0__components_section___default.a,\n    map_to_rentArea: __WEBPACK_IMPORTED_MODULE_1__components_map_to_rentArea_vue___default.a,\n    hot_map: __WEBPACK_IMPORTED_MODULE_2__components_hot_map_vue___default.a,\n    countrymap: __WEBPACK_IMPORTED_MODULE_3__components_coutrymap_vue___default.a,\n    shining_house: __WEBPACK_IMPORTED_MODULE_4__components_shining_house_vue___default.a,\n    ciyun: __WEBPACK_IMPORTED_MODULE_5__components_ciyun_vue___default.a,\n    welcome: __WEBPACK_IMPORTED_MODULE_6__components_welcome_vue___default.a,\n    yingxiang: __WEBPACK_IMPORTED_MODULE_7__components_yingxiang_vue___default.a,\n    likai: __WEBPACK_IMPORTED_MODULE_8__components_likai_vue___default.a,\n    ziliao: __WEBPACK_IMPORTED_MODULE_9__components_ziliao_vue___default.a\n  },\n  mounted: function mounted() {\n    var self = this;\n    var containerArr = document.getElementsByClassName('container');\n    window.addEventListener('scroll', function () {\n      self.scrollY = window.scrollY;\n      for (var i = 0; i < containerArr.length; i++) {\n        var itemtitle = document.querySelector('.title' + i);\n        var titleTop = itemtitle.offsetTop - window.scrollY;\n        if (titleTop > -window.innerHeight / 2 && titleTop < window.innerHeight / 2) {\n          self.leaveTitleTop = titleTop;\n          self.leaveTitleIndex = i;\n        }\n      }\n    });\n  }\n});\n\n/***/ }),\n/* 51 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({});\n\n/***/ }),\n/* 52 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({});\n\n/***/ }),\n/* 53 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_yinhao_vue__ = __webpack_require__(102);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_yinhao_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__components_yinhao_vue__);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  components: {\n    yinhao: __WEBPACK_IMPORTED_MODULE_0__components_yinhao_vue___default.a\n  },\n  data: function data() {\n    return {\n      ishover: false,\n      isScale: true\n    };\n  },\n\n  methods: {\n    hover: function hover() {\n      this.ishover = true;\n    },\n    leave: function leave() {\n      this.ishover = false;\n    },\n    toggle: function toggle() {\n      this.isScale = !this.isScale;\n    }\n  }\n});\n\n/***/ }),\n/* 54 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({});\n\n/***/ }),\n/* 55 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  data: function data() {\n    return {\n      hoveritem: '',\n      selectitem: '',\n      csvdata: '\\u5EF6\\u5E86\\u533A,yanqing,1063.6,29.0601092896175,0.0344114328694998\\n                \\u6000\\u67D4\\u533A,huairou,1038.71,28.3800546448087,0.035236013901859\\n                \\u5BC6\\u4E91\\u533A,miyun,844.73,23.0800546448087,0.043327453742616\\n                \\u5E73\\u8C37\\u533A,pinggu,802.64,21.9300546448087,0.04559952157879\\n                \\u660C\\u5E73\\u533A,changping,1801.45,49.2199453551913,0.0203169668877848\\n                \\u987A\\u4E49\\u533A,shunyi,2081.08,56.8601092896175,0.0175870221231284\\n                \\u95E8\\u5934\\u6C9F\\u533A,mentougou,1595.39,43.5898907103825,0.0229410990416136\\n                \\u6D77\\u6DC0\\u533A,haidian,3351.46,91.5699453551913,0.0109206137026848\\n                \\u671D\\u9633\\u533A,chaoyang,3426.13,93.6101092896175,0.0106826069063346\\n                \\u901A\\u5DDE\\u533A,tongzhou,1581.49,43.2101092896175,0.0231427324864526\\n                \\u623F\\u5C71\\u533A,fangshan,1173.40,32.06,0.0311914095790012\\n                \\u77F3\\u666F\\u5C71\\u533A,shijingshan,2420.72,66.1398907103825,0.0151194685878582\\n                \\u897F\\u57CE\\u533A,xicheng,4136.17,113.010109289617,0.0088487658872822\\n                \\u4E1C\\u57CE\\u533A,dongcheng,4171.30,113.97,0.00877424304173759\\n                \\u4E30\\u53F0\\u533A,fengtai,2476.36,67.6601092896175,0.0147797573858405\\n                \\u5927\\u5174\\u533A,daxing,1715.54,46.8726775956284,0.0213343903377362',\n      mapdata: {},\n      payValue: 3000\n    };\n  },\n\n  methods: {\n    selectArea: function selectArea(name) {\n      this.selectitem = name;\n    },\n    hover: function hover(name) {\n      this.hoveritem = name;\n    },\n    getMapData: function getMapData() {\n      var tempArr = this.csvdata.split('\\n');\n      for (var i = 0; i < tempArr.length; i++) {\n        tempArr[i] = tempArr[i].trim().split(',');\n        this.mapdata[tempArr[i][1]] = { price: tempArr[i][2], rate: tempArr[i][4], name: tempArr[i][0] };\n      }\n      console.dir(this.mapdata);\n    }\n  },\n  created: function created() {\n    this.getMapData();\n  },\n\n  filters: {\n    subto2: function subto2(value) {\n      value = value + '';\n      if (value.indexOf('.') > 0) {\n        var index = value.indexOf('.');\n        value = value.substr(0, index + 4);\n      }\n      return value;\n    }\n  }\n});\n\n/***/ }),\n/* 56 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  props: ['bgimg', 'content', 'content_en', 'index', 'leaveTitleIndex', 'leaveTitleTop', 'scrollY'],\n  data: function data() {\n    return {\n      container: []\n    };\n  },\n\n  computed: {\n    titleLeave: function titleLeave() {\n      if (this.index + '' === this.leaveTitleIndex + '') {\n        return { opacity: this.leaveTitleTop / (window.innerHeight / 2), transform: 'translateY(' + -10000 / this.leaveTitleTop + 'px)' };\n      } else {\n        return { opacity: '1' };\n      }\n    },\n    imgStyle: function imgStyle() {\n      return { backgroundPosition: '50% ' + this.scrollY * 100 / document.body.offsetHeight + '%', backgroundImage: 'url(' + this.bgimg + ')', backgroundSize: 'auto 140vh' };\n    }\n  }\n});\n\n/***/ }),\n/* 57 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({});\n\n/***/ }),\n/* 58 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  props: ['scrollY'],\n  computed: {\n    lasttext: function lasttext() {\n      if (this.scrollY > 7500) {\n        return { opacity: (this.scrollY - 7500) / 1500 };\n      } else {\n        return { opacity: '0' };\n      }\n    },\n    title1: function title1() {\n      if (this.scrollY > 100) {\n        return { transform: 'translateX( -' + (this.scrollY - 100) / 2 + 'px )' };\n      } else {\n        return {};\n      }\n    },\n    title2: function title2() {\n      if (this.scrollY > 350) {\n        return { transform: 'translateX( -' + (this.scrollY - 350) / 3 + 'px )' };\n      } else {\n        return {};\n      }\n    },\n    blockstyle: function blockstyle() {\n      if ((500 - this.scrollY - 12) / 3 > -156 && this.scrollY > 500) {\n        return { transform: 'translate(' + (500 - this.scrollY - 12) / 3 + 'vw, -171vw) rotate(25deg) ' };\n      } else if ((500 - this.scrollY - 12) / 3 < -156) {\n        return { transform: 'translate( -156vw, -171vw) rotate(25deg) ' };\n      } else if (this.scrollY > 8500) {\n        return { transform: 'translate(-156vw,-171vw) rotate(25deg)' };\n      } else {\n        return { transform: 'translate(-12vw,-171vw) rotate(25deg)' };\n      }\n    },\n    block1: function block1() {\n      if (this.scrollY > 4000) {\n        return { width: (this.scrollY - 4000) / 100 + '%', opacity: (this.scrollY - 4000) / 1000 };\n      } else {\n        return { width: '0%' };\n      }\n    },\n    block1text: function block1text() {\n      if (this.scrollY > 5500) {\n        return { opacity: (this.scrollY - 5500) / 1500 };\n      } else {\n        return { opacity: '0' };\n      }\n    },\n    block2: function block2() {\n      if (this.scrollY > 3068) {\n        return { height: (this.scrollY - 3068) / 100 + '%', opacity: (this.scrollY - 3068) / 1000 };\n      } else {\n        return { height: '0%' };\n      }\n    },\n    block2text: function block2text() {\n      if (this.scrollY > 3650) {\n        return { opacity: (this.scrollY - 3650) / 1500 };\n      } else {\n        return { opacity: '0' };\n      }\n    },\n    block4: function block4() {\n      if (this.scrollY > 2000) {\n        return { width: (this.scrollY - 2000) / 100 + '%', opacity: (this.scrollY - 1752) / 1000 };\n      } else {\n        return { width: '0%' };\n      }\n    },\n    block3text: function block3text() {\n      if (this.scrollY > 1752) {\n        return { opacity: (this.scrollY - 1752) / 1500 };\n      } else {\n        return { opacity: '0' };\n      }\n    },\n    block4text: function block4text() {\n      if (this.scrollY > 2361) {\n        return { opacity: (this.scrollY - 2361) / 1500 };\n      } else {\n        return { opacity: '0' };\n      }\n    }\n  },\n  methods: {},\n  mounted: function mounted() {},\n\n  watch: {\n    scrollY: function scrollY() {\n      if (this.scrollY >= 8500) {\n        $('.bgimg-container').css('position', 'absolute');\n        $('.bgimg-container').css('top', '8500px');\n        $('.last-text').css('position', 'absolute');\n        $('.last-text').css('top', 8500 + window.innerHeight / 2 + 'px');\n      } else {\n        $('.bgimg-container').css('position', 'fixed');\n        $('.bgimg-container').css('top', '0px');\n        $('.last-text').css('position', 'fixed');\n        $('.last-text').css('top', '50%');\n      }\n    }\n  }\n});\n\n/***/ }),\n/* 59 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({});\n\n/***/ }),\n/* 60 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({});\n\n/***/ }),\n/* 61 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({});\n\n/***/ }),\n/* 62 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue__ = __webpack_require__(3);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_element_ui__ = __webpack_require__(25);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_element_ui___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_element_ui__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_element_ui_lib_theme_default_index_css__ = __webpack_require__(26);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_element_ui_lib_theme_default_index_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_element_ui_lib_theme_default_index_css__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__App__ = __webpack_require__(27);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__App___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3__App__);\n// The Vue build version to load with the `import` command\n// (runtime-only or standalone) has been set in webpack.base.conf with an alias.\n\n\n\n\n\n__WEBPACK_IMPORTED_MODULE_0_vue__[\"default\"].config.productionTip = false;\n\n__WEBPACK_IMPORTED_MODULE_0_vue__[\"default\"].use(__WEBPACK_IMPORTED_MODULE_1_element_ui__[\"Slider\"]);\n\n/* eslint-disable no-new */\nnew __WEBPACK_IMPORTED_MODULE_0_vue__[\"default\"]({\n  el: '#app',\n  template: '<App/>',\n  components: { App: __WEBPACK_IMPORTED_MODULE_3__App___default.a }\n});\n\n/***/ }),\n/* 63 */,\n/* 64 */,\n/* 65 */,\n/* 66 */,\n/* 67 */,\n/* 68 */,\n/* 69 */,\n/* 70 */,\n/* 71 */,\n/* 72 */,\n/* 73 */,\n/* 74 */,\n/* 75 */,\n/* 76 */,\n/* 77 */,\n/* 78 */,\n/* 79 */,\n/* 80 */,\n/* 81 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 82 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 83 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 84 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 85 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 86 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 87 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 88 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 89 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 90 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 91 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 92 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 93 */\n/***/ (function(module, exports, __webpack_require__) {\n\nfunction injectStyle (ssrContext) {\n  __webpack_require__(88)\n}\nvar Component = __webpack_require__(2)(\n  /* script */\n  __webpack_require__(51),\n  /* template */\n  __webpack_require__(111),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-69bf1a6c\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 94 */\n/***/ (function(module, exports, __webpack_require__) {\n\nfunction injectStyle (ssrContext) {\n  __webpack_require__(84)\n}\nvar Component = __webpack_require__(2)(\n  /* script */\n  __webpack_require__(52),\n  /* template */\n  __webpack_require__(107),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-358636a8\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 95 */\n/***/ (function(module, exports, __webpack_require__) {\n\nfunction injectStyle (ssrContext) {\n  __webpack_require__(89)\n}\nvar Component = __webpack_require__(2)(\n  /* script */\n  __webpack_require__(53),\n  /* template */\n  __webpack_require__(112),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-75fb6e08\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 96 */\n/***/ (function(module, exports, __webpack_require__) {\n\nfunction injectStyle (ssrContext) {\n  __webpack_require__(81)\n}\nvar Component = __webpack_require__(2)(\n  /* script */\n  __webpack_require__(54),\n  /* template */\n  __webpack_require__(104),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-0aec8b58\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 97 */\n/***/ (function(module, exports, __webpack_require__) {\n\nfunction injectStyle (ssrContext) {\n  __webpack_require__(82)\n}\nvar Component = __webpack_require__(2)(\n  /* script */\n  __webpack_require__(55),\n  /* template */\n  __webpack_require__(105),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-196ac965\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 98 */\n/***/ (function(module, exports, __webpack_require__) {\n\nfunction injectStyle (ssrContext) {\n  __webpack_require__(85)\n}\nvar Component = __webpack_require__(2)(\n  /* script */\n  __webpack_require__(56),\n  /* template */\n  __webpack_require__(108),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-420cbd03\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 99 */\n/***/ (function(module, exports, __webpack_require__) {\n\nfunction injectStyle (ssrContext) {\n  __webpack_require__(87)\n}\nvar Component = __webpack_require__(2)(\n  /* script */\n  __webpack_require__(57),\n  /* template */\n  __webpack_require__(110),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-68f9f1b2\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 100 */\n/***/ (function(module, exports, __webpack_require__) {\n\nfunction injectStyle (ssrContext) {\n  __webpack_require__(83)\n}\nvar Component = __webpack_require__(2)(\n  /* script */\n  __webpack_require__(58),\n  /* template */\n  __webpack_require__(106),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-1f905300\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 101 */\n/***/ (function(module, exports, __webpack_require__) {\n\nfunction injectStyle (ssrContext) {\n  __webpack_require__(92)\n}\nvar Component = __webpack_require__(2)(\n  /* script */\n  __webpack_require__(59),\n  /* template */\n  __webpack_require__(115),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-b9df1584\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 102 */\n/***/ (function(module, exports, __webpack_require__) {\n\nfunction injectStyle (ssrContext) {\n  __webpack_require__(86)\n}\nvar Component = __webpack_require__(2)(\n  /* script */\n  __webpack_require__(60),\n  /* template */\n  __webpack_require__(109),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-5e23f24a\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 103 */\n/***/ (function(module, exports, __webpack_require__) {\n\nfunction injectStyle (ssrContext) {\n  __webpack_require__(91)\n}\nvar Component = __webpack_require__(2)(\n  /* script */\n  __webpack_require__(61),\n  /* template */\n  __webpack_require__(114),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  null,\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 104 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"likai-container\"\n  }, [_c('div', {\n    staticClass: \"text-container\"\n  }, [_c('div', {\n    staticClass: \"title-container\"\n  }, [_c('p', [_vm._v(\"北京的生活成本昂贵，房租如此之高，\")]), _vm._v(\" \"), _c('p', [_vm._v(\"为什么源源不断的人仍涌入这座城市？宁可呆在地下室也不愿意离开？\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"geci-container\"\n  }, [_c('p', {\n    staticStyle: {\n      \"margin-bottom\": \"20px\"\n    }\n  }, [_vm._v(\"也许汪峰《北京北京》作品里的歌词，曾痛彻很多人的心扉：\")]), _vm._v(\" \"), _c('div', {\n    staticClass: \"geci-block\"\n  }, [_c('p', [_vm._v(\"咖啡馆到广场有三个街区\")]), _vm._v(\" \"), _c('p', [_vm._v(\"就像霓虹灯到月亮的距离\")]), _vm._v(\" \"), _c('p', [_vm._v(\"在这儿我能感觉到我的存在\")]), _vm._v(\" \"), _c('p', [_vm._v(\"在这儿有太多让我眷恋的东西\")]), _vm._v(\" \"), _c('p', [_vm._v(\"我在这里活着也在这里死去\")]), _vm._v(\" \"), _c('p', [_vm._v(\"北京，北京\")])])])])])\n}]}\n\n/***/ }),\n/* 105 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', [_vm._m(0), _vm._v(\" \"), _c('div', {\n    staticClass: \"section-container\"\n  }, [_c('div', {\n    staticClass: \"map-container\"\n  }, [_vm._m(1), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-desc\"\n  }, [(!_vm.selectitem) ? _c('p', [_vm._v(\"①请点击地图选择区域\")]) : _vm._e(), _vm._v(\" \"), (_vm.selectitem) ? _c('p', [_vm._v(\"①您选择了 \"), _c('strong', {\n    staticClass: \"selectitem\"\n  }, [_vm._v(\" \" + _vm._s(_vm.mapdata[_vm.selectitem].name) + \" \")])]) : _vm._e()]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map\"\n  }, [_c('div', {\n    staticClass: \"map-top\"\n  }, [_c('div', {\n    staticClass: \"yanqing center bg1\",\n    class: {\n      darkbg1: (_vm.hoveritem == 'yanqing' || _vm.selectitem == 'yanqing')\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('yanqing')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('yanqing')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"延庆区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"1063.6\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"huairou center bg1\",\n    class: {\n      darkbg1: _vm.hoveritem === 'huairou' || _vm.selectitem == 'huairou'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('huairou')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('huairou')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"怀柔区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"1038.71\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"miyun center bg1\",\n    class: {\n      darkbg1: _vm.hoveritem === 'miyun' || _vm.selectitem == 'miyun'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('miyun')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('miyun')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"密云区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"844.73\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"pinggu center bg1\",\n    class: {\n      darkbg1: _vm.hoveritem === 'pinggu' || _vm.selectitem == 'pinggu'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('pinggu')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('pinggu')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"平谷区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"802.64\")])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-middle\"\n  }, [_c('div', {\n    staticClass: \"changping center bg3\",\n    class: {\n      darkbg3: _vm.hoveritem === 'changping' || _vm.selectitem == 'changping'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('changping')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('changping')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"昌平区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"1801.45\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"shunyi center bg3\",\n    class: {\n      darkbg3: _vm.hoveritem === 'shunyi' || _vm.selectitem == 'shunyi'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('shunyi')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('shunyi')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"顺义区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"pirce\"\n  }, [_vm._v(\"2081.08\")])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom\"\n  }, [_c('div', {\n    staticClass: \"map-bottom-left\"\n  }, [_c('div', {\n    staticClass: \"mentougou center bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'mentougou' || _vm.selectitem == 'mentougou'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('mentougou')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('mentougou')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"门头沟区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"1595.39\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"fangshan center bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'fangshan' || _vm.selectitem == 'fangshan'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('fangshan')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('fangshan')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"房山区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"1173.4\")])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle\"\n  }, [_c('div', {\n    staticClass: \"map-bottom-middle-top\"\n  }, [_c('div', {\n    staticClass: \"haidian center bg4\",\n    class: {\n      darkbg4: _vm.hoveritem === 'haidian' || _vm.selectitem == 'haidian'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('haidian')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('haidian')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"海淀区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"3351.46\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"chaoyang center bg4\",\n    class: {\n      darkbg4: _vm.hoveritem === 'chaoyang' || _vm.selectitem == 'chaoyang'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('chaoyang')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('chaoyang')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"朝阳区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"3426.13\")])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle-middle\"\n  }, [_c('div', {\n    staticClass: \"map-bottom-middle-middle-left\"\n  }, [_c('div', {\n    staticClass: \"map-bottom-middle-middle-left-left\"\n  }, [_c('div', {\n    staticClass: \"shijingshan center bg3\",\n    class: {\n      darkbg3: _vm.hoveritem === 'shijingshan' || _vm.selectitem == 'shijingshan'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('shijingshan')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('shijingshan')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"石景山区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"2420.72\")])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle-middle-left-right\"\n  }, [_c('div', {\n    staticClass: \"map-bottom-middle-middle-left-right-top\"\n  }, [_c('div', {\n    staticClass: \"xicheng center bg4\",\n    class: {\n      darkbg4: _vm.hoveritem === 'xicheng' || _vm.selectitem == 'xicheng'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('xicheng')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('xicheng')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"西城区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"4136.17\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"dongcheng center bg4\",\n    class: {\n      darkbg4: _vm.hoveritem === 'dongcheng' || _vm.selectitem == 'dongcheng'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('dongcheng')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('dongcheng')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"东城区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"4171.3\")])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle-middle-left-right-bottom\"\n  }, [_c('div', {\n    staticClass: \"fengtai center bg3\",\n    class: {\n      darkbg3: _vm.hoveritem === 'fengtai' || _vm.selectitem == 'fengtai'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('fengtai')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('fengtai')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"丰台区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"2476.36\")])])])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle-middle-right\"\n  }, [_c('div', {\n    staticClass: \"map-bottom-middle-middle-right-top bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'tongzhou' || _vm.selectitem == 'tongzhou'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('tongzhou')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('tongzhou')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle-middle-right-bottom bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'daxing' || _vm.selectitem == 'daxing'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('daxing')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('daxing')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  })])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle-bottom\"\n  }, [_c('div', {\n    staticClass: \"map-bottom-middle-bottom-left\"\n  }, [_c('div', {\n    staticClass: \"fangshan bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'fangshan' || _vm.selectitem == 'fangshan'\n    },\n    staticStyle: {\n      \"height\": \"100%\"\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('fangshan')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('fangshan')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  })]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle-bottom-right\"\n  }, [_c('div', {\n    staticClass: \"daxing bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'daxing' || _vm.selectitem == 'daxing'\n    },\n    staticStyle: {\n      \"height\": \"100%\"\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('daxing')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('daxing')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  })])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-right\"\n  }, [_c('div', {\n    staticClass: \"tongzhou center bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'tongzhou' || _vm.selectitem == 'tongzhou'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('tongzhou')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('tongzhou')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"通州区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"1581.49\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"daxing center bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'daxing' || _vm.selectitem == 'daxing'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('daxing')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('daxing')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"大兴区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"1715.54\")])])])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-desc\"\n  }, [(!_vm.payValue) ? _c('p', [_vm._v(\"②请选择您每月租金\")]) : _vm._e(), _vm._v(\" \"), (_vm.payValue) ? _c('p', [_vm._v(\"②您选择的每月租金是 \"), _c('strong', {\n    staticClass: \"payvalue\"\n  }, [_vm._v(_vm._s(_vm.payValue) + \"元\")])]) : _vm._e()]), _vm._v(\" \"), _c('div', {\n    staticClass: \"pay\"\n  }, [_vm._m(2), _vm._v(\" \"), _c('div', {\n    staticClass: \"pay-content\"\n  }, [_c('el-slider', {\n    attrs: {\n      \"step\": 10,\n      \"show-input\": \"\",\n      \"max\": 10000,\n      \"min\": 500\n    },\n    model: {\n      value: (_vm.payValue),\n      callback: function($$v) {\n        _vm.payValue = $$v\n      },\n      expression: \"payValue\"\n    }\n  })], 1)])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"house-container\"\n  }, [_c('div', {\n    staticClass: \"title\"\n  }, [_c('h1', [_vm._v(\"在北京，\")]), _vm._v(\" \"), (_vm.selectitem && _vm.payValue) ? _c('h4', [_vm._v(\"您每月 \"), _c('span', {\n    staticStyle: {\n      \"font-size\": \"30px\"\n    }\n  }, [_vm._v(_vm._s(_vm.payValue) + \"元\")]), _vm._v(\"的租金在 \"), _c('span', {\n    staticStyle: {\n      \"font-size\": \"30px\"\n    }\n  }, [_vm._v(_vm._s(_vm.mapdata[_vm.selectitem].name))]), _vm._v(\" 可以租到的房屋面积为：\")]) : _vm._e(), _vm._v(\" \"), (!_vm.selectitem || !_vm.payValue) ? _c('h4', [_vm._v(\"您需花多少钱，才能租到满意的房子？\")]) : _vm._e()]), _vm._v(\" \"), _c('div', {\n    staticClass: \"square-container\"\n  }, [(_vm.selectitem && _vm.payValue) ? _c('div', {\n    staticClass: \"square\",\n    style: ({\n      width: Math.sqrt(_vm.mapdata[_vm.selectitem].rate * _vm.payValue) * 3.6 + '%'\n    })\n  }, [(Math.sqrt(_vm.mapdata[_vm.selectitem].rate * _vm.payValue) * 3.6 > 20) ? _c('div', {\n    staticClass: \"left-top-arrow\"\n  }) : _vm._e(), _vm._v(\" \"), _c('div', {\n    staticClass: \"square-content\",\n    style: ({\n      fontSize: (12 + Math.sqrt(_vm.mapdata[_vm.selectitem].rate * _vm.payValue)) + 'px'\n    })\n  }, [_c('p', {\n    staticClass: \"square-content-text\"\n  }, [_vm._v(_vm._s(_vm._f(\"subto2\")(_vm.mapdata[_vm.selectitem].rate * _vm.payValue)) + \"㎡\")])]), _vm._v(\" \"), (Math.sqrt(_vm.mapdata[_vm.selectitem].rate * _vm.payValue) * 3.6 > 20) ? _c('div', {\n    staticClass: \"right-bottom-arrow\"\n  }) : _vm._e()]) : _vm._e(), _vm._v(\" \"), (!_vm.selectitem || !_vm.payValue) ? _c('div', {\n    staticClass: \"before-square\"\n  }, [_c('p', {\n    staticClass: \"before-square-text\"\n  }, [_vm._v(\"?\")])]) : _vm._e()])])])])\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"totle-title-container\"\n  }, [_c('h1', [_vm._v(\"假如你现在手上有一笔钱，用它来租哪块儿地方最划算？\")]), _vm._v(\" \"), _c('p', [_vm._v(\"选中区域，拖动下方的滑块，看看你能租到多大平米的房子吧！\")])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"map-title\"\n  }, [_c('h2', [_vm._v(\"北京各区域平均租金/月\")])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"pay-title\"\n  }, [_c('h3', [_vm._v(\"每月租金\")])])\n}]}\n\n/***/ }),\n/* 106 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"welcome-container\"\n  }, [_c('transition', {\n    attrs: {\n      \"name\": \"fade\"\n    }\n  }, [_c('div', {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: (_vm.scrollY < 6640),\n      expression: \"scrollY < 6640\"\n    }],\n    staticClass: \"groupfade\"\n  }, [_c('div', {\n    staticClass: \"title-container\"\n  }, [_c('h1', {\n    staticClass: \"title1\",\n    style: (_vm.title1)\n  }, [_vm._v(\"说到租房，北京的年轻人都哭了\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"title2\",\n    style: (_vm.title2)\n  }, [_vm._v(\"我们爬了两万条数据，用数据给你最精确的北京租房素描\")])]), _vm._v(\" \"), _c('transition', {\n    attrs: {\n      \"name\": \"fade\"\n    }\n  }, [(_vm.scrollY < 1900) ? _c('div', {\n    staticClass: \"footer-container\"\n  }, [_c('span', {\n    staticClass: \"icon-arrow-down2\"\n  })]) : _vm._e()]), _vm._v(\" \"), _c('div', {\n    staticClass: \"block-container\",\n    style: (_vm.blockstyle)\n  }, [_c('div', {\n    staticClass: \"block1-container\"\n  }, [_c('div', {\n    staticClass: \"block1\",\n    style: (_vm.block1)\n  }, [_c('div', {\n    staticClass: \"block1-text\",\n    style: (_vm.block1text)\n  }, [_c('p', [_vm._v(\"In these groups, \")]), _vm._v(\" \"), _c('p', [_vm._v(\"there are construction workers, nail divisions, programmers, waste recyclers,\")]), _vm._v(\" \"), _c('p', [_vm._v(\"most of them, are rented in this city\")])])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"block2-container\"\n  }, [_c('div', {\n    staticClass: \"block2\",\n    style: (_vm.block2)\n  }, [_c('div', {\n    staticClass: \"block2-text\",\n    style: (_vm.block2text)\n  }, [_c('p', [_vm._v(\"在这些人群中，有建筑工、美甲师、程序员、大学生、废品回收者，\")]), _vm._v(\" \"), _c('p', [_vm._v(\"也有银行职员和美国摄影师。\")]), _vm._v(\" \"), _c('p', [_vm._v(\"他们中的大多数,\")]), _vm._v(\" \"), _c('p', [_vm._v(\"都在这个城市租房\")])])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"block3-container\"\n  }, [_c('div', {\n    staticClass: \"block3\"\n  }, [_c('div', {\n    staticClass: \"block3-text\",\n    style: (_vm.block3text)\n  }, [_c('p', [_vm._v(\"每天，\")]), _vm._v(\" \"), _c('p', [_vm._v(\"平均有2100人拖着行李箱，抵达北京西站、\")]), _vm._v(\" \"), _c('p', [_vm._v(\"首都国际机场、长途汽车站…\")]), _vm._v(\" \"), _c('p', [_vm._v(\"涌入这个时而令人狂喜沸腾，\")]), _vm._v(\" \"), _c('p', [_vm._v(\"时而令人焦躁失望的地方\")])])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"block4-container\"\n  }, [_c('div', {\n    staticClass: \"block4\",\n    style: (_vm.block4)\n  }, [_c('div', {\n    staticClass: \"block4-text\",\n    style: (_vm.block4text)\n  }, [_c('p', [_vm._v(\"2100 people on average are dragging their suitcases eveyday, \")]), _vm._v(\" \"), _c('p', [_vm._v(\"shortly after they arrive at Beijing West Railway Station, \")]), _vm._v(\" \"), _c('p', [_vm._v(\"Capital International Airport, coach stations and so on.\")]), _vm._v(\" \"), _c('p', [_vm._v(\"Pouring into the city where people are either ravished with joy or hanging their heads in despair.\")])])])])])], 1)]), _vm._v(\" \"), _c('transition', {\n    attrs: {\n      \"name\": \"fade\"\n    }\n  }, [_c('div', {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: (_vm.scrollY > 6640),\n      expression: \"scrollY > 6640\"\n    }],\n    staticClass: \"bgimg-container\",\n    style: (_vm.blockstyle)\n  }, [_c('div', {\n    staticClass: \"bgimg\"\n  })])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"last-text\"\n  }, [_c('h1', {\n    staticClass: \"last-text-title\",\n    style: (_vm.lasttext)\n  }, [_vm._v(\"北京租房素描\")])])], 1)\n},staticRenderFns: []}\n\n/***/ }),\n/* 107 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"countrymap\"\n  }, [_vm._m(0), _vm._v(\" \"), _c('div', {\n    staticClass: \"chart-container\"\n  }, [_vm._m(1), _vm._v(\" \"), _c('div', {\n    staticClass: \"right-chart\",\n    on: {\n      \"scroll\": function($event) {\n        $event.preventDefault();\n      }\n    }\n  }, [_c('iframe', {\n    attrs: {\n      \"src\": \"http://www.dydata.io/preview.html?id=897290587812864000\",\n      \"scrolling\": \"no\",\n      \"border\": \"0\",\n      \"frameborder\": \"0\",\n      \"allowfullscreen\": \"false\",\n      \"width\": \"100%\",\n      \"height\": \"1600\"\n    }\n  })])]), _vm._v(\" \"), _vm._m(2)])\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"title-container\"\n  }, [_c('h2', [_vm._v(\"那么，在北京租房子究竟有多难？\")]), _vm._v(\" \"), _c('p', [_vm._v(\"为了回答这个问题，我们特意爬取了2万多条数据，试图从中得到简介：\")])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"left-chart\"\n  }, [_c('iframe', {\n    attrs: {\n      \"src\": \"http://www.dydata.io/preview.html?id=896057332858036224\",\n      \"scrolling\": \"no\",\n      \"border\": \"0\",\n      \"frameborder\": \"0\",\n      \"allowfullscreen\": \"false\",\n      \"width\": \"100%\",\n      \"height\": \"1600\"\n    }\n  })])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"text-container\"\n  }, [_c('div', {\n    staticClass: \"left-text\"\n  }, [_c('p', [_vm._v(\"全国主要城市人均月租金，表示在不同城市人们平均每月租房需要花的钱。从地图上能看出排名前三位的分别为：北京（2748元/月）、上海（2319元/月）、深圳（2211元/月）。北京是全国最贵的！\")]), _vm._v(\" \"), _c('p', [_vm._v(\"Monthly rent per person in major cities of China, indicating how much people need to spent on renting houses every month on average in different cities. It can be seen from the map that the top 3 cities are Beijing(￥2748/month), Shanghai(￥2319/month) and Shenzhen(￥ 2211/month ). Clearly, Beijing is the highest one of the country !\\n      \")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"right-text\"\n  }, [_c('p', [_vm._v(\"说完了人均月租金，当然也得聊聊收入。如果你的收入足够多，租个房子简直小菜一碟。不过对于大部分刚踏入社会的年轻人来说，这可不是一个小数字。租金收入比指的是每个月租房子要占我们收入的多大比例。租金收入比高，说明你每月工资的绝大部分都用来付房租了，用来看电影、吃饭、打王者荣耀、买衣服包包的钱就少了。听起来很令人沮丧吧！\\n      \")]), _vm._v(\" \"), _c('p', [_vm._v(\"更令人沮丧的是，地图中的数据告诉我们，房租收入比最高的还是北京，足足有58%！接下来是深圳（54%）、上海（48%）和三亚（48%）。这些地方的小伙伴生活真不易！\")]), _vm._v(\" \"), _c('p', [_vm._v(\"Per capita income should also be taken into account after we done . Of course if you earn enough, renting a houes would be nothing but a piece of cake. Sadly for most young people who just get into the real world, renting is not a small budget. Rent Income Ration(RIR) means the proportion for rent out of our salary every month. A high RIR shows that most of your monthly salary was for rent, leaving little money for films-watching, food, King of Glory, new clothes and bags. How frustrating it is !\\n      \")]), _vm._v(\" \"), _c('p', [_vm._v(\"What is worse, figure in the map proves that the highest RIR city is still Beijing, with a good dominant 58% ! Following cities are Shenzhen(54%), Shanghai(48%) and Sanya(48%). what a hard life my fellow friends are living !\\n      \")])])])\n}]}\n\n/***/ }),\n/* 108 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"container\",\n    class: 'container' + _vm.index\n  }, [_c('div', {\n    staticClass: \"bgimg\",\n    style: (_vm.imgStyle)\n  }, [_c('div', {\n    staticClass: \"title\",\n    class: 'title' + _vm.index,\n    style: (_vm.titleLeave)\n  }, [_c('p', {\n    staticClass: \"content\"\n  }, [_vm._v(_vm._s(_vm.content))]), _vm._v(\" \"), _c('p', {\n    staticClass: \"content_en\"\n  }, [_vm._v(_vm._s(_vm.content_en))])])])])\n},staticRenderFns: []}\n\n/***/ }),\n/* 109 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('p', {\n    staticClass: \"yinhao-container\"\n  }, [_c('span', {\n    staticClass: \"text\"\n  }, [_vm._v(\"“\")])])\n}]}\n\n/***/ }),\n/* 110 */\n/***/ (function(module, exports, __webpack_require__) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"shining_house\"\n  }, [_c('div', {\n    staticClass: \"cover\"\n  }, [_c('div', {\n    staticClass: \"cover-text-container\"\n  }, [_c('p', {\n    staticClass: \"cover-text\"\n  }, [_vm._v(\"\\n        当夜色降临时，绝大多数人都需要寻找一个休憩之所。在北京，一共有1390000套出租屋，它们散落在普通住宅楼、四合院、阁楼、地下室里，有时候也会以别墅的面貌出现。在这些出租屋中，住着5000000个形色各异、来去匆匆的人。\\n      \")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"cover-text-en\"\n  }, [_vm._v(\"\\n        When the day turn into night, most people will be needing a resting premises. In Beijing, all together there are 1,390,000 rental estates, scattering in conventional residential buildings, quadrangle courtyards, attics and basements, sometimes a villa. Accordingly, 5,000,000 unique individuals in hasty life are their residents.\\n      \")])])]), _vm._v(\" \"), _c('video', {\n    staticStyle: {\n      \"height\": \"100%\",\n      \"width\": \"100%\",\n      \"object-fit\": \"cover\"\n    },\n    attrs: {\n      \"autoplay\": \"\",\n      \"loop\": \"\",\n      \"id\": \"bgvid\"\n    }\n  }, [_c('source', {\n    attrs: {\n      \"src\": __webpack_require__(24),\n      \"type\": \"video/webm\"\n    }\n  }), _vm._v(\" \"), _c('source', {\n    attrs: {\n      \"src\": __webpack_require__(24),\n      \"type\": \"video/mp4\"\n    }\n  })])])\n}]}\n\n/***/ }),\n/* 111 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"ciyun\"\n  }, [_c('div', {\n    staticClass: \"text-container\"\n  }, [_c('p', [_vm._v(\"更多的人奔走在中介与中介之间，\")]), _vm._v(\" \"), _c('p', [_vm._v(\"在各大租房网站上挑花了眼，希望能找到价格便宜、干净整洁、离上班距离又近的房子。\")])]), _vm._v(\" \"), _c('div', {\n    attrs: {\n      \"id\": \"tagsList\"\n    }\n  }, [_c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"找室友\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"周边有银行\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"一厨一卫\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"三房一厅\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"有窗户\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"很通风\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"很明亮\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"房东直租\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"无中介费\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"可短租\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\" 8月底入住 \")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\" 限女生 \")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"超市菜市场\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"设施完善\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"装修清新\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"交通枢纽\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"双人大床\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\" 衣柜床头柜 \")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\" 交通便利 \")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\" 随时看房 \")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"精装单间\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"text-container\"\n  }, [_c('p', [_vm._v(\"在穿着西装革履的中介口中，在网页的摄影图片中\")]), _vm._v(\" \"), _c('p', [_vm._v(\"人们幻想自己租到的房子又大又明亮，无中介费无服务费，还有脾气温柔爱整洁的舍友\")])])])\n}]}\n\n/***/ }),\n/* 112 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"hot_map_container\",\n    on: {\n      \"mouseenter\": function($event) {\n        _vm.hover()\n      },\n      \"mouseleave\": function($event) {\n        _vm.leave()\n      },\n      \"click\": function($event) {\n        _vm.toggle()\n      }\n    }\n  }, [_c('transition', {\n    attrs: {\n      \"name\": \"fade\"\n    }\n  }, [(!_vm.isScale) ? _c('div', {\n    staticClass: \"cover\"\n  }) : _vm._e()]), _vm._v(\" \"), _c('div', {\n    staticClass: \"jietu-container\"\n  }), _vm._v(\" \"), _c('transition', {\n    attrs: {\n      \"name\": \"fadeslide\"\n    }\n  }, [(false) ? _c('div', {\n    staticClass: \"text-container\"\n  }, [_c('yinhao'), _vm._v(\" \"), _c('p', {\n    staticClass: \"text\"\n  }, [_vm._v(\"热力图上颜色越红的区域表示租金越高，越蓝表示租金越低。我们可以发现距离天安门最近的东城区和西城区租金最高，住在这里的年轻人们平均每月要花4150元才能租一个房间。海淀区和朝阳区也不例外，月租金平均约为3400元。而离市中心越远，租金相应会变得越少。这意味着人们的通勤时间会大大增加，每天要花2-3个小时在地铁上打瞌睡。\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"text\"\n  }, [_vm._v(\"Different colors on the heat map stand for rent varies from area to area. The redder, the higher; the bluer, the lower. We can see that Dongcheng and Xicheng Dictrict, the two districts nearest to Tiananmen Square, are the highest ones. Those who choose to live in both distrcts need to spend ￥4150 for one room every month. With￥3400 per month, Haidian and Chaoyang District are just as expected. Generally speaking, the farther away from downtown, the lower the rent. As a result, commuting time of those who live in suburbs is significantly longer than those who don't, dozing 2 to 3 hours on the subway every day.\")])], 1) : _vm._e()]), _vm._v(\" \"), _c('div', {\n    staticClass: \"bottom-text-container\"\n  }, [_c('div', {\n    staticClass: \"bottom-text\"\n  }, [_c('yinhao'), _vm._v(\" \"), _c('p', {\n    staticClass: \"text\"\n  }, [_vm._v(\"热力图上颜色越红的区域表示租金越高，越蓝表示租金越低。我们可以发现距离天安门最近的东城区和西城区租金最高，住在这里的年轻人们平均每月要花4150元才能租一个房间。海淀区和朝阳区也不例外，月租金平均约为3400元。而离市中心越远，租金相应会变得越少。这意味着人们的通勤时间会大大增加，每天要花2-3个小时在地铁上打瞌睡。\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"text\"\n  }, [_vm._v(\"Different colors on the heat map stand for rent varies from area to area. The redder, the higher; the bluer, the lower. We can see that Dongcheng and Xicheng Dictrict, the two districts nearest to Tiananmen Square, are the highest ones. Those who choose to live in both distrcts need to spend ￥4150 for one room every month. With￥3400 per month, Haidian and Chaoyang District are just as expected. Generally speaking, the farther away from downtown, the lower the rent. As a result, commuting time of those who live in suburbs is significantly longer than those who don't, dozing 2 to 3 hours on the subway every day.\")])], 1)])], 1)\n},staticRenderFns: []}\n\n/***/ }),\n/* 113 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    attrs: {\n      \"id\": \"app\"\n    }\n  }, [_c('welcome', {\n    attrs: {\n      \"scrollY\": _vm.scrollY\n    }\n  }), _vm._v(\" \"), _c('shining_house'), _vm._v(\" \"), _c('imgcontainer', {\n    attrs: {\n      \"bgimg\": 'http://image.dydata.io/ULCrBjf363c9srsG7MANcv.jpg',\n      \"content\": _vm.turan,\n      \"content_en\": _vm.turan_en,\n      \"index\": '1',\n      \"leaveTitleIndex\": _vm.leaveTitleIndex,\n      \"leaveTitleTop\": _vm.leaveTitleTop,\n      \"scrollY\": _vm.scrollY\n    }\n  }), _vm._v(\" \"), _c('ciyun'), _vm._v(\" \"), _c('imgcontainer', {\n    attrs: {\n      \"bgimg\": 'http://image.dydata.io/GqPweHzBcafUwxGA9Wyyah.jpg',\n      \"content\": _vm.raner,\n      \"content_en\": _vm.raner_en,\n      \"index\": '2',\n      \"leaveTitleIndex\": _vm.leaveTitleIndex,\n      \"leaveTitleTop\": _vm.leaveTitleTop,\n      \"scrollY\": _vm.scrollY\n    }\n  }), _vm._v(\" \"), _c('countrymap'), _vm._v(\" \"), _c('hot_map'), _vm._v(\" \"), _c('yingxiang'), _vm._v(\" \"), _c('map_to_rentArea'), _vm._v(\" \"), _c('likai'), _vm._v(\" \"), _c('ziliao')], 1)\n},staticRenderFns: []}\n\n/***/ }),\n/* 114 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"ziliao-container\"\n  }, [_c('div', {\n    staticClass: \"title\"\n  }, [_c('h4', [_vm._v(\"参考资料\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"decs\"\n  }, [_c('p', [_vm._v(\"1、北京市公安机关组织实有人口基础信息大调查百日专项工作\")]), _vm._v(\" \"), _c('p', [_vm._v(\"2、《北京社会治理发展报告（2016～2017）》\")]), _vm._v(\" \"), _c('p', [_vm._v(\"3、国家统计局、城市房价网、易居研究院  《50城房租收入比研究》\")]), _vm._v(\" \"), _c('p', [_vm._v(\"4、智谷趋势  《各大城市最新租房负担地图：有多少人在假装生活》2017年7月北京个行政区人均租金\")]), _vm._v(\" \"), _c('p', [_vm._v(\"5、链家网2017年8月近2万条最新租房数据（包括小区名、面积、距地铁距离、租金、朝向、楼层、经纬度等信息）\")])])])\n}]}\n\n/***/ }),\n/* 115 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"yinxiang-container\"\n  }, [_c('div', {\n    staticClass: \"title-container\"\n  }, [_c('h2', [_vm._v(\"影响房租的因素\")]), _vm._v(\" \"), _c('p', [_vm._v(\"除了地理区位之外，还有什么促使租金居高不下的原因？\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"chart-container\"\n  }, [_c('div', {\n    staticClass: \"left-container\"\n  }, [_c('iframe', {\n    attrs: {\n      \"src\": \"http://www.dydata.io/preview.html?id=897409700275101696\",\n      \"scrolling\": \"no\",\n      \"border\": \"0\",\n      \"frameborder\": \"0\",\n      \"allowfullscreen\": \"true\",\n      \"width\": \"100%\",\n      \"height\": \"1200\"\n    }\n  })]), _vm._v(\" \"), _c('div', {\n    staticClass: \"right-container\"\n  }, [_c('iframe', {\n    attrs: {\n      \"src\": \"http://www.dydata.io/preview.html?id=897468395071676416\",\n      \"scrolling\": \"no\",\n      \"border\": \"0\",\n      \"frameborder\": \"0\",\n      \"allowfullscreen\": \"true\",\n      \"width\": \"100%\",\n      \"height\": \"1000\"\n    }\n  })])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"text-container\"\n  }, [_c('p', {\n    staticClass: \"text\"\n  }, [_vm._v(\"通过比较分析你可以发现，左边的散点图有一定的趋势和形状，而右边的则是杂乱无章的。用专业的话来说，租金和房屋面积有一定的正相关关系，房屋面积越大，租金越高。同时房屋和地铁距离的大小并不像人们平时想象的那样，它对租金的影响并没有那么显著。\")])])])\n}]}\n\n/***/ })\n]),[62]);\n\n\n// WEBPACK FOOTER //\n// static/js/app.654e7579b06995e830a6.js","module.exports = __webpack_public_path__ + \"static/media/rent_video_x264.d87ae7e.mp4\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./static/video/rent_video_x264.mp4\n// module id = 24\n// module chunks = 1","function injectStyle (ssrContext) {\n  require(\"!!../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-7c2c067a\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../node_modules/vue-loader/lib/selector?type=styles&index=0!./App.vue\")\n}\nvar Component = require(\"!../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"),\n  /* template */\n  require(\"!!../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-7c2c067a\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":\\\"src\\\",\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"}}!../node_modules/vue-loader/lib/selector?type=template&index=0!./App.vue\"),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  null,\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/App.vue\n// module id = 27\n// module chunks = 1","<template>\n  <div id=\"app\">\n    <welcome :scrollY=\"scrollY\"></welcome>\n    <shining_house></shining_house>\n    <imgcontainer :bgimg=\"'http://image.dydata.io/ULCrBjf363c9srsG7MANcv.jpg'\" :content=\"turan\" :content_en=\"turan_en\" :index=\"'1'\" :leaveTitleIndex=\"leaveTitleIndex\" :leaveTitleTop=\"leaveTitleTop\" :scrollY=\"scrollY\"></imgcontainer>\n    <ciyun></ciyun>\n    <imgcontainer :bgimg=\"'http://image.dydata.io/GqPweHzBcafUwxGA9Wyyah.jpg'\" :content=\"raner\" :content_en=\"raner_en\" :index=\"'2'\" :leaveTitleIndex=\"leaveTitleIndex\" :leaveTitleTop=\"leaveTitleTop\" :scrollY=\"scrollY\"></imgcontainer>\n    <countrymap></countrymap>\n    <hot_map></hot_map>\n    <yingxiang></yingxiang>\n    <map_to_rentArea> </map_to_rentArea>\n    <likai></likai>\n    <ziliao></ziliao>\n  </div>\n</template>\n\n<script>\n  import imgcontainer from './components/section'\n  import map_to_rentArea from './components/map_to_rentArea.vue'\n  import hot_map from './components/hot_map.vue'\n  import countrymap from './components/coutrymap.vue'\n  import shining_house from './components/shining_house.vue'\n  import ciyun from './components/ciyun.vue'\n  import  welcome from './components/welcome.vue'\n  import yingxiang from './components/yingxiang.vue'\n  import likai from './components/likai.vue'\n  import ziliao from './components/ziliao.vue'\n  export default {\n    data () {\n      return {\n        imgArr: [1, 2, 3, 4],\n        chooseOne: '',\n//     第几个元素的title的index\n        leaveTitleIndex: '',\n//      第几个元素title的顶部到浏览器顶部的距离\n        leaveTitleTop: '',\n        scrollY: '',\n        turan:'突然，“生活”不期而至。它犹如一头庞大、狡诈、杀气腾腾的猛兽，极有耐心地缓缓逼近，张开血盆大口，随时要将你吞下，在劫难逃。你说你想要一间那样的公寓？凭你刚毕业的资历和薪水，没有银行会答应你按揭买下它。退而求其次，你租房选择了租房。然而，即使是租房，你负担得起你曾幻想过的生活吗？',\n        turan_en:'All of a sudden, life happens. It comes toward you slowly and patienly, like some enormous, cunning, and murderous beast, ready to devour, impossible to escape. You were saying you wanted an apartment with bla bla bla ? Sorry, no bank would grant you a loan for a mortgage, being a newly graduate. Eventually you settle for renting. Still, can you afford the life you have imagined ?',\n        raner:'然而当他们真正拎着大包小包进入房间时，所有的幻想都破灭了。\\n 房子被隔断成五六间狭小的空间，板墙在暴风雨来临的时刻止不住地摇撼。卫生间的马桶是共用的，经常挂满污渍。水池的下水管道没有S形水弯，阵阵恶臭扑面而来。女孩儿们把洗好的衣服晾在楼道的栏杆上，或是挂在窗户凹槽上，希望明天不要下雨。',\n        raner_en:'However, when they actually unpack their luggage in their Dream House, the gilt is off.An intact house is usually divided into 5 or 6 rooms with no public space left, the living room included. The door is so thin that one punch can smash it, while the wood siding wall won\\'t stop shaking when the storm comes. Toilet in the bathroom is shared ,usually covered with stains. The S-shaped pipe between the sink and the sewer line is missing, reeking of repulsive smells. Girls hang up their laundry onto the handrail of the corridor or the grooves of the window, hoping it won\\'t rain the next day. '\n      }\n    },\n    name: 'app',\n    components: {\n      imgcontainer,\n      map_to_rentArea,\n      hot_map,\n      countrymap,\n      shining_house,\n      ciyun,\n      welcome,\n      yingxiang,\n      likai,\n      ziliao\n    },\n    mounted () {\n      var self = this\n      var containerArr = document.getElementsByClassName('container')\n      window.addEventListener('scroll', function () {\n        self.scrollY = window.scrollY\n        for (var i = 0; i < containerArr.length; i++) {\n          var itemtitle = document.querySelector('.title' + i)\n          var titleTop = itemtitle.offsetTop - window.scrollY\n          if (titleTop > -window.innerHeight / 2 && titleTop < window.innerHeight / 2) {\n            self.leaveTitleTop = titleTop\n            self.leaveTitleIndex = i\n          }\n        }\n      })\n    }\n  }\n</script>\n\n<style>\n\n</style>\n\n\n\n// WEBPACK FOOTER //\n// App.vue?fe24a364","<template>\n  <div class=\"ciyun\">\n    <div class=\"text-container\">\n      <p>更多的人奔走在中介与中介之间，</p>\n      <p>在各大租房网站上挑花了眼，希望能找到价格便宜、干净整洁、离上班距离又近的房子。</p>\n    </div>\n    <div id=\"tagsList\">\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">找室友</a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">周边有银行</a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">一厨一卫</a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">三房一厅</a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">有窗户</a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">很通风</a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">很明亮</a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">房东直租</a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">无中介费</a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">可短租</a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\"> 8月底入住 </a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\"> 限女生 </a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">超市菜市场</a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">设施完善</a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">装修清新</a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">交通枢纽</a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">双人大床</a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\"> 衣柜床头柜 </a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\"> 交通便利 </a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\"> 随时看房 </a >\n      <a href=“javascript:;” title=\"niyaoxiedehanzi\">精装单间</a >\n    </div>\n    <div class=\"text-container\">\n      <p>在穿着西装革履的中介口中，在网页的摄影图片中</p>\n      <p>人们幻想自己租到的房子又大又明亮，无中介费无服务费，还有脾气温柔爱整洁的舍友</p>\n    </div>\n  </div>\n</template>\n\n<script type=\"text/ecmascript-6\">\n  export default {}\n</script>\n\n<style scoped>\n  .ciyun{\n    background-color: rgb(64, 74, 89);\n    padding-top: 20px;\n  }\n  #tagsList {position:relative; width:800px; height:450px; margin:0 auto;  }\n  #tagsList a {position:absolute; top:0px; left:0px; font-family: Microsoft YaHei; color: rgba(255,255,255,0.7); font-weight:bold; text-decoration:none; padding: 3px 6px; }\n  #tagsList a:hover { color:rgba(255,255,255,1);}\n\n  .text-container{\n    text-align: center;\n    color: white;\n    padding: 60px 0px;\n    font-size: 16px;\n  }\n</style>\n\n\n// WEBPACK FOOTER //\n// ciyun.vue?0fced0b0","<template>\n  <div class=\"countrymap\">\n    <div class=\"title-container\">\n      <h2>那么，在北京租房子究竟有多难？</h2>\n      <p>为了回答这个问题，我们特意爬取了2万多条数据，试图从中得到简介：</p>\n    </div>\n    <div class=\"chart-container\">\n      <div class=\"left-chart\">\n        <iframe src=\"http://www.dydata.io/preview.html?id=896057332858036224\" scrolling=\"no\" border=\"0\" frameborder=\"0\" allowfullscreen=\"false\" width =\"100%\" height=\"1600\"></iframe>\n      </div>\n      <div class=\"right-chart\" @scroll.prevent>\n        <iframe src=\"http://www.dydata.io/preview.html?id=897290587812864000\" scrolling=\"no\" border=\"0\" frameborder=\"0\" allowfullscreen=\"false\" width =\"100%\" height=\"1600\"></iframe>\n      </div>\n    </div>\n    <div class=\"text-container\">\n      <div class=\"left-text\">\n        <p>全国主要城市人均月租金，表示在不同城市人们平均每月租房需要花的钱。从地图上能看出排名前三位的分别为：北京（2748元/月）、上海（2319元/月）、深圳（2211元/月）。北京是全国最贵的！</p>\n        <p>Monthly rent per person in major cities of China, indicating how much people need to spent on renting houses every month on average in different cities. It can be seen from the map that the top 3 cities are Beijing(￥2748/month), Shanghai(￥2319/month) and Shenzhen(￥ 2211/month ). Clearly, Beijing is the highest one of the country !\n        </p>\n      </div>\n      <div class=\"right-text\">\n        <p>说完了人均月租金，当然也得聊聊收入。如果你的收入足够多，租个房子简直小菜一碟。不过对于大部分刚踏入社会的年轻人来说，这可不是一个小数字。租金收入比指的是每个月租房子要占我们收入的多大比例。租金收入比高，说明你每月工资的绝大部分都用来付房租了，用来看电影、吃饭、打王者荣耀、买衣服包包的钱就少了。听起来很令人沮丧吧！\n        </p>\n        <p>更令人沮丧的是，地图中的数据告诉我们，房租收入比最高的还是北京，足足有58%！接下来是深圳（54%）、上海（48%）和三亚（48%）。这些地方的小伙伴生活真不易！</p>\n        <p>Per capita income should also be taken into account after we done . Of course if you earn enough, renting a houes would be nothing but a piece of cake. Sadly for most young people who just get into the real world, renting is not a small budget. Rent Income Ration(RIR) means the proportion for rent out of our salary every month. A high RIR shows that most of your monthly salary was for rent, leaving little money for films-watching, food, King of Glory, new clothes and bags. How frustrating it is !\n        </p>\n        <p>What is worse, figure in the map proves that the highest RIR city is still Beijing, with a good dominant 58% ! Following cities are Shenzhen(54%), Shanghai(48%) and Sanya(48%). what a hard life my fellow friends are living !\n        </p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script type=\"text/ecmascript-6\">\n  export default {}\n</script>\n\n<style scoped>\n.countrymap{\n  text-align: center;\n  background-color: rgb(64, 74, 89);\n  color: white;\n  padding-top: 20px;\n}\n.title-container{\n  padding-bottom: 20px;\n}\n.chart-container{\n  display: flex;\n  flex-wrap: wrap;\n}\n.left-chart{\n  height: 500px;\n  overflow: hidden;\n  flex-basis: 500px;\n  margin: 0 auto;\n}\n.right-chart{\n  flex-basis: 500px;\n  height: 500px;\n  overflow: hidden;\n  margin: 0 auto;\n}\n.text-container{\n  display: flex;\n  padding:50px;\n  text-align: left;\n  font-size: 14px;\n}\n  .left-text{\n    flex: 1;\n    padding: 20px;\n    padding-top: 0px;\n  }\n  .right-text{\n    flex: 1;\n    padding:20px;\n    padding-top: 0px;\n  }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// coutrymap.vue?6074854a","<template>\n  <div class=\"hot_map_container\" @mouseenter=\"hover()\" @mouseleave=\"leave()\" @click=\"toggle()\">\n   <transition name=\"fade\">\n     <div class=\"cover\" v-if=\"!isScale\"></div>\n   </transition>\n    <div class=\"jietu-container\"></div>\n    <transition name=\"fadeslide\">\n      <div class=\"text-container\" v-if=\"false\">\n        <yinhao></yinhao>\n        <p class=\"text\">热力图上颜色越红的区域表示租金越高，越蓝表示租金越低。我们可以发现距离天安门最近的东城区和西城区租金最高，住在这里的年轻人们平均每月要花4150元才能租一个房间。海淀区和朝阳区也不例外，月租金平均约为3400元。而离市中心越远，租金相应会变得越少。这意味着人们的通勤时间会大大增加，每天要花2-3个小时在地铁上打瞌睡。</p>\n        <p class=\"text\">Different colors on the heat map stand for rent varies from area to area. The redder, the higher; the bluer, the lower. We can see that Dongcheng and Xicheng Dictrict, the two districts nearest to Tiananmen Square, are the highest ones. Those who choose to live in both distrcts need to spend ￥4150 for one room every month. With￥3400 per month, Haidian and Chaoyang District are just as expected. Generally speaking, the farther away from downtown, the lower the rent. As a result, commuting time of those who live in suburbs is significantly longer than those who don't, dozing 2 to 3 hours on the subway every day.</p>\n      </div>\n    </transition>\n    <div class=\"bottom-text-container\">\n      <div class=\"bottom-text\">\n        <yinhao></yinhao>\n        <p class=\"text\">热力图上颜色越红的区域表示租金越高，越蓝表示租金越低。我们可以发现距离天安门最近的东城区和西城区租金最高，住在这里的年轻人们平均每月要花4150元才能租一个房间。海淀区和朝阳区也不例外，月租金平均约为3400元。而离市中心越远，租金相应会变得越少。这意味着人们的通勤时间会大大增加，每天要花2-3个小时在地铁上打瞌睡。</p>\n        <p class=\"text\">Different colors on the heat map stand for rent varies from area to area. The redder, the higher; the bluer, the lower. We can see that Dongcheng and Xicheng Dictrict, the two districts nearest to Tiananmen Square, are the highest ones. Those who choose to live in both distrcts need to spend ￥4150 for one room every month. With￥3400 per month, Haidian and Chaoyang District are just as expected. Generally speaking, the farther away from downtown, the lower the rent. As a result, commuting time of those who live in suburbs is significantly longer than those who don't, dozing 2 to 3 hours on the subway every day.</p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script type=\"text/ecmascript-6\">\n  import yinhao from '../components/yinhao.vue';\n  export default  {\n    components:{\n      yinhao\n    },\n    data () {\n      return {\n        ishover: false,\n        isScale: true\n      }\n    },\n    methods:{\n      hover () {\n        this.ishover = true\n      },\n      leave () {\n        this.ishover = false\n      },\n      toggle () {\n        this.isScale = !this.isScale\n      }\n    }\n  }\n</script>\n\n\n<style scoped>\n  .bottom-text-container{\n    padding: 50px;\n    background-color: rgb(64, 74, 89);\n    color: white;\n    text-align: left;\n  }\n\n  .jietu-container{\n    width: 100%;\n    height: 600px;\n    background-image: url(\"http://image.dydata.io/M4adwDNYC4Dutq9YH5XsG1.png\");\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: center center;\n  }\n  .decs_text{\n    font-size: 12px;\n    margin-left: 20px;\n  }\n .cover{\n   position: absolute;\n   top: 0;\n   left: 0;\n   right: 0;\n   bottom: 0;\n   background-color: rgba(0,0,0,0.3);\n   z-index: 100;\n }\n.hot_map_container{\n  position: relative;\n}\n\n.text-container{\n  background-color: rgb(64, 74, 89);\n  padding:20px;\n  color: white;\n  text-align: left;\n  font-size: 14px;\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 40vw;\n  height: 600px;\n  box-sizing: border-box;\n  overflow: auto;\n  z-index: 101;\n}\n.fadeslide-enter-active, .fadeslide-leave-active {\n  transition: all .5s\n}\n.fadeslide-enter, .fadeslide-leave-to /* .fade-leave-active in below version 2.1.8 */ {\n  opacity: 0;\n  transform:translateX(400px)\n}\n .fade-enter-active, .fade-leave-active {\n   transition: all .5s\n }\n .fade-enter, .fade-leave-to /* .fade-leave-active in below version 2.1.8 */ {\n   opacity: 0;\n }\n  .text{ \n    text-align: left;\n  }\n</style>\n\n\n\n\n// WEBPACK FOOTER //\n// hot_map.vue?2c818c7f","<template>\n  <div class=\"likai-container\">\n    <div class=\"text-container\">\n      <div class=\"title-container\">\n        <p>北京的生活成本昂贵，房租如此之高，</p>\n        <p>为什么源源不断的人仍涌入这座城市？宁可呆在地下室也不愿意离开？</p>\n      </div>\n      <div class=\"geci-container\">\n        <p style=\"margin-bottom: 20px\">也许汪峰《北京北京》作品里的歌词，曾痛彻很多人的心扉：</p>\n        <div class=\"geci-block\">\n          <p>咖啡馆到广场有三个街区</p>\n          <p>就像霓虹灯到月亮的距离</p>\n          <p>在这儿我能感觉到我的存在</p>\n          <p>在这儿有太多让我眷恋的东西</p>\n          <p>我在这里活着也在这里死去</p>\n          <p>北京，北京</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script type=\"text/ecmascript-6\">\n  export default {}\n</script>\n\n<style scoped>\n.likai-container{\n  padding: 80px 0px;\n  width: 100%;\n  min-height: 400px;\n  background-image: url(\"http://image.dydata.io/JzikNYE2cRQ631FLScuvjk.jpg\");\n  background-position: center center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-attachment: fixed;\n  position: relative;\n}\n  .text-container{\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%,-50%);\n    text-align: center;\n    color: white;\n    font-size: 18px;\n  }\n\n  .geci-container{\n    padding-top: 40px;\n  }\n</style>\n\n\n// WEBPACK FOOTER //\n// likai.vue?722eefbc","<template>\n  <div>\n    <div class=\"totle-title-container\">\n      <h1>假如你现在手上有一笔钱，用它来租哪块儿地方最划算？</h1>\n      <p>选中区域，拖动下方的滑块，看看你能租到多大平米的房子吧！</p>\n    </div>\n    <div class=\"section-container\">\n      <div class=\"map-container\">\n        <div class=\"map-title\">\n          <h2>北京各区域平均租金/月</h2>\n        </div>\n        <div class=\"map-desc\">\n          <p v-if=\"!selectitem\">①请点击地图选择区域</p>\n          <p v-if=\"selectitem\">①您选择了 <strong class=\"selectitem\"> {{mapdata[selectitem].name}} </strong></p>\n        </div>\n        <div class=\"map\">\n          <div class=\"map-top\">\n            <div class=\"yanqing center bg1\" @click=\"selectArea('yanqing')\"  @mouseenter=\"hover('yanqing')\"  @mouseleave=\"hover('')\"  :class=\"{ darkbg1:(hoveritem == 'yanqing' || selectitem == 'yanqing' )}\">\n              <p class=\"name\">延庆区</p>\n              <p class=\"price\">1063.6</p>\n            </div>\n            <div class=\"huairou center bg1\" @click=\"selectArea('huairou')\" @mouseenter=\"hover('huairou')\"  @mouseleave=\"hover('')\":class=\"{ darkbg1:hoveritem === 'huairou' || selectitem == 'huairou' }\">\n              <p class=\"name\">怀柔区</p>\n              <p class=\"price\">1038.71</p>\n            </div>\n            <div class=\"miyun center bg1\" @click=\"selectArea('miyun')\" @mouseenter=\"hover('miyun')\"  @mouseleave=\"hover('')\":class=\"{ darkbg1:hoveritem === 'miyun' || selectitem == 'miyun'}\">\n              <p class=\"name\">密云区</p>\n              <p class=\"price\">844.73</p>\n            </div>\n            <div class=\"pinggu center bg1\" @click=\"selectArea('pinggu')\" @mouseenter=\"hover('pinggu')\"  @mouseleave=\"hover('')\":class=\"{ darkbg1:hoveritem === 'pinggu' || selectitem == 'pinggu'}\">\n              <p class=\"name\">平谷区</p>\n              <p class=\"price\">802.64</p>\n            </div>\n          </div>\n          <div class=\"map-middle\">\n            <div class=\"changping center bg3\" @click=\"selectArea('changping')\" @mouseenter=\"hover('changping')\"  @mouseleave=\"hover('')\":class=\"{ darkbg3:hoveritem === 'changping' || selectitem == 'changping'}\">\n              <p class=\"name\">昌平区</p>\n              <p class=\"price\">1801.45</p>\n            </div>\n            <div class=\"shunyi center bg3\" @click=\"selectArea('shunyi')\" @mouseenter=\"hover('shunyi')\"  @mouseleave=\"hover('')\":class=\"{ darkbg3:hoveritem === 'shunyi' || selectitem == 'shunyi'}\">\n              <p class=\"name\">顺义区</p>\n              <p class=\"pirce\">2081.08</p>\n            </div>\n          </div>\n          <div class=\"map-bottom\">\n            <div class=\"map-bottom-left\">\n              <div class=\"mentougou center bg2\" @click=\"selectArea('mentougou')\"  @mouseenter=\"hover('mentougou')\"  @mouseleave=\"hover('')\":class=\"{ darkbg2:hoveritem === 'mentougou' || selectitem == 'mentougou'}\">\n                <p class=\"name\">门头沟区</p>\n                <p class=\"price\">1595.39</p>\n              </div>\n              <div class=\"fangshan center bg2\" @click=\"selectArea('fangshan')\" @mouseenter=\"hover('fangshan')\"  @mouseleave=\"hover('')\":class=\"{ darkbg2:hoveritem === 'fangshan' || selectitem == 'fangshan'}\">\n                <p class=\"name\">房山区</p>\n                <p class=\"price\">1173.4</p>\n              </div>\n            </div>\n            <div class=\"map-bottom-middle\">\n              <div class=\"map-bottom-middle-top\">\n                <div class=\"haidian center bg4\" @click=\"selectArea('haidian')\" @mouseenter=\"hover('haidian')\"  @mouseleave=\"hover('')\":class=\"{ darkbg4:hoveritem === 'haidian' || selectitem == 'haidian'}\">\n                  <p class=\"name\">海淀区</p>\n                  <p class=\"price\">3351.46</p>\n                </div>\n                <div class=\"chaoyang center bg4\" @click=\"selectArea('chaoyang')\" @mouseenter=\"hover('chaoyang')\"  @mouseleave=\"hover('')\":class=\"{ darkbg4:hoveritem === 'chaoyang' || selectitem == 'chaoyang'}\">\n                  <p class=\"name\">朝阳区</p>\n                  <p class=\"price\">3426.13</p>\n                </div>\n              </div>\n              <div class=\"map-bottom-middle-middle\">\n                <div class=\"map-bottom-middle-middle-left\">\n                  <div class=\"map-bottom-middle-middle-left-left\">\n                    <div class=\"shijingshan center bg3\" @click=\"selectArea('shijingshan')\" @mouseenter=\"hover('shijingshan')\"  @mouseleave=\"hover('')\":class=\"{ darkbg3:hoveritem === 'shijingshan' || selectitem == 'shijingshan'}\">\n                      <p class=\"name\">石景山区</p>\n                      <p class=\"price\">2420.72</p>\n                    </div>\n                  </div>\n                  <div class=\"map-bottom-middle-middle-left-right\">\n                    <div class=\"map-bottom-middle-middle-left-right-top\">\n                      <div class=\"xicheng center bg4\" @click=\"selectArea('xicheng')\" @mouseenter=\"hover('xicheng')\"  @mouseleave=\"hover('')\":class=\"{ darkbg4:hoveritem === 'xicheng' || selectitem == 'xicheng'}\">\n                        <p class=\"name\">西城区</p>\n                        <p class=\"price\">4136.17</p>\n                      </div>\n                      <div class=\"dongcheng center bg4\" @click=\"selectArea('dongcheng')\" @mouseenter=\"hover('dongcheng')\"  @mouseleave=\"hover('')\":class=\"{ darkbg4:hoveritem === 'dongcheng' || selectitem == 'dongcheng'}\" >\n                        <p class=\"name\">东城区</p>\n                        <p class=\"price\">4171.3</p>\n                      </div>\n                    </div>\n                    <div class=\"map-bottom-middle-middle-left-right-bottom\">\n                      <div class=\"fengtai center bg3\" @click=\"selectArea('fengtai')\" @mouseenter=\"hover('fengtai')\"  @mouseleave=\"hover('')\":class=\"{ darkbg3:hoveritem === 'fengtai' || selectitem == 'fengtai'}\">\n                        <p class=\"name\">丰台区</p>\n                        <p class=\"price\">2476.36</p>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"map-bottom-middle-middle-right\">\n                  <div class=\"map-bottom-middle-middle-right-top bg2\" @click=\"selectArea('tongzhou')\" @mouseenter=\"hover('tongzhou')\"  @mouseleave=\"hover('')\":class=\"{ darkbg2:hoveritem === 'tongzhou' || selectitem == 'tongzhou'}\"></div>\n                  <div class=\"map-bottom-middle-middle-right-bottom bg2\" @click=\"selectArea('daxing')\" @mouseenter=\"hover('daxing')\"  @mouseleave=\"hover('')\":class=\"{ darkbg2:hoveritem === 'daxing' || selectitem == 'daxing'}\"></div>\n                </div>\n              </div>\n              <div class=\"map-bottom-middle-bottom\">\n                <div class=\"map-bottom-middle-bottom-left\">\n                  <div class=\"fangshan bg2\" style=\"height: 100%;\" @click=\"selectArea('fangshan')\" @mouseenter=\"hover('fangshan')\"  @mouseleave=\"hover('')\":class=\"{ darkbg2:hoveritem === 'fangshan' || selectitem == 'fangshan'}\"></div>\n                </div>\n                <div class=\"map-bottom-middle-bottom-right\">\n                  <div class=\"daxing bg2\" style=\"height: 100%\" @click=\"selectArea('daxing')\" @mouseenter=\"hover('daxing')\"  @mouseleave=\"hover('')\":class=\"{ darkbg2:hoveritem === 'daxing' || selectitem == 'daxing'}\"></div>\n                </div>\n              </div>\n            </div>\n            <div class=\"map-bottom-right\">\n              <div class=\"tongzhou center bg2\" @click=\"selectArea('tongzhou')\" @mouseenter=\"hover('tongzhou')\"  @mouseleave=\"hover('')\":class=\"{ darkbg2:hoveritem === 'tongzhou' || selectitem == 'tongzhou'}\">\n                <p class=\"name\">通州区</p>\n                <p class=\"price\">1581.49</p>\n              </div>\n              <div class=\"daxing center bg2\" @click=\"selectArea('daxing')\" @mouseenter=\"hover('daxing')\"  @mouseleave=\"hover('')\":class=\"{ darkbg2:hoveritem === 'daxing' || selectitem == 'daxing'}\">\n                <p class=\"name\">大兴区</p>\n                <p class=\"price\">1715.54</p>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"map-desc\">\n          <p v-if=\"!payValue\">②请选择您每月租金</p>\n          <p v-if=\"payValue\">②您选择的每月租金是 <strong class=\"payvalue\">{{payValue}}元</strong></p>\n        </div>\n        <div class=\"pay\">\n          <div class=\"pay-title\">\n            <h3>每月租金</h3>\n          </div>\n          <div class=\"pay-content\">\n            <el-slider v-model=\"payValue\" :step=\"10\" show-input :max=\"10000\" :min=\"500\"></el-slider>\n          </div>\n        </div>\n      </div>\n      <div class=\"house-container\">\n        <div class=\"title\">\n          <h1>在北京，</h1>\n          <h4 v-if=\"selectitem && payValue\">您每月 <span style=\"font-size: 30px\">{{payValue}}元</span>的租金在 <span style=\"font-size: 30px\">{{mapdata[selectitem].name}}</span> 可以租到的房屋面积为：</h4>\n          <h4 v-if=\"!selectitem || !payValue\">您需花多少钱，才能租到满意的房子？</h4>\n        </div>\n        <div class=\"square-container\">\n          <div class=\"square\" v-if=\"selectitem && payValue\" :style=\"{width: Math.sqrt(mapdata[selectitem].rate * payValue)*3.6 + '%'}\">\n            <div class=\"left-top-arrow\" v-if=\"Math.sqrt(mapdata[selectitem].rate * payValue)*3.6 > 20\"></div>\n            <div class=\"square-content\" :style=\"{fontSize: (12 + Math.sqrt(mapdata[selectitem].rate * payValue)) + 'px' }\">\n              <p class=\"square-content-text\">{{mapdata[selectitem].rate * payValue | subto2}}㎡</p>\n            </div>\n            <div class=\"right-bottom-arrow\" v-if=\"Math.sqrt(mapdata[selectitem].rate * payValue)*3.6 > 20\"></div>\n          </div>\n          <div class=\"before-square\"  v-if=\"!selectitem || !payValue\">\n            <p class=\"before-square-text\">?</p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script type=\"text/ecmascript-6\">\n  export default {\n    data () {\n      return{\n        hoveritem:'',\n        selectitem:'',\n        csvdata: `延庆区,yanqing,1063.6,29.0601092896175,0.0344114328694998\n                  怀柔区,huairou,1038.71,28.3800546448087,0.035236013901859\n                  密云区,miyun,844.73,23.0800546448087,0.043327453742616\n                  平谷区,pinggu,802.64,21.9300546448087,0.04559952157879\n                  昌平区,changping,1801.45,49.2199453551913,0.0203169668877848\n                  顺义区,shunyi,2081.08,56.8601092896175,0.0175870221231284\n                  门头沟区,mentougou,1595.39,43.5898907103825,0.0229410990416136\n                  海淀区,haidian,3351.46,91.5699453551913,0.0109206137026848\n                  朝阳区,chaoyang,3426.13,93.6101092896175,0.0106826069063346\n                  通州区,tongzhou,1581.49,43.2101092896175,0.0231427324864526\n                  房山区,fangshan,1173.40,32.06,0.0311914095790012\n                  石景山区,shijingshan,2420.72,66.1398907103825,0.0151194685878582\n                  西城区,xicheng,4136.17,113.010109289617,0.0088487658872822\n                  东城区,dongcheng,4171.30,113.97,0.00877424304173759\n                  丰台区,fengtai,2476.36,67.6601092896175,0.0147797573858405\n                  大兴区,daxing,1715.54,46.8726775956284,0.0213343903377362`,\n        mapdata: {},\n        payValue:3000\n      }\n    },\n    methods:{\n      selectArea (name) {\n        this.selectitem = name;\n      },\n      hover (name) {\n        this.hoveritem = name\n      },\n      getMapData () {\n        var tempArr = this.csvdata.split('\\n');\n        for(var i =0;i<tempArr.length;i++){\n          tempArr[i] = tempArr[i].trim().split(',');\n          this.mapdata[tempArr[i][1]] = { price:tempArr[i][2], rate:tempArr[i][4], name:tempArr[i][0]}\n        }\n        console.dir(this.mapdata);\n      }\n    },\n    created () {\n      this.getMapData()\n    },\n    filters :{\n      subto2 (value) {\n        value = value + '';\n        if (value.indexOf('.')>0){\n          var index = value.indexOf('.');\n          value = value.substr(0,index+4);\n        }\n        return value\n      }\n    }\n  }\n</script>\n\n<style scoped>\n\n  .totle-title-container{\n    padding: 20px 0px;\n    text-align: center;\n  }\n  .bg4 {\n    background-color: rgba(2,42,76,0.8);\n  }\n  .bg3 {\n    background-color: rgba(8,77,139,0.8);\n  }\n  .bg2 {\n    background-color: rgba(15,106,193,0.8);\n  }\n  .bg1 {\n    background-color: rgba(50,154,252,0.8);\n  }\n  .darkbg4 {\n    background-color: rgba(2,42,76,1);\n  }\n  .darkbg3 {\n    background-color: rgba(8,77,139,1);\n  }\n  .darkbg2 {\n    background-color: rgba(15,106,193,1);\n  }\n  .darkbg1{\n    background-color: rgba(50,154,252,1);\n  }\n  .section-container{\n    width: 100%;\n    display: flex;\n    flex-wrap:wrap;\n    align-items: center;\n  }\n  .map-container{\n    flex-grow: 1;\n    flex-basis: 500px;\n    padding:20px;\n    padding-right: 40px;\n  }\n  .map-title{\n    text-align: center;\n  }\n\n  .map-desc{\n    text-align: center;\n    color: gray;\n  }\n  .map{\n    background-color: white;\n    width: 100%;\n    height: 400px;\n    overflow: hidden;\n    color: white;\n    cursor: pointer;\n  }\n  .map-top{\n    height: 25%;\n    width: 100%;\n    display: flex;\n    box-sizing: border-box;\n  }\n  .center{\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n  }\n  .center p{\n    margin: 0.6em;\n  }\n  .center .price{\n    font-size: 12px;\n    font-weight: lighter;\n    background-color: rgb(252,98,65);\n    padding: 2px 10px;\n    border-radius: 3px;\n    color: ;\n  }\n  .center .name{\n    margin: 0.5em;\n  }\n  .yanqing{\n    flex: 2;\n    height: 100%;\n    border-right: 1px solid rgba(255,255,255,0.2);\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .huairou{\n    flex: 1;\n    height: 100%;\n    border-right: 1px solid rgba(255,255,255,0.2);\n    border-right: 1px solid rgba(255,255,255,0.2);\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .miyun{\n    flex: 1;\n    height: 100%;\n    border-right: 1px solid rgba(255,255,255,0.2);\n    border-right: 1px solid rgba(255,255,255,0.2);\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .pinggu{\n    flex: 2;\n    border-right: 1px solid rgba(255,255,255,0.2);\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .map-middle{\n    height: 15%;\n    width: 100%;\n    display: flex;\n  }\n  .changping{\n    flex: 1;\n    border-right: 1px solid rgba(255,255,255,0.2);\n    border-bottom: 1px solid rgba(255,255,255,0.2);\n    border-top: 1px solid rgba(255,255,255,0.2);\n    border-right: 1px solid rgba(255,255,255,0.2);\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .shunyi{\n    flex: 1;\n    border-right: 1px solid rgba(255,255,255,0.2);\n    border-bottom: 1px solid rgba(255,255,255,0.2);\n    border-top: 1px solid rgba(255,255,255,0.2);\n    border-right: 1px solid rgba(255,255,255,0.2);\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .map-bottom{\n    height: 60%;\n    width: 100%;\n    display: flex;\n  }\n  .map-bottom-left{\n    flex: 1;\n    height: 100%;\n  }\n  .mentougou{\n    height: 50%;\n    width: 100%;\n    border-right: 1px solid rgba(255,255,255,0.2);\n    border-bottom: 1px solid rgba(255,255,255,0.2);\n    border-right: 1px solid rgba(255,255,255,0.2);\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .fangshan{\n    height: 50%;\n    width: 100%;\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .map-bottom-middle{\n    flex: 3;\n    height: 100%;\n  }\n  .map-bottom-middle-top{\n    width:100%;\n    height:25%;\n    display: flex;\n  }\n  .haidian{\n    flex: 1;\n    border-right: 1px solid rgba(255,255,255,0.2);\n    border-bottom: 1px solid rgba(255,255,255,0.2);\n    border-left: 1px solid rgba(255,255,255,0.2);\n    border-right: 1px solid rgba(255,255,255,0.2);\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .chaoyang{\n    flex: 1;\n    border-right: 1px solid rgba(255,255,255,0.2);\n    border-bottom: 1px solid rgba(255,255,255,0.2);\n    border-right: 1px solid rgba(255,255,255,0.2);\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .map-bottom-middle-middle{\n    width: 100%;\n    height: 60%;\n    display: flex;\n  }\n  .map-bottom-middle-middle-left{\n    flex: 6;\n    height: 100%;\n    display: flex;\n  }\n  .map-bottom-middle-middle-left-left{\n    height: 100%;\n    flex: 1;\n  }\n  .map-bottom-middle-middle-left-right{\n    flex: 2;\n    height: 100%;\n  }\n  .map-bottom-middle-middle-left-right-top{\n    height: 50%;\n    display: flex;\n  }\n  .xicheng{\n    flex: 1;\n    border-right: 1px solid rgba(255,255,255,0.2);\n    border-bottom: 1px solid rgba(255,255,255,0.2);\n    border-left: 1px solid rgba(255,255,255,0.2);\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .dongcheng{\n    flex: 1;\n    border-right: 1px solid rgba(255,255,255,0.2);\n    border-bottom: 1px solid rgba(255,255,255,0.2);\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .map-bottom-middle-middle-left-right-bottom{\n    height: 50%;\n  }\n  .fengtai{\n    height: 100%;\n    border-right: 1px solid rgba(255,255,255,0.2);\n    border-bottom: 1px solid rgba(255,255,255,0.2);\n    border-left: 1px solid rgba(255,255,255,0.2);\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .shijingshan{\n    height:100%;\n    border-left: 1px solid rgba(255,255,255,0.2);\n    border-bottom: 1px solid rgba(255,255,255,0.2);\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .map-bottom-middle-middle-right{\n    flex: 1;\n    height: 100%;\n  }\n  .map-bottom-middle-middle-right-top{\n    height: 42%;\n    border-bottom: 1px solid rgba(255,255,255,0.2);\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .map-bottom-middle-middle-right-bottom{\n    height: 57.5%;\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n\n\n  .map-bottom-middle-bottom{\n    width: 100%;\n    height: 15%;\n    display: flex;\n  }\n  .map-bottom-middle-bottom-left{\n    flex: 1;\n    height: 100%;\n  }\n  .map-bottom-middle-bottom-right{\n    flex: 1;\n    height: 100%;\n  }\n\n\n\n  .map-bottom-right{\n    flex: 1;\n    height: 100%;\n  }\n  .tongzhou{\n    height: 50%;\n    width: 100%;\n    border-bottom: 1px solid rgba(255,255,255,0.2);\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n  .daxing{\n    height: 50%;\n    width: 100%;\n    transition:all 0.5s;\n    -moz-transition:all 0.5s; /* Firefox 4 */\n    -webkit-transition:all 0.5s; /* Safari and Chrome */\n    -o-transition:all 0.5s; /* Opera */\n  }\n\n\n\n  .house-container{\n    flex-grow: 1;\n    flex-basis: 500px;\n    min-height: 500px;\n    border-left: 1px dashed rgba(15,106,193,0.8);\n    padding: 20px;\n  }\n  .house-container .title{\n    height: 110px;\n  }\n  .pay{\n    padding: 20px;\n    padding-top: 0px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n  .pay-title{\n    flex: 2;\n    font-size: 14px;\n  }\n  .pay-content{\n    flex: 10;\n  }\n  .payvalue{\n    display: inline-block;\n    padding:1px 20px;\n    background-color: #20a0ff;\n    border-radius: 40px;\n    color: white;\n  }\n  .selectitem{\n    display: inline-block;\n    padding:1px 20px;\n    background-color: #20a0ff;\n    border-radius: 40px;\n    color: white;\n  }\n  .square-container{\n    position: relative;\n    height: 400px;\n  }\n  .square{\n    position: absolute;\n    top:50%;\n    left:50%;\n    transform: translate(-50%,-50%);\n    width: 67px;\n    border-radius: 10px;\n    overflow: hidden;\n    background-color: rgba(0,0,0,0.5);\n    -webkit-transition: all 0.5s;\n    -moz-transition: all  0.5s;\n    -ms-transition: all  0.5s;\n    -o-transition: all  0.5s;\n    transition: all  0.5s;\n  }\n  .before-square{\n    position: absolute;\n    top:50%;\n    left:50%;\n    transform: translate(-50%,-50%);\n    width: 240px;\n    height: 240px;\n    border-radius: 10px;\n    overflow: hidden;\n    background-color: rgba(0,0,0,0.5);\n    -webkit-transition: all 0.5s;\n    -moz-transition: all  0.5s;\n    -ms-transition: all  0.5s;\n    -o-transition: all  0.5s;\n    transition: all  0.5s;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .before-square-text{\n    font-size: 70px;\n    color: white;\n  }\n  .square-content{\n    position: absolute;\n    top:50%;\n    left:50%;\n    transform: translate(-50%,-50%);\n  }\n  .square-content-text{\n    color: white;\n    -webkit-transition: all 0.5s;\n    -moz-transition: all 0.5s;\n    -ms-transition: all 0.5s;\n    -o-transition: all 0.5s;\n    transition: all 0.5s;\n  }\n  .square::after{\n    content: '';\n    margin-top: 80%;\n    display: block;\n  }\n  .left-top-arrow{\n    background-image: url(\"http://image.dydata.io/SZkzoRhanWVAJ8rSAKcUZe.png\");\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-position: center center;\n    overflow: hidden;\n    width: 20px;\n    height: 20px;\n    position: absolute;\n    left: 5px;\n    top: 5px;\n  }\n  .right-bottom-arrow{\n    background-image: url(\"http://image.dydata.io/Wt9nqixahnRY9SK9iEvJYf.png\");\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-position: center center;\n    overflow: hidden;\n    width: 20px;\n    height: 20px;\n    position: absolute;\n    right: 5px;\n    bottom: 5px;\n  }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// map_to_rentArea.vue?4311abc2","<template>\n  <div class=\"container\" :class=\"'container' + index \">\n    <div class=\"bgimg\" :style=\"imgStyle\">\n      <div class=\"title\" :class=\"'title' + index\" :style=\"titleLeave\">\n        <p class=\"content\">{{content}}</p>\n        <p class=\"content_en\">{{content_en}}</p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script type=\"text/ecmascript-6\">\n  export default {\n    props: ['bgimg', 'content', 'content_en', 'index', 'leaveTitleIndex', 'leaveTitleTop', 'scrollY'],\n    data () {\n      return {\n        container: []\n      }\n    },\n    computed: {\n      titleLeave () {\n        if (this.index + '' === this.leaveTitleIndex + '') {\n          return { opacity: this.leaveTitleTop / (window.innerHeight / 2), transform: 'translateY(' + (-10000) / this.leaveTitleTop + 'px)' }\n        } else {\n          return { opacity: '1' }\n        }\n      },\n      imgStyle () {\n        return { backgroundPosition: '50% ' + this.scrollY * 100 / document.body.offsetHeight + '%', backgroundImage: 'url(' + this.bgimg + ')', backgroundSize: 'auto 140vh' }\n      }\n    }\n  }\n</script>\n\n<style scoped>\n  .container{\n    height: 100vh;\n  }\n  .bgimg{\n    height: 100vh;\n    background-repeat: no-repeat;\n    background-attachment: fixed;\n    background-size: cover;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0px 40px 0px 40px;\n  }\n  .title{\n    font-size: 18px;\n    color: ghostwhite;\n    background-color: rgba(0, 0, 0, 0.7);\n    width: 60%;\n    text-align: left;\n    padding:0px 40px;\n  }\n  .content_en{\n    font-size: 12px;\n  }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// section.vue?5ee5d474","<template>\n  <div class=\"shining_house\">\n    <div class=\"cover\">\n      <div class=\"cover-text-container\">\n        <p class=\"cover-text\">\n          当夜色降临时，绝大多数人都需要寻找一个休憩之所。在北京，一共有1390000套出租屋，它们散落在普通住宅楼、四合院、阁楼、地下室里，有时候也会以别墅的面貌出现。在这些出租屋中，住着5000000个形色各异、来去匆匆的人。\n        </p>\n        <p class=\"cover-text-en\">\n          When the day turn into night, most people will be needing a resting premises. In Beijing, all together there are 1,390,000 rental estates, scattering in conventional residential buildings, quadrangle courtyards, attics and basements, sometimes a villa. Accordingly, 5,000,000 unique individuals in hasty life are their residents.\n        </p>\n      </div>\n    </div>\n    <video autoplay loop id=\"bgvid\" style=\"height: 100%;width: 100%;object-fit:cover\">\n      <source src=\"../../static/video/rent_video_x264.mp4\" type=\"video/webm\">\n      <source src=\"../../static/video/rent_video_x264.mp4\" type=\"video/mp4\">\n    </video>\n  </div>\n</template>\n\n<script type=\"text/ecmascript-6\">\n  export default {}\n</script>\n\n<style scoped>\n.shining_house{\n  height:700px;\n  background-color: rgba(0,0,0,0.5);\n  position: relative;\n  overflow: hidden;\n}\n\n.cover{\n  position: absolute;\n  top:0px;\n  bottom: 0px;\n  left: 0px;\n  right: 0px;\n  z-index: 100;\n  background-color: rgba(0,0,0,0.6);\n  color: white;\n}\n.cover-text-container{\n  width: 60%;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%,-50%);\n  z-index: 101;\n}\n.cover-text{\n  font-size: 18px;\n}\n.cover-text-en{\n  font-size: 12px;\n}\n#bgvid{\n  position:absolute;\n  top: 0;\n  left: 0;\n  z-index: 99;\n}\n</style>\n\n\n\n// WEBPACK FOOTER //\n// shining_house.vue?2b7417d3","<template>\n  <div class=\"welcome-container\">\n    <transition name=\"fade\">\n      <div class=\"groupfade\" v-show=\"scrollY < 6640\">\n        <div class=\"title-container\">\n          <h1 class=\"title1\" :style=\"title1\">说到租房，北京的年轻人都哭了</h1>\n          <p  class=\"title2\" :style=\"title2\">我们爬了两万条数据，用数据给你最精确的北京租房素描</p>\n        </div>\n        <transition name=\"fade\">\n          <div class=\"footer-container\" v-if=\"scrollY < 1900\">\n            <span class=\"icon-arrow-down2\"></span>\n          </div>\n        </transition>\n        <div class=\"block-container\" :style=\"blockstyle\">\n          <div class=\"block1-container\">\n            <div class=\"block1\" :style=\"block1\">\n              <div class=\"block1-text\" :style=\"block1text\">\n                <p>In these groups, </p>\n                <p>there are construction workers, nail divisions, programmers, waste recyclers,</p>\n                <p>most of them, are rented in this city</p>\n              </div>\n            </div>\n          </div>\n          <div class=\"block2-container\">\n            <div class=\"block2\" :style=\"block2\">\n              <div class=\"block2-text\" :style=\"block2text\">\n                <p>在这些人群中，有建筑工、美甲师、程序员、大学生、废品回收者，</p>\n                <p>也有银行职员和美国摄影师。</p>\n                <p>他们中的大多数,</p>\n                <p>都在这个城市租房</p>\n              </div>\n            </div>\n          </div>\n          <div class=\"block3-container\">\n            <div class=\"block3\">\n              <div class=\"block3-text\" :style=\"block3text\">\n                <p>每天，</p>\n                <p>平均有2100人拖着行李箱，抵达北京西站、</p>\n                <p>首都国际机场、长途汽车站…</p>\n                <p>涌入这个时而令人狂喜沸腾，</p>\n                <p>时而令人焦躁失望的地方</p>\n              </div>\n            </div>\n          </div>\n          <div class=\"block4-container\">\n            <div class=\"block4\" :style=\"block4\">\n              <div class=\"block4-text\" :style=\"block4text\">\n                <p>2100 people on average are dragging their suitcases eveyday, </p>\n                <p>shortly after they arrive at Beijing West Railway Station, </p>\n                <p>Capital International Airport, coach stations and so on.</p>\n                <p>Pouring into the city where people are either ravished with joy or hanging their heads in despair.</p>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </transition>\n    <transition name=\"fade\">\n      <div class=\"bgimg-container\" v-show=\"scrollY > 6640\" :style=\"blockstyle\">\n        <div class=\"bgimg\">\n        </div>\n      </div>\n    </transition>\n    <div class=\"last-text\">\n      <h1 class=\"last-text-title\" :style=\"lasttext\" >北京租房素描</h1>\n    </div>\n  </div>\n</template>\n\n<script type=\"text/ecmascript-6\">\n  export default {\n    props:['scrollY'],\n    computed:{\n      lasttext () {\n        if (this.scrollY > 7500) {\n          return { opacity: (this.scrollY-7500) /1500}\n        } else {\n          return { opacity: '0'}\n        }\n      },\n      title1 () {\n        if ( this.scrollY > 100 ) {\n          return { transform: 'translateX( -' + (this.scrollY - 100)/2 +'px )'}\n        } else {\n          return {}\n        }\n      },\n      title2 () {\n        if ( this.scrollY > 350 ) {\n          return { transform: 'translateX( -' + (this.scrollY - 350)/3 +'px )'}\n        } else {\n          return {}\n        }\n      },\n      blockstyle () {\n        if ((500 - this.scrollY-12)/3 > -156 && this.scrollY > 500) {\n          return { transform:'translate(' + (500 - this.scrollY-12)/3 +'vw, -171vw) rotate(25deg) ' }\n        } else if ((500 - this.scrollY-12)/3 < -156 ) {\n          return { transform:'translate( -156vw, -171vw) rotate(25deg) ' }\n        } else if (this.scrollY > 8500) {\n          return { transform: 'translate(-156vw,-171vw) rotate(25deg)'}\n        } else {\n          return { transform: 'translate(-12vw,-171vw) rotate(25deg)'}\n        }\n      },\n      block1 () {\n        if (this.scrollY > 4000) {\n          return { width: (this.scrollY-4000) /100 + '%',opacity: (this.scrollY-4000) /1000}\n        } else {\n          return { width: '0%'}\n        }\n      },\n      block1text () {\n        if (this.scrollY > 5500) {\n          return { opacity: (this.scrollY-5500) /1500}\n        } else {\n          return { opacity: '0'}\n        }\n      },\n      block2 () {\n        if (this.scrollY > 3068) {\n          return { height: (this.scrollY-3068) /100 + '%',opacity: (this.scrollY-3068) /1000}\n        } else {\n          return { height: '0%'}\n        }\n      },\n      block2text () {\n        if (this.scrollY > 3650) {\n          return { opacity: (this.scrollY-3650) /1500}\n        } else {\n          return { opacity: '0'}\n        }\n      },\n      block4 () {\n        if (this.scrollY > 2000) {\n          return { width: (this.scrollY-2000) /100 + '%',opacity: (this.scrollY-1752) /1000}\n        } else {\n          return { width: '0%'}\n        }\n      },\n      block3text () {\n        if (this.scrollY > 1752) {\n            return { opacity: (this.scrollY-1752) /1500}\n        } else {\n            return { opacity: '0'}\n        }\n      },\n      block4text () {\n        if (this.scrollY > 2361) {\n          return { opacity: (this.scrollY-2361) /1500}\n        } else {\n          return { opacity: '0'}\n        }\n      }\n    },\n    methods: {\n\n    },\n    mounted () {\n    },\n    watch: {\n      scrollY: function() {\n        if (this.scrollY >= 8500 ){\n          $('.bgimg-container').css('position','absolute');\n          $('.bgimg-container').css('top', '8500px');\n          $('.last-text').css('position','absolute');\n          $('.last-text').css('top', (8500+ window.innerHeight/2) +'px');\n        } else {\n          $('.bgimg-container').css('position','fixed');\n          $('.bgimg-container').css('top', '0px');\n          $('.last-text').css('position','fixed');\n          $('.last-text').css('top', '50%');\n        }\n      }\n    }\n  }\n</script>\n\n<style scoped>\n\n  .last-text{\n    position: fixed;\n    top:50%;\n    left: 50%;\n    transform: translate(-50%,-50%);\n    z-index: 10;\n  }\n  .last-text-title{\n    color: white;\n    font-size: 60px;\n  }\n  .fade-enter-active, .fade-leave-active {\n    transition: opacity 1.5s\n  }\n  .fade-enter, .fade-leave-to /* .fade-leave-active in below version 2.1.8 */ {\n    opacity: 0\n  }\n .welcome-container{\n   height: 9400px;\n   background-color: whitesmoke;\n }\n .title-container{\n   position: fixed;\n   top: 50%;\n   left: 10%;\n   transform: translate(0,-50%);\n   z-index: 6;\n }\n .footer-container{\n   position: fixed;\n   bottom: 10%;\n   left: 50%;\n   transform: translate(0,-50%);\n   z-index: 6;\n }\n .icon-arrow-down2:after{\n   position:absolute;\n   content: '';\n   width: 50px;\n   height: 50px;\n   left: 50%;\n   top: 50%;\n   border-radius: 50%;\n   border:1px solid black;\n   transform: translate(-50%,-50%);\n   animation: bigfade 1.5s  1s infinite;\n }\n @keyframes bigfade {\n   0% {\n     opacity: 0;\n     transform: translate(-50%,-50%) scale(0.8);\n   }\n   50% {\n     opacity: 1;\n   }\n   100% {\n     opacity: 0;\n     transform: translate(-50%,-50%) scale(1.2);\n   }\n }\n  .icon-arrow-down2:before{\n    position:absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%,-50%);\n  }\n .block-container{\n   width: 400vw;\n   height: 400vw;\n   display: flex;\n   position: fixed;\n   flex-wrap: wrap;\n   z-index: 4;\n   background-color: rgb(255,197,132);\n }\n  .block1-container{\n    width: 200vw;\n    height: 200vw;\n    z-index: 4;\n    padding: 90px;\n    padding-right: 10px;\n    box-sizing: border-box;\n    position: relative;\n  }\n  .block1{\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    background-color: rgba(0,0,0,0.2);\n    text-align: right;\n    bottom: 112px;\n    right: 33px;\n  }\n  .block1-text{\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    padding:20px;\n    color: white;\n    font-size: 16px;\n  }\n\n\n   .block2-container{\n     width: 200vw;\n     height: 200vw;\n     z-index: 4;\n     padding: 10px;\n     padding-bottom: 90px;\n     box-sizing: border-box;\n     position: relative;\n   }\n   .block2{\n     background-color: rgba(0,0,0,0.4);\n     width: 100%;\n     height: 100%;\n     position: absolute;\n     left: 48px;\n     bottom: 120px;\n   }\n   .block2-text{\n     position: absolute;\n     left:0;\n     bottom: 0;\n     padding: 20px;\n     box-sizing: border-box;\n     color: white;\n   }\n   .block3-container{\n     width: 200vw;\n     height: 200vw;\n     z-index: 4;\n     padding:20px;\n     box-sizing: border-box;\n   }\n   .block3{\n     width: 100%;\n     height: 100%;\n     background-color: whitesmoke;\n     position: relative;\n   }\n\n   .block3-text{\n     position: absolute;\n     top: 0;\n     right: 0;\n     padding:20px;\n     width: 400px;\n     text-align: right;\n   }\n   .block4-container{\n     width: 200vw;\n     height: 200vw;\n     z-index: 4;\n     padding:60px;\n     padding-top: 20px;\n     box-sizing: border-box;\n   }\n   .block4{\n     background-color: rgba(0,0,0,0.8);;\n     width: 100%;\n     height: 100%;\n     position: relative;\n   }\n   .block4-text{\n     width: 400px;\n     padding: 20px;\n     color: white;\n     text-align: left;\n     position: absolute;\n     left: 0;\n     top: 0;\n     font-size: 16px;\n   }\n   .bgimg-container{\n     width: 400vw;\n     height: 400vw;\n     position: fixed;\n     z-index: 1;\n   }\n   .bgimg{\n     height: 100%;\n     width: 100%;\n     transform: scale(0.5) rotate(-50deg);\n     background-image: url(\"http://image.dydata.io/UVHMaemGHmAu4c3y3Jq9hJ.jpg\");\n     background-repeat: no-repeat;\n     background-position: 83% 59%;\n     background-size: 80%;\n   }\n</style>\n\n\n// WEBPACK FOOTER //\n// welcome.vue?73cbd894","<template>\n  <div class=\"yinxiang-container\">\n    <div class=\"title-container\">\n      <h2>影响房租的因素</h2>\n      <p>除了地理区位之外，还有什么促使租金居高不下的原因？</p>\n    </div>\n    <div class=\"chart-container\">\n      <div class=\"left-container\">\n        <iframe src=\"http://www.dydata.io/preview.html?id=897409700275101696\" scrolling=\"no\" border=\"0\" frameborder=\"0\" allowfullscreen=\"true\" width =\"100%\" height=\"1200\"></iframe>\n      </div>\n      <div class=\"right-container\">\n        <iframe src=\"http://www.dydata.io/preview.html?id=897468395071676416\" scrolling=\"no\" border=\"0\" frameborder=\"0\" allowfullscreen=\"true\" width =\"100%\" height=\"1000\"></iframe>\n      </div>\n    </div>\n    <div class=\"text-container\">\n      <p class=\"text\">通过比较分析你可以发现，左边的散点图有一定的趋势和形状，而右边的则是杂乱无章的。用专业的话来说，租金和房屋面积有一定的正相关关系，房屋面积越大，租金越高。同时房屋和地铁距离的大小并不像人们平时想象的那样，它对租金的影响并没有那么显著。</p>\n    </div>\n  </div>\n</template>\n\n<script type=\"text/ecmascript-6\">\n  export default {}\n</script>\n\n<style scoped>\n  .yinxiang-container{\n    padding: 10px;\n  }\n  .title-container{\n    text-align: center;\n    padding:40px;\n  }\n  .chart-container{\n    display: flex;\n    flex-wrap: wrap;\n  }\n  .left-container{\n    margin: 0 auto;\n    flex-basis: 500px;\n    height: 500px;\n    overflow: hidden;\n  }\n  .right-container{\n    margin: 0 auto;\n    flex-basis: 500px;\n    height: 500px;\n    overflow: hidden;\n  }\n  .text-container{\n    padding: 30px 60px;\n  }\n</style>\n\n\n// WEBPACK FOOTER //\n// yingxiang.vue?43112e8f","<template>\n  <p class=\"yinhao-container\">\n    <span class=\"text\">“</span>\n  </p>\n</template>\n\n<script type=\"text/ecmascript-6\">\n  export default {}\n</script>\n\n<style scoped>\n.yinhao-container{\n\n}\n  .text{\n    padding-top: 30px;\n    font-size: 80px;\n    line-height: 10px;\n  }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// yinhao.vue?89fc79f4","<template>\n  <div class=\"ziliao-container\">\n    <div class=\"title\">\n      <h4>参考资料</h4>\n    </div>\n    <div class=\"decs\">\n      <p>1、北京市公安机关组织实有人口基础信息大调查百日专项工作</p>\n      <p>2、《北京社会治理发展报告（2016～2017）》</p>\n      <p>3、国家统计局、城市房价网、易居研究院  《50城房租收入比研究》</p>\n      <p>4、智谷趋势  《各大城市最新租房负担地图：有多少人在假装生活》2017年7月北京个行政区人均租金</p>\n      <p>5、链家网2017年8月近2万条最新租房数据（包括小区名、面积、距地铁距离、租金、朝向、楼层、经纬度等信息）</p>\n    </div>\n  </div>\n</template>\n\n<script type=\"text/ecmascript-6\">\n  export default {}\n</script>\n\n<style>\n.ziliao-container{\n  display: flex;\n  padding: 40px;\n  background-color: rgb(64, 74, 89);\n  color: white;\n}\n .title{\n   flex: 2;\n   text-align: center;\n }\n  .decs{\n    flex: 6;\n    font-size: 12px;\n  }\n</style>\n\n\n// WEBPACK FOOTER //\n// ziliao.vue?3a9a06ad","// The Vue build version to load with the `import` command\n// (runtime-only or standalone) has been set in webpack.base.conf with an alias.\nimport Vue from 'vue'\nimport { Slider } from 'element-ui'\nimport 'element-ui/lib/theme-default/index.css'\nimport App from './App'\n\nVue.config.productionTip = false\n\nVue.use(Slider)\n\n/* eslint-disable no-new */\nnew Vue({\n  el: '#app',\n  template: '<App/>',\n  components: { App }\n})\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.js","function injectStyle (ssrContext) {\n  require(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-69bf1a6c\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./ciyun.vue\")\n}\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./ciyun.vue\"),\n  /* template */\n  require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-69bf1a6c\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":\\\"src\\\",\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./ciyun.vue\"),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-69bf1a6c\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/ciyun.vue\n// module id = 93\n// module chunks = 1","function injectStyle (ssrContext) {\n  require(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-358636a8\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./coutrymap.vue\")\n}\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./coutrymap.vue\"),\n  /* template */\n  require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-358636a8\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":\\\"src\\\",\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./coutrymap.vue\"),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-358636a8\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/coutrymap.vue\n// module id = 94\n// module chunks = 1","function injectStyle (ssrContext) {\n  require(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-75fb6e08\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./hot_map.vue\")\n}\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./hot_map.vue\"),\n  /* template */\n  require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-75fb6e08\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":\\\"src\\\",\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./hot_map.vue\"),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-75fb6e08\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/hot_map.vue\n// module id = 95\n// module chunks = 1","function injectStyle (ssrContext) {\n  require(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-0aec8b58\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./likai.vue\")\n}\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./likai.vue\"),\n  /* template */\n  require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-0aec8b58\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":\\\"src\\\",\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./likai.vue\"),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-0aec8b58\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/likai.vue\n// module id = 96\n// module chunks = 1","function injectStyle (ssrContext) {\n  require(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-196ac965\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./map_to_rentArea.vue\")\n}\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./map_to_rentArea.vue\"),\n  /* template */\n  require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-196ac965\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":\\\"src\\\",\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./map_to_rentArea.vue\"),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-196ac965\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/map_to_rentArea.vue\n// module id = 97\n// module chunks = 1","function injectStyle (ssrContext) {\n  require(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-420cbd03\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./section.vue\")\n}\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./section.vue\"),\n  /* template */\n  require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-420cbd03\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":\\\"src\\\",\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./section.vue\"),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-420cbd03\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/section.vue\n// module id = 98\n// module chunks = 1","function injectStyle (ssrContext) {\n  require(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-68f9f1b2\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./shining_house.vue\")\n}\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./shining_house.vue\"),\n  /* template */\n  require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-68f9f1b2\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":\\\"src\\\",\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./shining_house.vue\"),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-68f9f1b2\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/shining_house.vue\n// module id = 99\n// module chunks = 1","function injectStyle (ssrContext) {\n  require(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-1f905300\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./welcome.vue\")\n}\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./welcome.vue\"),\n  /* template */\n  require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-1f905300\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":\\\"src\\\",\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./welcome.vue\"),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-1f905300\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/welcome.vue\n// module id = 100\n// module chunks = 1","function injectStyle (ssrContext) {\n  require(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-b9df1584\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./yingxiang.vue\")\n}\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./yingxiang.vue\"),\n  /* template */\n  require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-b9df1584\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":\\\"src\\\",\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./yingxiang.vue\"),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-b9df1584\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/yingxiang.vue\n// module id = 101\n// module chunks = 1","function injectStyle (ssrContext) {\n  require(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-5e23f24a\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./yinhao.vue\")\n}\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./yinhao.vue\"),\n  /* template */\n  require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-5e23f24a\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":\\\"src\\\",\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./yinhao.vue\"),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  \"data-v-5e23f24a\",\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/yinhao.vue\n// module id = 102\n// module chunks = 1","function injectStyle (ssrContext) {\n  require(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-90dd7628\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./ziliao.vue\")\n}\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./ziliao.vue\"),\n  /* template */\n  require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-90dd7628\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":\\\"src\\\",\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./ziliao.vue\"),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  null,\n  /* moduleIdentifier (server only) */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/ziliao.vue\n// module id = 103\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"likai-container\"\n  }, [_c('div', {\n    staticClass: \"text-container\"\n  }, [_c('div', {\n    staticClass: \"title-container\"\n  }, [_c('p', [_vm._v(\"北京的生活成本昂贵，房租如此之高，\")]), _vm._v(\" \"), _c('p', [_vm._v(\"为什么源源不断的人仍涌入这座城市？宁可呆在地下室也不愿意离开？\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"geci-container\"\n  }, [_c('p', {\n    staticStyle: {\n      \"margin-bottom\": \"20px\"\n    }\n  }, [_vm._v(\"也许汪峰《北京北京》作品里的歌词，曾痛彻很多人的心扉：\")]), _vm._v(\" \"), _c('div', {\n    staticClass: \"geci-block\"\n  }, [_c('p', [_vm._v(\"咖啡馆到广场有三个街区\")]), _vm._v(\" \"), _c('p', [_vm._v(\"就像霓虹灯到月亮的距离\")]), _vm._v(\" \"), _c('p', [_vm._v(\"在这儿我能感觉到我的存在\")]), _vm._v(\" \"), _c('p', [_vm._v(\"在这儿有太多让我眷恋的东西\")]), _vm._v(\" \"), _c('p', [_vm._v(\"我在这里活着也在这里死去\")]), _vm._v(\" \"), _c('p', [_vm._v(\"北京，北京\")])])])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-0aec8b58\",\"hasScoped\":true,\"transformToRequire\":{\"video\":\"src\",\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"}}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/likai.vue\n// module id = 104\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', [_vm._m(0), _vm._v(\" \"), _c('div', {\n    staticClass: \"section-container\"\n  }, [_c('div', {\n    staticClass: \"map-container\"\n  }, [_vm._m(1), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-desc\"\n  }, [(!_vm.selectitem) ? _c('p', [_vm._v(\"①请点击地图选择区域\")]) : _vm._e(), _vm._v(\" \"), (_vm.selectitem) ? _c('p', [_vm._v(\"①您选择了 \"), _c('strong', {\n    staticClass: \"selectitem\"\n  }, [_vm._v(\" \" + _vm._s(_vm.mapdata[_vm.selectitem].name) + \" \")])]) : _vm._e()]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map\"\n  }, [_c('div', {\n    staticClass: \"map-top\"\n  }, [_c('div', {\n    staticClass: \"yanqing center bg1\",\n    class: {\n      darkbg1: (_vm.hoveritem == 'yanqing' || _vm.selectitem == 'yanqing')\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('yanqing')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('yanqing')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"延庆区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"1063.6\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"huairou center bg1\",\n    class: {\n      darkbg1: _vm.hoveritem === 'huairou' || _vm.selectitem == 'huairou'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('huairou')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('huairou')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"怀柔区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"1038.71\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"miyun center bg1\",\n    class: {\n      darkbg1: _vm.hoveritem === 'miyun' || _vm.selectitem == 'miyun'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('miyun')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('miyun')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"密云区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"844.73\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"pinggu center bg1\",\n    class: {\n      darkbg1: _vm.hoveritem === 'pinggu' || _vm.selectitem == 'pinggu'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('pinggu')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('pinggu')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"平谷区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"802.64\")])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-middle\"\n  }, [_c('div', {\n    staticClass: \"changping center bg3\",\n    class: {\n      darkbg3: _vm.hoveritem === 'changping' || _vm.selectitem == 'changping'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('changping')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('changping')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"昌平区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"1801.45\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"shunyi center bg3\",\n    class: {\n      darkbg3: _vm.hoveritem === 'shunyi' || _vm.selectitem == 'shunyi'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('shunyi')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('shunyi')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"顺义区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"pirce\"\n  }, [_vm._v(\"2081.08\")])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom\"\n  }, [_c('div', {\n    staticClass: \"map-bottom-left\"\n  }, [_c('div', {\n    staticClass: \"mentougou center bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'mentougou' || _vm.selectitem == 'mentougou'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('mentougou')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('mentougou')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"门头沟区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"1595.39\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"fangshan center bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'fangshan' || _vm.selectitem == 'fangshan'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('fangshan')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('fangshan')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"房山区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"1173.4\")])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle\"\n  }, [_c('div', {\n    staticClass: \"map-bottom-middle-top\"\n  }, [_c('div', {\n    staticClass: \"haidian center bg4\",\n    class: {\n      darkbg4: _vm.hoveritem === 'haidian' || _vm.selectitem == 'haidian'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('haidian')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('haidian')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"海淀区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"3351.46\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"chaoyang center bg4\",\n    class: {\n      darkbg4: _vm.hoveritem === 'chaoyang' || _vm.selectitem == 'chaoyang'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('chaoyang')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('chaoyang')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"朝阳区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"3426.13\")])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle-middle\"\n  }, [_c('div', {\n    staticClass: \"map-bottom-middle-middle-left\"\n  }, [_c('div', {\n    staticClass: \"map-bottom-middle-middle-left-left\"\n  }, [_c('div', {\n    staticClass: \"shijingshan center bg3\",\n    class: {\n      darkbg3: _vm.hoveritem === 'shijingshan' || _vm.selectitem == 'shijingshan'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('shijingshan')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('shijingshan')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"石景山区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"2420.72\")])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle-middle-left-right\"\n  }, [_c('div', {\n    staticClass: \"map-bottom-middle-middle-left-right-top\"\n  }, [_c('div', {\n    staticClass: \"xicheng center bg4\",\n    class: {\n      darkbg4: _vm.hoveritem === 'xicheng' || _vm.selectitem == 'xicheng'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('xicheng')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('xicheng')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"西城区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"4136.17\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"dongcheng center bg4\",\n    class: {\n      darkbg4: _vm.hoveritem === 'dongcheng' || _vm.selectitem == 'dongcheng'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('dongcheng')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('dongcheng')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"东城区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"4171.3\")])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle-middle-left-right-bottom\"\n  }, [_c('div', {\n    staticClass: \"fengtai center bg3\",\n    class: {\n      darkbg3: _vm.hoveritem === 'fengtai' || _vm.selectitem == 'fengtai'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('fengtai')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('fengtai')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"丰台区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"2476.36\")])])])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle-middle-right\"\n  }, [_c('div', {\n    staticClass: \"map-bottom-middle-middle-right-top bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'tongzhou' || _vm.selectitem == 'tongzhou'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('tongzhou')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('tongzhou')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle-middle-right-bottom bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'daxing' || _vm.selectitem == 'daxing'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('daxing')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('daxing')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  })])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle-bottom\"\n  }, [_c('div', {\n    staticClass: \"map-bottom-middle-bottom-left\"\n  }, [_c('div', {\n    staticClass: \"fangshan bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'fangshan' || _vm.selectitem == 'fangshan'\n    },\n    staticStyle: {\n      \"height\": \"100%\"\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('fangshan')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('fangshan')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  })]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-middle-bottom-right\"\n  }, [_c('div', {\n    staticClass: \"daxing bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'daxing' || _vm.selectitem == 'daxing'\n    },\n    staticStyle: {\n      \"height\": \"100%\"\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('daxing')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('daxing')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  })])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-bottom-right\"\n  }, [_c('div', {\n    staticClass: \"tongzhou center bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'tongzhou' || _vm.selectitem == 'tongzhou'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('tongzhou')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('tongzhou')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"通州区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"1581.49\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"daxing center bg2\",\n    class: {\n      darkbg2: _vm.hoveritem === 'daxing' || _vm.selectitem == 'daxing'\n    },\n    on: {\n      \"click\": function($event) {\n        _vm.selectArea('daxing')\n      },\n      \"mouseenter\": function($event) {\n        _vm.hover('daxing')\n      },\n      \"mouseleave\": function($event) {\n        _vm.hover('')\n      }\n    }\n  }, [_c('p', {\n    staticClass: \"name\"\n  }, [_vm._v(\"大兴区\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"price\"\n  }, [_vm._v(\"1715.54\")])])])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"map-desc\"\n  }, [(!_vm.payValue) ? _c('p', [_vm._v(\"②请选择您每月租金\")]) : _vm._e(), _vm._v(\" \"), (_vm.payValue) ? _c('p', [_vm._v(\"②您选择的每月租金是 \"), _c('strong', {\n    staticClass: \"payvalue\"\n  }, [_vm._v(_vm._s(_vm.payValue) + \"元\")])]) : _vm._e()]), _vm._v(\" \"), _c('div', {\n    staticClass: \"pay\"\n  }, [_vm._m(2), _vm._v(\" \"), _c('div', {\n    staticClass: \"pay-content\"\n  }, [_c('el-slider', {\n    attrs: {\n      \"step\": 10,\n      \"show-input\": \"\",\n      \"max\": 10000,\n      \"min\": 500\n    },\n    model: {\n      value: (_vm.payValue),\n      callback: function($$v) {\n        _vm.payValue = $$v\n      },\n      expression: \"payValue\"\n    }\n  })], 1)])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"house-container\"\n  }, [_c('div', {\n    staticClass: \"title\"\n  }, [_c('h1', [_vm._v(\"在北京，\")]), _vm._v(\" \"), (_vm.selectitem && _vm.payValue) ? _c('h4', [_vm._v(\"您每月 \"), _c('span', {\n    staticStyle: {\n      \"font-size\": \"30px\"\n    }\n  }, [_vm._v(_vm._s(_vm.payValue) + \"元\")]), _vm._v(\"的租金在 \"), _c('span', {\n    staticStyle: {\n      \"font-size\": \"30px\"\n    }\n  }, [_vm._v(_vm._s(_vm.mapdata[_vm.selectitem].name))]), _vm._v(\" 可以租到的房屋面积为：\")]) : _vm._e(), _vm._v(\" \"), (!_vm.selectitem || !_vm.payValue) ? _c('h4', [_vm._v(\"您需花多少钱，才能租到满意的房子？\")]) : _vm._e()]), _vm._v(\" \"), _c('div', {\n    staticClass: \"square-container\"\n  }, [(_vm.selectitem && _vm.payValue) ? _c('div', {\n    staticClass: \"square\",\n    style: ({\n      width: Math.sqrt(_vm.mapdata[_vm.selectitem].rate * _vm.payValue) * 3.6 + '%'\n    })\n  }, [(Math.sqrt(_vm.mapdata[_vm.selectitem].rate * _vm.payValue) * 3.6 > 20) ? _c('div', {\n    staticClass: \"left-top-arrow\"\n  }) : _vm._e(), _vm._v(\" \"), _c('div', {\n    staticClass: \"square-content\",\n    style: ({\n      fontSize: (12 + Math.sqrt(_vm.mapdata[_vm.selectitem].rate * _vm.payValue)) + 'px'\n    })\n  }, [_c('p', {\n    staticClass: \"square-content-text\"\n  }, [_vm._v(_vm._s(_vm._f(\"subto2\")(_vm.mapdata[_vm.selectitem].rate * _vm.payValue)) + \"㎡\")])]), _vm._v(\" \"), (Math.sqrt(_vm.mapdata[_vm.selectitem].rate * _vm.payValue) * 3.6 > 20) ? _c('div', {\n    staticClass: \"right-bottom-arrow\"\n  }) : _vm._e()]) : _vm._e(), _vm._v(\" \"), (!_vm.selectitem || !_vm.payValue) ? _c('div', {\n    staticClass: \"before-square\"\n  }, [_c('p', {\n    staticClass: \"before-square-text\"\n  }, [_vm._v(\"?\")])]) : _vm._e()])])])])\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"totle-title-container\"\n  }, [_c('h1', [_vm._v(\"假如你现在手上有一笔钱，用它来租哪块儿地方最划算？\")]), _vm._v(\" \"), _c('p', [_vm._v(\"选中区域，拖动下方的滑块，看看你能租到多大平米的房子吧！\")])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"map-title\"\n  }, [_c('h2', [_vm._v(\"北京各区域平均租金/月\")])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"pay-title\"\n  }, [_c('h3', [_vm._v(\"每月租金\")])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-196ac965\",\"hasScoped\":true,\"transformToRequire\":{\"video\":\"src\",\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"}}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/map_to_rentArea.vue\n// module id = 105\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"welcome-container\"\n  }, [_c('transition', {\n    attrs: {\n      \"name\": \"fade\"\n    }\n  }, [_c('div', {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: (_vm.scrollY < 6640),\n      expression: \"scrollY < 6640\"\n    }],\n    staticClass: \"groupfade\"\n  }, [_c('div', {\n    staticClass: \"title-container\"\n  }, [_c('h1', {\n    staticClass: \"title1\",\n    style: (_vm.title1)\n  }, [_vm._v(\"说到租房，北京的年轻人都哭了\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"title2\",\n    style: (_vm.title2)\n  }, [_vm._v(\"我们爬了两万条数据，用数据给你最精确的北京租房素描\")])]), _vm._v(\" \"), _c('transition', {\n    attrs: {\n      \"name\": \"fade\"\n    }\n  }, [(_vm.scrollY < 1900) ? _c('div', {\n    staticClass: \"footer-container\"\n  }, [_c('span', {\n    staticClass: \"icon-arrow-down2\"\n  })]) : _vm._e()]), _vm._v(\" \"), _c('div', {\n    staticClass: \"block-container\",\n    style: (_vm.blockstyle)\n  }, [_c('div', {\n    staticClass: \"block1-container\"\n  }, [_c('div', {\n    staticClass: \"block1\",\n    style: (_vm.block1)\n  }, [_c('div', {\n    staticClass: \"block1-text\",\n    style: (_vm.block1text)\n  }, [_c('p', [_vm._v(\"In these groups, \")]), _vm._v(\" \"), _c('p', [_vm._v(\"there are construction workers, nail divisions, programmers, waste recyclers,\")]), _vm._v(\" \"), _c('p', [_vm._v(\"most of them, are rented in this city\")])])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"block2-container\"\n  }, [_c('div', {\n    staticClass: \"block2\",\n    style: (_vm.block2)\n  }, [_c('div', {\n    staticClass: \"block2-text\",\n    style: (_vm.block2text)\n  }, [_c('p', [_vm._v(\"在这些人群中，有建筑工、美甲师、程序员、大学生、废品回收者，\")]), _vm._v(\" \"), _c('p', [_vm._v(\"也有银行职员和美国摄影师。\")]), _vm._v(\" \"), _c('p', [_vm._v(\"他们中的大多数,\")]), _vm._v(\" \"), _c('p', [_vm._v(\"都在这个城市租房\")])])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"block3-container\"\n  }, [_c('div', {\n    staticClass: \"block3\"\n  }, [_c('div', {\n    staticClass: \"block3-text\",\n    style: (_vm.block3text)\n  }, [_c('p', [_vm._v(\"每天，\")]), _vm._v(\" \"), _c('p', [_vm._v(\"平均有2100人拖着行李箱，抵达北京西站、\")]), _vm._v(\" \"), _c('p', [_vm._v(\"首都国际机场、长途汽车站…\")]), _vm._v(\" \"), _c('p', [_vm._v(\"涌入这个时而令人狂喜沸腾，\")]), _vm._v(\" \"), _c('p', [_vm._v(\"时而令人焦躁失望的地方\")])])])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"block4-container\"\n  }, [_c('div', {\n    staticClass: \"block4\",\n    style: (_vm.block4)\n  }, [_c('div', {\n    staticClass: \"block4-text\",\n    style: (_vm.block4text)\n  }, [_c('p', [_vm._v(\"2100 people on average are dragging their suitcases eveyday, \")]), _vm._v(\" \"), _c('p', [_vm._v(\"shortly after they arrive at Beijing West Railway Station, \")]), _vm._v(\" \"), _c('p', [_vm._v(\"Capital International Airport, coach stations and so on.\")]), _vm._v(\" \"), _c('p', [_vm._v(\"Pouring into the city where people are either ravished with joy or hanging their heads in despair.\")])])])])])], 1)]), _vm._v(\" \"), _c('transition', {\n    attrs: {\n      \"name\": \"fade\"\n    }\n  }, [_c('div', {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: (_vm.scrollY > 6640),\n      expression: \"scrollY > 6640\"\n    }],\n    staticClass: \"bgimg-container\",\n    style: (_vm.blockstyle)\n  }, [_c('div', {\n    staticClass: \"bgimg\"\n  })])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"last-text\"\n  }, [_c('h1', {\n    staticClass: \"last-text-title\",\n    style: (_vm.lasttext)\n  }, [_vm._v(\"北京租房素描\")])])], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-1f905300\",\"hasScoped\":true,\"transformToRequire\":{\"video\":\"src\",\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"}}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/welcome.vue\n// module id = 106\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"countrymap\"\n  }, [_vm._m(0), _vm._v(\" \"), _c('div', {\n    staticClass: \"chart-container\"\n  }, [_vm._m(1), _vm._v(\" \"), _c('div', {\n    staticClass: \"right-chart\",\n    on: {\n      \"scroll\": function($event) {\n        $event.preventDefault();\n      }\n    }\n  }, [_c('iframe', {\n    attrs: {\n      \"src\": \"http://www.dydata.io/preview.html?id=897290587812864000\",\n      \"scrolling\": \"no\",\n      \"border\": \"0\",\n      \"frameborder\": \"0\",\n      \"allowfullscreen\": \"false\",\n      \"width\": \"100%\",\n      \"height\": \"1600\"\n    }\n  })])]), _vm._v(\" \"), _vm._m(2)])\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"title-container\"\n  }, [_c('h2', [_vm._v(\"那么，在北京租房子究竟有多难？\")]), _vm._v(\" \"), _c('p', [_vm._v(\"为了回答这个问题，我们特意爬取了2万多条数据，试图从中得到简介：\")])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"left-chart\"\n  }, [_c('iframe', {\n    attrs: {\n      \"src\": \"http://www.dydata.io/preview.html?id=896057332858036224\",\n      \"scrolling\": \"no\",\n      \"border\": \"0\",\n      \"frameborder\": \"0\",\n      \"allowfullscreen\": \"false\",\n      \"width\": \"100%\",\n      \"height\": \"1600\"\n    }\n  })])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"text-container\"\n  }, [_c('div', {\n    staticClass: \"left-text\"\n  }, [_c('p', [_vm._v(\"全国主要城市人均月租金，表示在不同城市人们平均每月租房需要花的钱。从地图上能看出排名前三位的分别为：北京（2748元/月）、上海（2319元/月）、深圳（2211元/月）。北京是全国最贵的！\")]), _vm._v(\" \"), _c('p', [_vm._v(\"Monthly rent per person in major cities of China, indicating how much people need to spent on renting houses every month on average in different cities. It can be seen from the map that the top 3 cities are Beijing(￥2748/month), Shanghai(￥2319/month) and Shenzhen(￥ 2211/month ). Clearly, Beijing is the highest one of the country !\\n      \")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"right-text\"\n  }, [_c('p', [_vm._v(\"说完了人均月租金，当然也得聊聊收入。如果你的收入足够多，租个房子简直小菜一碟。不过对于大部分刚踏入社会的年轻人来说，这可不是一个小数字。租金收入比指的是每个月租房子要占我们收入的多大比例。租金收入比高，说明你每月工资的绝大部分都用来付房租了，用来看电影、吃饭、打王者荣耀、买衣服包包的钱就少了。听起来很令人沮丧吧！\\n      \")]), _vm._v(\" \"), _c('p', [_vm._v(\"更令人沮丧的是，地图中的数据告诉我们，房租收入比最高的还是北京，足足有58%！接下来是深圳（54%）、上海（48%）和三亚（48%）。这些地方的小伙伴生活真不易！\")]), _vm._v(\" \"), _c('p', [_vm._v(\"Per capita income should also be taken into account after we done . Of course if you earn enough, renting a houes would be nothing but a piece of cake. Sadly for most young people who just get into the real world, renting is not a small budget. Rent Income Ration(RIR) means the proportion for rent out of our salary every month. A high RIR shows that most of your monthly salary was for rent, leaving little money for films-watching, food, King of Glory, new clothes and bags. How frustrating it is !\\n      \")]), _vm._v(\" \"), _c('p', [_vm._v(\"What is worse, figure in the map proves that the highest RIR city is still Beijing, with a good dominant 58% ! Following cities are Shenzhen(54%), Shanghai(48%) and Sanya(48%). what a hard life my fellow friends are living !\\n      \")])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-358636a8\",\"hasScoped\":true,\"transformToRequire\":{\"video\":\"src\",\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"}}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/coutrymap.vue\n// module id = 107\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"container\",\n    class: 'container' + _vm.index\n  }, [_c('div', {\n    staticClass: \"bgimg\",\n    style: (_vm.imgStyle)\n  }, [_c('div', {\n    staticClass: \"title\",\n    class: 'title' + _vm.index,\n    style: (_vm.titleLeave)\n  }, [_c('p', {\n    staticClass: \"content\"\n  }, [_vm._v(_vm._s(_vm.content))]), _vm._v(\" \"), _c('p', {\n    staticClass: \"content_en\"\n  }, [_vm._v(_vm._s(_vm.content_en))])])])])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-420cbd03\",\"hasScoped\":true,\"transformToRequire\":{\"video\":\"src\",\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"}}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/section.vue\n// module id = 108\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('p', {\n    staticClass: \"yinhao-container\"\n  }, [_c('span', {\n    staticClass: \"text\"\n  }, [_vm._v(\"“\")])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-5e23f24a\",\"hasScoped\":true,\"transformToRequire\":{\"video\":\"src\",\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"}}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/yinhao.vue\n// module id = 109\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"shining_house\"\n  }, [_c('div', {\n    staticClass: \"cover\"\n  }, [_c('div', {\n    staticClass: \"cover-text-container\"\n  }, [_c('p', {\n    staticClass: \"cover-text\"\n  }, [_vm._v(\"\\n        当夜色降临时，绝大多数人都需要寻找一个休憩之所。在北京，一共有1390000套出租屋，它们散落在普通住宅楼、四合院、阁楼、地下室里，有时候也会以别墅的面貌出现。在这些出租屋中，住着5000000个形色各异、来去匆匆的人。\\n      \")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"cover-text-en\"\n  }, [_vm._v(\"\\n        When the day turn into night, most people will be needing a resting premises. In Beijing, all together there are 1,390,000 rental estates, scattering in conventional residential buildings, quadrangle courtyards, attics and basements, sometimes a villa. Accordingly, 5,000,000 unique individuals in hasty life are their residents.\\n      \")])])]), _vm._v(\" \"), _c('video', {\n    staticStyle: {\n      \"height\": \"100%\",\n      \"width\": \"100%\",\n      \"object-fit\": \"cover\"\n    },\n    attrs: {\n      \"autoplay\": \"\",\n      \"loop\": \"\",\n      \"id\": \"bgvid\"\n    }\n  }, [_c('source', {\n    attrs: {\n      \"src\": require(\"../../static/video/rent_video_x264.mp4\"),\n      \"type\": \"video/webm\"\n    }\n  }), _vm._v(\" \"), _c('source', {\n    attrs: {\n      \"src\": require(\"../../static/video/rent_video_x264.mp4\"),\n      \"type\": \"video/mp4\"\n    }\n  })])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-68f9f1b2\",\"hasScoped\":true,\"transformToRequire\":{\"video\":\"src\",\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"}}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/shining_house.vue\n// module id = 110\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"ciyun\"\n  }, [_c('div', {\n    staticClass: \"text-container\"\n  }, [_c('p', [_vm._v(\"更多的人奔走在中介与中介之间，\")]), _vm._v(\" \"), _c('p', [_vm._v(\"在各大租房网站上挑花了眼，希望能找到价格便宜、干净整洁、离上班距离又近的房子。\")])]), _vm._v(\" \"), _c('div', {\n    attrs: {\n      \"id\": \"tagsList\"\n    }\n  }, [_c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"找室友\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"周边有银行\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"一厨一卫\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"三房一厅\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"有窗户\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"很通风\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"很明亮\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"房东直租\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"无中介费\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"可短租\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\" 8月底入住 \")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\" 限女生 \")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"超市菜市场\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"设施完善\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"装修清新\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"交通枢纽\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"双人大床\")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\" 衣柜床头柜 \")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\" 交通便利 \")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\" 随时看房 \")]), _vm._v(\" \"), _c('a', {\n    attrs: {\n      \"href\": \"“javascript:;”\",\n      \"title\": \"niyaoxiedehanzi\"\n    }\n  }, [_vm._v(\"精装单间\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"text-container\"\n  }, [_c('p', [_vm._v(\"在穿着西装革履的中介口中，在网页的摄影图片中\")]), _vm._v(\" \"), _c('p', [_vm._v(\"人们幻想自己租到的房子又大又明亮，无中介费无服务费，还有脾气温柔爱整洁的舍友\")])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-69bf1a6c\",\"hasScoped\":true,\"transformToRequire\":{\"video\":\"src\",\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"}}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/ciyun.vue\n// module id = 111\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"hot_map_container\",\n    on: {\n      \"mouseenter\": function($event) {\n        _vm.hover()\n      },\n      \"mouseleave\": function($event) {\n        _vm.leave()\n      },\n      \"click\": function($event) {\n        _vm.toggle()\n      }\n    }\n  }, [_c('transition', {\n    attrs: {\n      \"name\": \"fade\"\n    }\n  }, [(!_vm.isScale) ? _c('div', {\n    staticClass: \"cover\"\n  }) : _vm._e()]), _vm._v(\" \"), _c('div', {\n    staticClass: \"jietu-container\"\n  }), _vm._v(\" \"), _c('transition', {\n    attrs: {\n      \"name\": \"fadeslide\"\n    }\n  }, [(false) ? _c('div', {\n    staticClass: \"text-container\"\n  }, [_c('yinhao'), _vm._v(\" \"), _c('p', {\n    staticClass: \"text\"\n  }, [_vm._v(\"热力图上颜色越红的区域表示租金越高，越蓝表示租金越低。我们可以发现距离天安门最近的东城区和西城区租金最高，住在这里的年轻人们平均每月要花4150元才能租一个房间。海淀区和朝阳区也不例外，月租金平均约为3400元。而离市中心越远，租金相应会变得越少。这意味着人们的通勤时间会大大增加，每天要花2-3个小时在地铁上打瞌睡。\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"text\"\n  }, [_vm._v(\"Different colors on the heat map stand for rent varies from area to area. The redder, the higher; the bluer, the lower. We can see that Dongcheng and Xicheng Dictrict, the two districts nearest to Tiananmen Square, are the highest ones. Those who choose to live in both distrcts need to spend ￥4150 for one room every month. With￥3400 per month, Haidian and Chaoyang District are just as expected. Generally speaking, the farther away from downtown, the lower the rent. As a result, commuting time of those who live in suburbs is significantly longer than those who don't, dozing 2 to 3 hours on the subway every day.\")])], 1) : _vm._e()]), _vm._v(\" \"), _c('div', {\n    staticClass: \"bottom-text-container\"\n  }, [_c('div', {\n    staticClass: \"bottom-text\"\n  }, [_c('yinhao'), _vm._v(\" \"), _c('p', {\n    staticClass: \"text\"\n  }, [_vm._v(\"热力图上颜色越红的区域表示租金越高，越蓝表示租金越低。我们可以发现距离天安门最近的东城区和西城区租金最高，住在这里的年轻人们平均每月要花4150元才能租一个房间。海淀区和朝阳区也不例外，月租金平均约为3400元。而离市中心越远，租金相应会变得越少。这意味着人们的通勤时间会大大增加，每天要花2-3个小时在地铁上打瞌睡。\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"text\"\n  }, [_vm._v(\"Different colors on the heat map stand for rent varies from area to area. The redder, the higher; the bluer, the lower. We can see that Dongcheng and Xicheng Dictrict, the two districts nearest to Tiananmen Square, are the highest ones. Those who choose to live in both distrcts need to spend ￥4150 for one room every month. With￥3400 per month, Haidian and Chaoyang District are just as expected. Generally speaking, the farther away from downtown, the lower the rent. As a result, commuting time of those who live in suburbs is significantly longer than those who don't, dozing 2 to 3 hours on the subway every day.\")])], 1)])], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-75fb6e08\",\"hasScoped\":true,\"transformToRequire\":{\"video\":\"src\",\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"}}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/hot_map.vue\n// module id = 112\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    attrs: {\n      \"id\": \"app\"\n    }\n  }, [_c('welcome', {\n    attrs: {\n      \"scrollY\": _vm.scrollY\n    }\n  }), _vm._v(\" \"), _c('shining_house'), _vm._v(\" \"), _c('imgcontainer', {\n    attrs: {\n      \"bgimg\": 'http://image.dydata.io/ULCrBjf363c9srsG7MANcv.jpg',\n      \"content\": _vm.turan,\n      \"content_en\": _vm.turan_en,\n      \"index\": '1',\n      \"leaveTitleIndex\": _vm.leaveTitleIndex,\n      \"leaveTitleTop\": _vm.leaveTitleTop,\n      \"scrollY\": _vm.scrollY\n    }\n  }), _vm._v(\" \"), _c('ciyun'), _vm._v(\" \"), _c('imgcontainer', {\n    attrs: {\n      \"bgimg\": 'http://image.dydata.io/GqPweHzBcafUwxGA9Wyyah.jpg',\n      \"content\": _vm.raner,\n      \"content_en\": _vm.raner_en,\n      \"index\": '2',\n      \"leaveTitleIndex\": _vm.leaveTitleIndex,\n      \"leaveTitleTop\": _vm.leaveTitleTop,\n      \"scrollY\": _vm.scrollY\n    }\n  }), _vm._v(\" \"), _c('countrymap'), _vm._v(\" \"), _c('hot_map'), _vm._v(\" \"), _c('yingxiang'), _vm._v(\" \"), _c('map_to_rentArea'), _vm._v(\" \"), _c('likai'), _vm._v(\" \"), _c('ziliao')], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-7c2c067a\",\"hasScoped\":false,\"transformToRequire\":{\"video\":\"src\",\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"}}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/App.vue\n// module id = 113\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"ziliao-container\"\n  }, [_c('div', {\n    staticClass: \"title\"\n  }, [_c('h4', [_vm._v(\"参考资料\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"decs\"\n  }, [_c('p', [_vm._v(\"1、北京市公安机关组织实有人口基础信息大调查百日专项工作\")]), _vm._v(\" \"), _c('p', [_vm._v(\"2、《北京社会治理发展报告（2016～2017）》\")]), _vm._v(\" \"), _c('p', [_vm._v(\"3、国家统计局、城市房价网、易居研究院  《50城房租收入比研究》\")]), _vm._v(\" \"), _c('p', [_vm._v(\"4、智谷趋势  《各大城市最新租房负担地图：有多少人在假装生活》2017年7月北京个行政区人均租金\")]), _vm._v(\" \"), _c('p', [_vm._v(\"5、链家网2017年8月近2万条最新租房数据（包括小区名、面积、距地铁距离、租金、朝向、楼层、经纬度等信息）\")])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-90dd7628\",\"hasScoped\":false,\"transformToRequire\":{\"video\":\"src\",\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"}}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/ziliao.vue\n// module id = 114\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"yinxiang-container\"\n  }, [_c('div', {\n    staticClass: \"title-container\"\n  }, [_c('h2', [_vm._v(\"影响房租的因素\")]), _vm._v(\" \"), _c('p', [_vm._v(\"除了地理区位之外，还有什么促使租金居高不下的原因？\")])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"chart-container\"\n  }, [_c('div', {\n    staticClass: \"left-container\"\n  }, [_c('iframe', {\n    attrs: {\n      \"src\": \"http://www.dydata.io/preview.html?id=897409700275101696\",\n      \"scrolling\": \"no\",\n      \"border\": \"0\",\n      \"frameborder\": \"0\",\n      \"allowfullscreen\": \"true\",\n      \"width\": \"100%\",\n      \"height\": \"1200\"\n    }\n  })]), _vm._v(\" \"), _c('div', {\n    staticClass: \"right-container\"\n  }, [_c('iframe', {\n    attrs: {\n      \"src\": \"http://www.dydata.io/preview.html?id=897468395071676416\",\n      \"scrolling\": \"no\",\n      \"border\": \"0\",\n      \"frameborder\": \"0\",\n      \"allowfullscreen\": \"true\",\n      \"width\": \"100%\",\n      \"height\": \"1000\"\n    }\n  })])]), _vm._v(\" \"), _c('div', {\n    staticClass: \"text-container\"\n  }, [_c('p', {\n    staticClass: \"text\"\n  }, [_vm._v(\"通过比较分析你可以发现，左边的散点图有一定的趋势和形状，而右边的则是杂乱无章的。用专业的话来说，租金和房屋面积有一定的正相关关系，房屋面积越大，租金越高。同时房屋和地铁距离的大小并不像人们平时想象的那样，它对租金的影响并没有那么显著。\")])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-b9df1584\",\"hasScoped\":true,\"transformToRequire\":{\"video\":\"src\",\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"}}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/yingxiang.vue\n// module id = 115\n// module chunks = 1"],"sourceRoot":""}
\ No newline at end of file
diff --git a/static/js/jquery.min.js b/static/js/jquery.min.js
new file mode 100644
index 0000000..222a617
--- /dev/null
+++ b/static/js/jquery.min.js
@@ -0,0 +1,4 @@
+/*! jQuery v2.2.4 | (c) jQuery Foundation | jquery.org/license */
+!function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){var c=[],d=a.document,e=c.slice,f=c.concat,g=c.push,h=c.indexOf,i={},j=i.toString,k=i.hasOwnProperty,l={},m="2.2.4",n=function(a,b){return new n.fn.init(a,b)},o=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,p=/^-ms-/,q=/-([\da-z])/gi,r=function(a,b){return b.toUpperCase()};n.fn=n.prototype={jquery:m,constructor:n,selector:"",length:0,toArray:function(){return e.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:e.call(this)},pushStack:function(a){var b=n.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a){return n.each(this,a)},map:function(a){return this.pushStack(n.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(e.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor()},push:g,sort:c.sort,splice:c.splice},n.extend=n.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||n.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(a=arguments[h]))for(b in a)c=g[b],d=a[b],g!==d&&(j&&d&&(n.isPlainObject(d)||(e=n.isArray(d)))?(e?(e=!1,f=c&&n.isArray(c)?c:[]):f=c&&n.isPlainObject(c)?c:{},g[b]=n.extend(j,f,d)):void 0!==d&&(g[b]=d));return g},n.extend({expando:"jQuery"+(m+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===n.type(a)},isArray:Array.isArray,isWindow:function(a){return null!=a&&a===a.window},isNumeric:function(a){var b=a&&a.toString();return!n.isArray(a)&&b-parseFloat(b)+1>=0},isPlainObject:function(a){var b;if("object"!==n.type(a)||a.nodeType||n.isWindow(a))return!1;if(a.constructor&&!k.call(a,"constructor")&&!k.call(a.constructor.prototype||{},"isPrototypeOf"))return!1;for(b in a);return void 0===b||k.call(a,b)},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?i[j.call(a)]||"object":typeof a},globalEval:function(a){var b,c=eval;a=n.trim(a),a&&(1===a.indexOf("use strict")?(b=d.createElement("script"),b.text=a,d.head.appendChild(b).parentNode.removeChild(b)):c(a))},camelCase:function(a){return a.replace(p,"ms-").replace(q,r)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b){var c,d=0;if(s(a)){for(c=a.length;c>d;d++)if(b.call(a[d],d,a[d])===!1)break}else for(d in a)if(b.call(a[d],d,a[d])===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(o,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(s(Object(a))?n.merge(c,"string"==typeof a?[a]:a):g.call(c,a)),c},inArray:function(a,b,c){return null==b?-1:h.call(b,a,c)},merge:function(a,b){for(var c=+b.length,d=0,e=a.length;c>d;d++)a[e++]=b[d];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,e,g=0,h=[];if(s(a))for(d=a.length;d>g;g++)e=b(a[g],g,c),null!=e&&h.push(e);else for(g in a)e=b(a[g],g,c),null!=e&&h.push(e);return f.apply([],h)},guid:1,proxy:function(a,b){var c,d,f;return"string"==typeof b&&(c=a[b],b=a,a=c),n.isFunction(a)?(d=e.call(arguments,2),f=function(){return a.apply(b||this,d.concat(e.call(arguments)))},f.guid=a.guid=a.guid||n.guid++,f):void 0},now:Date.now,support:l}),"function"==typeof Symbol&&(n.fn[Symbol.iterator]=c[Symbol.iterator]),n.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),function(a,b){i["[object "+b+"]"]=b.toLowerCase()});function s(a){var b=!!a&&"length"in a&&a.length,c=n.type(a);return"function"===c||n.isWindow(a)?!1:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var t=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ga(),z=ga(),A=ga(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+M+"))|)"+L+"*\\]",O=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+N+")*)|.*)\\)|)",P=new RegExp(L+"+","g"),Q=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),R=new RegExp("^"+L+"*,"+L+"*"),S=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),T=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),U=new RegExp(O),V=new RegExp("^"+M+"$"),W={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M+"|[*])"),ATTR:new RegExp("^"+N),PSEUDO:new RegExp("^"+O),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},X=/^(?:input|select|textarea|button)$/i,Y=/^h\d$/i,Z=/^[^{]+\{\s*\[native \w/,$=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,_=/[+~]/,aa=/'|\\/g,ba=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),ca=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},da=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(ea){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function fa(a,b,d,e){var f,h,j,k,l,o,r,s,w=b&&b.ownerDocument,x=b?b.nodeType:9;if(d=d||[],"string"!=typeof a||!a||1!==x&&9!==x&&11!==x)return d;if(!e&&((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,p)){if(11!==x&&(o=$.exec(a)))if(f=o[1]){if(9===x){if(!(j=b.getElementById(f)))return d;if(j.id===f)return d.push(j),d}else if(w&&(j=w.getElementById(f))&&t(b,j)&&j.id===f)return d.push(j),d}else{if(o[2])return H.apply(d,b.getElementsByTagName(a)),d;if((f=o[3])&&c.getElementsByClassName&&b.getElementsByClassName)return H.apply(d,b.getElementsByClassName(f)),d}if(c.qsa&&!A[a+" "]&&(!q||!q.test(a))){if(1!==x)w=b,s=a;else if("object"!==b.nodeName.toLowerCase()){(k=b.getAttribute("id"))?k=k.replace(aa,"\\$&"):b.setAttribute("id",k=u),r=g(a),h=r.length,l=V.test(k)?"#"+k:"[id='"+k+"']";while(h--)r[h]=l+" "+qa(r[h]);s=r.join(","),w=_.test(a)&&oa(b.parentNode)||b}if(s)try{return H.apply(d,w.querySelectorAll(s)),d}catch(y){}finally{k===u&&b.removeAttribute("id")}}}return i(a.replace(Q,"$1"),b,d,e)}function ga(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ha(a){return a[u]=!0,a}function ia(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ja(a,b){var c=a.split("|"),e=c.length;while(e--)d.attrHandle[c[e]]=b}function ka(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function la(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function na(a){return ha(function(b){return b=+b,ha(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function oa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=fa.support={},f=fa.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=fa.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=n.documentElement,p=!f(n),(e=n.defaultView)&&e.top!==e&&(e.addEventListener?e.addEventListener("unload",da,!1):e.attachEvent&&e.attachEvent("onunload",da)),c.attributes=ia(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ia(function(a){return a.appendChild(n.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=Z.test(n.getElementsByClassName),c.getById=ia(function(a){return o.appendChild(a).id=u,!n.getElementsByName||!n.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c?[c]:[]}},d.filter.ID=function(a){var b=a.replace(ba,ca);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(ba,ca);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return"undefined"!=typeof b.getElementsByClassName&&p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=Z.test(n.querySelectorAll))&&(ia(function(a){o.appendChild(a).innerHTML="<a id='"+u+"'></a><select id='"+u+"-\r\\' msallowcapture=''><option selected=''></option></select>",a.querySelectorAll("[msallowcapture^='']").length&&q.push("[*^$]="+L+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+L+"*(?:value|"+K+")"),a.querySelectorAll("[id~="+u+"-]").length||q.push("~="),a.querySelectorAll(":checked").length||q.push(":checked"),a.querySelectorAll("a#"+u+"+*").length||q.push(".#.+[+~]")}),ia(function(a){var b=n.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+L+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=Z.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&ia(function(a){c.disconnectedMatch=s.call(a,"div"),s.call(a,"[s!='']:x"),r.push("!=",O)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=Z.test(o.compareDocumentPosition),t=b||Z.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===n||a.ownerDocument===v&&t(v,a)?-1:b===n||b.ownerDocument===v&&t(v,b)?1:k?J(k,a)-J(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,e=a.parentNode,f=b.parentNode,g=[a],h=[b];if(!e||!f)return a===n?-1:b===n?1:e?-1:f?1:k?J(k,a)-J(k,b):0;if(e===f)return ka(a,b);c=a;while(c=c.parentNode)g.unshift(c);c=b;while(c=c.parentNode)h.unshift(c);while(g[d]===h[d])d++;return d?ka(g[d],h[d]):g[d]===v?-1:h[d]===v?1:0},n):n},fa.matches=function(a,b){return fa(a,null,null,b)},fa.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(T,"='$1']"),c.matchesSelector&&p&&!A[b+" "]&&(!r||!r.test(b))&&(!q||!q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return fa(b,n,null,[a]).length>0},fa.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},fa.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&D.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},fa.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},fa.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=fa.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=fa.selectors={cacheLength:50,createPseudo:ha,match:W,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(ba,ca),a[3]=(a[3]||a[4]||a[5]||"").replace(ba,ca),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||fa.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&fa.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return W.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&U.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(ba,ca).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+L+")"+a+"("+L+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||"undefined"!=typeof a.getAttribute&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=fa.attr(d,a);return null==e?"!="===b:b?(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e.replace(P," ")+" ").indexOf(c)>-1:"|="===b?e===c||e.slice(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h,t=!1;if(q){if(f){while(p){m=b;while(m=m[p])if(h?m.nodeName.toLowerCase()===r:1===m.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){m=q,l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),j=k[a]||[],n=j[0]===w&&j[1],t=n&&j[2],m=n&&q.childNodes[n];while(m=++n&&m&&m[p]||(t=n=0)||o.pop())if(1===m.nodeType&&++t&&m===b){k[a]=[w,n,t];break}}else if(s&&(m=b,l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),j=k[a]||[],n=j[0]===w&&j[1],t=n),t===!1)while(m=++n&&m&&m[p]||(t=n=0)||o.pop())if((h?m.nodeName.toLowerCase()===r:1===m.nodeType)&&++t&&(s&&(l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),k[a]=[w,t]),m===b))break;return t-=e,t===d||t%d===0&&t/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||fa.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?ha(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=J(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:ha(function(a){var b=[],c=[],d=h(a.replace(Q,"$1"));return d[u]?ha(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),b[0]=null,!c.pop()}}),has:ha(function(a){return function(b){return fa(a,b).length>0}}),contains:ha(function(a){return a=a.replace(ba,ca),function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:ha(function(a){return V.test(a||"")||fa.error("unsupported lang: "+a),a=a.replace(ba,ca).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return Y.test(a.nodeName)},input:function(a){return X.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:na(function(){return[0]}),last:na(function(a,b){return[b-1]}),eq:na(function(a,b,c){return[0>c?c+b:c]}),even:na(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:na(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:na(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:na(function(a,b,c){for(var d=0>c?c+b:c;++d<b;)a.push(d);return a})}},d.pseudos.nth=d.pseudos.eq;for(b in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})d.pseudos[b]=la(b);for(b in{submit:!0,reset:!0})d.pseudos[b]=ma(b);function pa(){}pa.prototype=d.filters=d.pseudos,d.setFilters=new pa,g=fa.tokenize=function(a,b){var c,e,f,g,h,i,j,k=z[a+" "];if(k)return b?0:k.slice(0);h=a,i=[],j=d.preFilter;while(h){c&&!(e=R.exec(h))||(e&&(h=h.slice(e[0].length)||h),i.push(f=[])),c=!1,(e=S.exec(h))&&(c=e.shift(),f.push({value:c,type:e[0].replace(Q," ")}),h=h.slice(c.length));for(g in d.filter)!(e=W[g].exec(h))||j[g]&&!(e=j[g](e))||(c=e.shift(),f.push({value:c,type:g,matches:e}),h=h.slice(c.length));if(!c)break}return b?h.length:h?fa.error(a):z(a,i).slice(0)};function qa(a){for(var b=0,c=a.length,d="";c>b;b++)d+=a[b].value;return d}function ra(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j,k=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(j=b[u]||(b[u]={}),i=j[b.uniqueID]||(j[b.uniqueID]={}),(h=i[d])&&h[0]===w&&h[1]===f)return k[2]=h[2];if(i[d]=k,k[2]=a(b,c,g))return!0}}}function sa(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ta(a,b,c){for(var d=0,e=b.length;e>d;d++)fa(a,b[d],c);return c}function ua(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(c&&!c(f,d,e)||(g.push(f),j&&b.push(h)));return g}function va(a,b,c,d,e,f){return d&&!d[u]&&(d=va(d)),e&&!e[u]&&(e=va(e,f)),ha(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ta(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:ua(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=ua(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=ua(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function wa(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=ra(function(a){return a===b},h,!0),l=ra(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[ra(sa(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return va(i>1&&sa(m),i>1&&qa(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(Q,"$1"),c,e>i&&wa(a.slice(i,e)),f>e&&wa(a=a.slice(e)),f>e&&qa(a))}m.push(c)}return sa(m)}function xa(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,o,q,r=0,s="0",t=f&&[],u=[],v=j,x=f||e&&d.find.TAG("*",k),y=w+=null==v?1:Math.random()||.1,z=x.length;for(k&&(j=g===n||g||k);s!==z&&null!=(l=x[s]);s++){if(e&&l){o=0,g||l.ownerDocument===n||(m(l),h=!p);while(q=a[o++])if(q(l,g||n,h)){i.push(l);break}k&&(w=y)}c&&((l=!q&&l)&&r--,f&&t.push(l))}if(r+=s,c&&s!==r){o=0;while(q=b[o++])q(t,u,g,h);if(f){if(r>0)while(s--)t[s]||u[s]||(u[s]=F.call(i));u=ua(u)}H.apply(i,u),k&&!f&&u.length>0&&r+b.length>1&&fa.uniqueSort(i)}return k&&(w=y,j=v),t};return c?ha(f):f}return h=fa.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=wa(b[c]),f[u]?d.push(f):e.push(f);f=A(a,xa(e,d)),f.selector=a}return f},i=fa.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(ba,ca),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=W.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(ba,ca),_.test(j[0].type)&&oa(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&qa(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,!b||_.test(a)&&oa(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ia(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),ia(function(a){return a.innerHTML="<a href='#'></a>","#"===a.firstChild.getAttribute("href")})||ja("type|href|height|width",function(a,b,c){return c?void 0:a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&ia(function(a){return a.innerHTML="<input/>",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||ja("value",function(a,b,c){return c||"input"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),ia(function(a){return null==a.getAttribute("disabled")})||ja(K,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),fa}(a);n.find=t,n.expr=t.selectors,n.expr[":"]=n.expr.pseudos,n.uniqueSort=n.unique=t.uniqueSort,n.text=t.getText,n.isXMLDoc=t.isXML,n.contains=t.contains;var u=function(a,b,c){var d=[],e=void 0!==c;while((a=a[b])&&9!==a.nodeType)if(1===a.nodeType){if(e&&n(a).is(c))break;d.push(a)}return d},v=function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c},w=n.expr.match.needsContext,x=/^<([\w-]+)\s*\/?>(?:<\/\1>|)$/,y=/^.[^:#\[\.,]*$/;function z(a,b,c){if(n.isFunction(b))return n.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return n.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(y.test(b))return n.filter(b,a,c);b=n.filter(b,a)}return n.grep(a,function(a){return h.call(b,a)>-1!==c})}n.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?n.find.matchesSelector(d,a)?[d]:[]:n.find.matches(a,n.grep(b,function(a){return 1===a.nodeType}))},n.fn.extend({find:function(a){var b,c=this.length,d=[],e=this;if("string"!=typeof a)return this.pushStack(n(a).filter(function(){for(b=0;c>b;b++)if(n.contains(e[b],this))return!0}));for(b=0;c>b;b++)n.find(a,e[b],d);return d=this.pushStack(c>1?n.unique(d):d),d.selector=this.selector?this.selector+" "+a:a,d},filter:function(a){return this.pushStack(z(this,a||[],!1))},not:function(a){return this.pushStack(z(this,a||[],!0))},is:function(a){return!!z(this,"string"==typeof a&&w.test(a)?n(a):a||[],!1).length}});var A,B=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,C=n.fn.init=function(a,b,c){var e,f;if(!a)return this;if(c=c||A,"string"==typeof a){if(e="<"===a[0]&&">"===a[a.length-1]&&a.length>=3?[null,a,null]:B.exec(a),!e||!e[1]&&b)return!b||b.jquery?(b||c).find(a):this.constructor(b).find(a);if(e[1]){if(b=b instanceof n?b[0]:b,n.merge(this,n.parseHTML(e[1],b&&b.nodeType?b.ownerDocument||b:d,!0)),x.test(e[1])&&n.isPlainObject(b))for(e in b)n.isFunction(this[e])?this[e](b[e]):this.attr(e,b[e]);return this}return f=d.getElementById(e[2]),f&&f.parentNode&&(this.length=1,this[0]=f),this.context=d,this.selector=a,this}return a.nodeType?(this.context=this[0]=a,this.length=1,this):n.isFunction(a)?void 0!==c.ready?c.ready(a):a(n):(void 0!==a.selector&&(this.selector=a.selector,this.context=a.context),n.makeArray(a,this))};C.prototype=n.fn,A=n(d);var D=/^(?:parents|prev(?:Until|All))/,E={children:!0,contents:!0,next:!0,prev:!0};n.fn.extend({has:function(a){var b=n(a,this),c=b.length;return this.filter(function(){for(var a=0;c>a;a++)if(n.contains(this,b[a]))return!0})},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=w.test(a)||"string"!=typeof a?n(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c!==b;c=c.parentNode)if(c.nodeType<11&&(g?g.index(c)>-1:1===c.nodeType&&n.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?n.uniqueSort(f):f)},index:function(a){return a?"string"==typeof a?h.call(n(a),this[0]):h.call(this,a.jquery?a[0]:a):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(n.uniqueSort(n.merge(this.get(),n(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function F(a,b){while((a=a[b])&&1!==a.nodeType);return a}n.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return u(a,"parentNode")},parentsUntil:function(a,b,c){return u(a,"parentNode",c)},next:function(a){return F(a,"nextSibling")},prev:function(a){return F(a,"previousSibling")},nextAll:function(a){return u(a,"nextSibling")},prevAll:function(a){return u(a,"previousSibling")},nextUntil:function(a,b,c){return u(a,"nextSibling",c)},prevUntil:function(a,b,c){return u(a,"previousSibling",c)},siblings:function(a){return v((a.parentNode||{}).firstChild,a)},children:function(a){return v(a.firstChild)},contents:function(a){return a.contentDocument||n.merge([],a.childNodes)}},function(a,b){n.fn[a]=function(c,d){var e=n.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=n.filter(d,e)),this.length>1&&(E[a]||n.uniqueSort(e),D.test(a)&&e.reverse()),this.pushStack(e)}});var G=/\S+/g;function H(a){var b={};return n.each(a.match(G)||[],function(a,c){b[c]=!0}),b}n.Callbacks=function(a){a="string"==typeof a?H(a):n.extend({},a);var b,c,d,e,f=[],g=[],h=-1,i=function(){for(e=a.once,d=b=!0;g.length;h=-1){c=g.shift();while(++h<f.length)f[h].apply(c[0],c[1])===!1&&a.stopOnFalse&&(h=f.length,c=!1)}a.memory||(c=!1),b=!1,e&&(f=c?[]:"")},j={add:function(){return f&&(c&&!b&&(h=f.length-1,g.push(c)),function d(b){n.each(b,function(b,c){n.isFunction(c)?a.unique&&j.has(c)||f.push(c):c&&c.length&&"string"!==n.type(c)&&d(c)})}(arguments),c&&!b&&i()),this},remove:function(){return n.each(arguments,function(a,b){var c;while((c=n.inArray(b,f,c))>-1)f.splice(c,1),h>=c&&h--}),this},has:function(a){return a?n.inArray(a,f)>-1:f.length>0},empty:function(){return f&&(f=[]),this},disable:function(){return e=g=[],f=c="",this},disabled:function(){return!f},lock:function(){return e=g=[],c||(f=c=""),this},locked:function(){return!!e},fireWith:function(a,c){return e||(c=c||[],c=[a,c.slice?c.slice():c],g.push(c),b||i()),this},fire:function(){return j.fireWith(this,arguments),this},fired:function(){return!!d}};return j},n.extend({Deferred:function(a){var b=[["resolve","done",n.Callbacks("once memory"),"resolved"],["reject","fail",n.Callbacks("once memory"),"rejected"],["notify","progress",n.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return n.Deferred(function(c){n.each(b,function(b,f){var g=n.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&n.isFunction(a.promise)?a.promise().progress(c.notify).done(c.resolve).fail(c.reject):c[f[0]+"With"](this===d?c.promise():this,g?[a]:arguments)})}),a=null}).promise()},promise:function(a){return null!=a?n.extend(a,d):d}},e={};return d.pipe=d.then,n.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=function(){return e[f[0]+"With"](this===e?d:this,arguments),this},e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=e.call(arguments),d=c.length,f=1!==d||a&&n.isFunction(a.promise)?d:0,g=1===f?a:n.Deferred(),h=function(a,b,c){return function(d){b[a]=this,c[a]=arguments.length>1?e.call(arguments):d,c===i?g.notifyWith(b,c):--f||g.resolveWith(b,c)}},i,j,k;if(d>1)for(i=new Array(d),j=new Array(d),k=new Array(d);d>b;b++)c[b]&&n.isFunction(c[b].promise)?c[b].promise().progress(h(b,j,i)).done(h(b,k,c)).fail(g.reject):--f;return f||g.resolveWith(k,c),g.promise()}});var I;n.fn.ready=function(a){return n.ready.promise().done(a),this},n.extend({isReady:!1,readyWait:1,holdReady:function(a){a?n.readyWait++:n.ready(!0)},ready:function(a){(a===!0?--n.readyWait:n.isReady)||(n.isReady=!0,a!==!0&&--n.readyWait>0||(I.resolveWith(d,[n]),n.fn.triggerHandler&&(n(d).triggerHandler("ready"),n(d).off("ready"))))}});function J(){d.removeEventListener("DOMContentLoaded",J),a.removeEventListener("load",J),n.ready()}n.ready.promise=function(b){return I||(I=n.Deferred(),"complete"===d.readyState||"loading"!==d.readyState&&!d.documentElement.doScroll?a.setTimeout(n.ready):(d.addEventListener("DOMContentLoaded",J),a.addEventListener("load",J))),I.promise(b)},n.ready.promise();var K=function(a,b,c,d,e,f,g){var h=0,i=a.length,j=null==c;if("object"===n.type(c)){e=!0;for(h in c)K(a,b,h,c[h],!0,f,g)}else if(void 0!==d&&(e=!0,n.isFunction(d)||(g=!0),j&&(g?(b.call(a,d),b=null):(j=b,b=function(a,b,c){return j.call(n(a),c)})),b))for(;i>h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},L=function(a){return 1===a.nodeType||9===a.nodeType||!+a.nodeType};function M(){this.expando=n.expando+M.uid++}M.uid=1,M.prototype={register:function(a,b){var c=b||{};return a.nodeType?a[this.expando]=c:Object.defineProperty(a,this.expando,{value:c,writable:!0,configurable:!0}),a[this.expando]},cache:function(a){if(!L(a))return{};var b=a[this.expando];return b||(b={},L(a)&&(a.nodeType?a[this.expando]=b:Object.defineProperty(a,this.expando,{value:b,configurable:!0}))),b},set:function(a,b,c){var d,e=this.cache(a);if("string"==typeof b)e[b]=c;else for(d in b)e[d]=b[d];return e},get:function(a,b){return void 0===b?this.cache(a):a[this.expando]&&a[this.expando][b]},access:function(a,b,c){var d;return void 0===b||b&&"string"==typeof b&&void 0===c?(d=this.get(a,b),void 0!==d?d:this.get(a,n.camelCase(b))):(this.set(a,b,c),void 0!==c?c:b)},remove:function(a,b){var c,d,e,f=a[this.expando];if(void 0!==f){if(void 0===b)this.register(a);else{n.isArray(b)?d=b.concat(b.map(n.camelCase)):(e=n.camelCase(b),b in f?d=[b,e]:(d=e,d=d in f?[d]:d.match(G)||[])),c=d.length;while(c--)delete f[d[c]]}(void 0===b||n.isEmptyObject(f))&&(a.nodeType?a[this.expando]=void 0:delete a[this.expando])}},hasData:function(a){var b=a[this.expando];return void 0!==b&&!n.isEmptyObject(b)}};var N=new M,O=new M,P=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,Q=/[A-Z]/g;function R(a,b,c){var d;if(void 0===c&&1===a.nodeType)if(d="data-"+b.replace(Q,"-$&").toLowerCase(),c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:P.test(c)?n.parseJSON(c):c;
+}catch(e){}O.set(a,b,c)}else c=void 0;return c}n.extend({hasData:function(a){return O.hasData(a)||N.hasData(a)},data:function(a,b,c){return O.access(a,b,c)},removeData:function(a,b){O.remove(a,b)},_data:function(a,b,c){return N.access(a,b,c)},_removeData:function(a,b){N.remove(a,b)}}),n.fn.extend({data:function(a,b){var c,d,e,f=this[0],g=f&&f.attributes;if(void 0===a){if(this.length&&(e=O.get(f),1===f.nodeType&&!N.get(f,"hasDataAttrs"))){c=g.length;while(c--)g[c]&&(d=g[c].name,0===d.indexOf("data-")&&(d=n.camelCase(d.slice(5)),R(f,d,e[d])));N.set(f,"hasDataAttrs",!0)}return e}return"object"==typeof a?this.each(function(){O.set(this,a)}):K(this,function(b){var c,d;if(f&&void 0===b){if(c=O.get(f,a)||O.get(f,a.replace(Q,"-$&").toLowerCase()),void 0!==c)return c;if(d=n.camelCase(a),c=O.get(f,d),void 0!==c)return c;if(c=R(f,d,void 0),void 0!==c)return c}else d=n.camelCase(a),this.each(function(){var c=O.get(this,d);O.set(this,d,b),a.indexOf("-")>-1&&void 0!==c&&O.set(this,a,b)})},null,b,arguments.length>1,null,!0)},removeData:function(a){return this.each(function(){O.remove(this,a)})}}),n.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=N.get(a,b),c&&(!d||n.isArray(c)?d=N.access(a,b,n.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||"fx";var c=n.queue(a,b),d=c.length,e=c.shift(),f=n._queueHooks(a,b),g=function(){n.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return N.get(a,c)||N.access(a,c,{empty:n.Callbacks("once memory").add(function(){N.remove(a,[b+"queue",c])})})}}),n.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.length<c?n.queue(this[0],a):void 0===b?this:this.each(function(){var c=n.queue(this,a,b);n._queueHooks(this,a),"fx"===a&&"inprogress"!==c[0]&&n.dequeue(this,a)})},dequeue:function(a){return this.each(function(){n.dequeue(this,a)})},clearQueue:function(a){return this.queue(a||"fx",[])},promise:function(a,b){var c,d=1,e=n.Deferred(),f=this,g=this.length,h=function(){--d||e.resolveWith(f,[f])};"string"!=typeof a&&(b=a,a=void 0),a=a||"fx";while(g--)c=N.get(f[g],a+"queueHooks"),c&&c.empty&&(d++,c.empty.add(h));return h(),e.promise(b)}});var S=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,T=new RegExp("^(?:([+-])=|)("+S+")([a-z%]*)$","i"),U=["Top","Right","Bottom","Left"],V=function(a,b){return a=b||a,"none"===n.css(a,"display")||!n.contains(a.ownerDocument,a)};function W(a,b,c,d){var e,f=1,g=20,h=d?function(){return d.cur()}:function(){return n.css(a,b,"")},i=h(),j=c&&c[3]||(n.cssNumber[b]?"":"px"),k=(n.cssNumber[b]||"px"!==j&&+i)&&T.exec(n.css(a,b));if(k&&k[3]!==j){j=j||k[3],c=c||[],k=+i||1;do f=f||".5",k/=f,n.style(a,b,k+j);while(f!==(f=h()/i)&&1!==f&&--g)}return c&&(k=+k||+i||0,e=c[1]?k+(c[1]+1)*c[2]:+c[2],d&&(d.unit=j,d.start=k,d.end=e)),e}var X=/^(?:checkbox|radio)$/i,Y=/<([\w:-]+)/,Z=/^$|\/(?:java|ecma)script/i,$={option:[1,"<select multiple='multiple'>","</select>"],thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};$.optgroup=$.option,$.tbody=$.tfoot=$.colgroup=$.caption=$.thead,$.th=$.td;function _(a,b){var c="undefined"!=typeof a.getElementsByTagName?a.getElementsByTagName(b||"*"):"undefined"!=typeof a.querySelectorAll?a.querySelectorAll(b||"*"):[];return void 0===b||b&&n.nodeName(a,b)?n.merge([a],c):c}function aa(a,b){for(var c=0,d=a.length;d>c;c++)N.set(a[c],"globalEval",!b||N.get(b[c],"globalEval"))}var ba=/<|&#?\w+;/;function ca(a,b,c,d,e){for(var f,g,h,i,j,k,l=b.createDocumentFragment(),m=[],o=0,p=a.length;p>o;o++)if(f=a[o],f||0===f)if("object"===n.type(f))n.merge(m,f.nodeType?[f]:f);else if(ba.test(f)){g=g||l.appendChild(b.createElement("div")),h=(Y.exec(f)||["",""])[1].toLowerCase(),i=$[h]||$._default,g.innerHTML=i[1]+n.htmlPrefilter(f)+i[2],k=i[0];while(k--)g=g.lastChild;n.merge(m,g.childNodes),g=l.firstChild,g.textContent=""}else m.push(b.createTextNode(f));l.textContent="",o=0;while(f=m[o++])if(d&&n.inArray(f,d)>-1)e&&e.push(f);else if(j=n.contains(f.ownerDocument,f),g=_(l.appendChild(f),"script"),j&&aa(g),c){k=0;while(f=g[k++])Z.test(f.type||"")&&c.push(f)}return l}!function(){var a=d.createDocumentFragment(),b=a.appendChild(d.createElement("div")),c=d.createElement("input");c.setAttribute("type","radio"),c.setAttribute("checked","checked"),c.setAttribute("name","t"),b.appendChild(c),l.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,b.innerHTML="<textarea>x</textarea>",l.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue}();var da=/^key/,ea=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,fa=/^([^.]*)(?:\.(.+)|)/;function ga(){return!0}function ha(){return!1}function ia(){try{return d.activeElement}catch(a){}}function ja(a,b,c,d,e,f){var g,h;if("object"==typeof b){"string"!=typeof c&&(d=d||c,c=void 0);for(h in b)ja(a,h,c,d,b[h],f);return a}if(null==d&&null==e?(e=c,d=c=void 0):null==e&&("string"==typeof c?(e=d,d=void 0):(e=d,d=c,c=void 0)),e===!1)e=ha;else if(!e)return a;return 1===f&&(g=e,e=function(a){return n().off(a),g.apply(this,arguments)},e.guid=g.guid||(g.guid=n.guid++)),a.each(function(){n.event.add(this,b,e,d,c)})}n.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=N.get(a);if(r){c.handler&&(f=c,c=f.handler,e=f.selector),c.guid||(c.guid=n.guid++),(i=r.events)||(i=r.events={}),(g=r.handle)||(g=r.handle=function(b){return"undefined"!=typeof n&&n.event.triggered!==b.type?n.event.dispatch.apply(a,arguments):void 0}),b=(b||"").match(G)||[""],j=b.length;while(j--)h=fa.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o&&(l=n.event.special[o]||{},o=(e?l.delegateType:l.bindType)||o,l=n.event.special[o]||{},k=n.extend({type:o,origType:q,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&n.expr.match.needsContext.test(e),namespace:p.join(".")},f),(m=i[o])||(m=i[o]=[],m.delegateCount=0,l.setup&&l.setup.call(a,d,p,g)!==!1||a.addEventListener&&a.addEventListener(o,g)),l.add&&(l.add.call(a,k),k.handler.guid||(k.handler.guid=c.guid)),e?m.splice(m.delegateCount++,0,k):m.push(k),n.event.global[o]=!0)}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=N.hasData(a)&&N.get(a);if(r&&(i=r.events)){b=(b||"").match(G)||[""],j=b.length;while(j--)if(h=fa.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o){l=n.event.special[o]||{},o=(d?l.delegateType:l.bindType)||o,m=i[o]||[],h=h[2]&&new RegExp("(^|\\.)"+p.join("\\.(?:.*\\.|)")+"(\\.|$)"),g=f=m.length;while(f--)k=m[f],!e&&q!==k.origType||c&&c.guid!==k.guid||h&&!h.test(k.namespace)||d&&d!==k.selector&&("**"!==d||!k.selector)||(m.splice(f,1),k.selector&&m.delegateCount--,l.remove&&l.remove.call(a,k));g&&!m.length&&(l.teardown&&l.teardown.call(a,p,r.handle)!==!1||n.removeEvent(a,o,r.handle),delete i[o])}else for(o in i)n.event.remove(a,o+b[j],c,d,!0);n.isEmptyObject(i)&&N.remove(a,"handle events")}},dispatch:function(a){a=n.event.fix(a);var b,c,d,f,g,h=[],i=e.call(arguments),j=(N.get(this,"events")||{})[a.type]||[],k=n.event.special[a.type]||{};if(i[0]=a,a.delegateTarget=this,!k.preDispatch||k.preDispatch.call(this,a)!==!1){h=n.event.handlers.call(this,a,j),b=0;while((f=h[b++])&&!a.isPropagationStopped()){a.currentTarget=f.elem,c=0;while((g=f.handlers[c++])&&!a.isImmediatePropagationStopped())a.rnamespace&&!a.rnamespace.test(g.namespace)||(a.handleObj=g,a.data=g.data,d=((n.event.special[g.origType]||{}).handle||g.handler).apply(f.elem,i),void 0!==d&&(a.result=d)===!1&&(a.preventDefault(),a.stopPropagation()))}return k.postDispatch&&k.postDispatch.call(this,a),a.result}},handlers:function(a,b){var c,d,e,f,g=[],h=b.delegateCount,i=a.target;if(h&&i.nodeType&&("click"!==a.type||isNaN(a.button)||a.button<1))for(;i!==this;i=i.parentNode||this)if(1===i.nodeType&&(i.disabled!==!0||"click"!==a.type)){for(d=[],c=0;h>c;c++)f=b[c],e=f.selector+" ",void 0===d[e]&&(d[e]=f.needsContext?n(e,this).index(i)>-1:n.find(e,this,null,[i]).length),d[e]&&d.push(f);d.length&&g.push({elem:i,handlers:d})}return h<b.length&&g.push({elem:this,handlers:b.slice(h)}),g},props:"altKey bubbles cancelable ctrlKey currentTarget detail eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(a,b){return null==a.which&&(a.which=null!=b.charCode?b.charCode:b.keyCode),a}},mouseHooks:{props:"button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(a,b){var c,e,f,g=b.button;return null==a.pageX&&null!=b.clientX&&(c=a.target.ownerDocument||d,e=c.documentElement,f=c.body,a.pageX=b.clientX+(e&&e.scrollLeft||f&&f.scrollLeft||0)-(e&&e.clientLeft||f&&f.clientLeft||0),a.pageY=b.clientY+(e&&e.scrollTop||f&&f.scrollTop||0)-(e&&e.clientTop||f&&f.clientTop||0)),a.which||void 0===g||(a.which=1&g?1:2&g?3:4&g?2:0),a}},fix:function(a){if(a[n.expando])return a;var b,c,e,f=a.type,g=a,h=this.fixHooks[f];h||(this.fixHooks[f]=h=ea.test(f)?this.mouseHooks:da.test(f)?this.keyHooks:{}),e=h.props?this.props.concat(h.props):this.props,a=new n.Event(g),b=e.length;while(b--)c=e[b],a[c]=g[c];return a.target||(a.target=d),3===a.target.nodeType&&(a.target=a.target.parentNode),h.filter?h.filter(a,g):a},special:{load:{noBubble:!0},focus:{trigger:function(){return this!==ia()&&this.focus?(this.focus(),!1):void 0},delegateType:"focusin"},blur:{trigger:function(){return this===ia()&&this.blur?(this.blur(),!1):void 0},delegateType:"focusout"},click:{trigger:function(){return"checkbox"===this.type&&this.click&&n.nodeName(this,"input")?(this.click(),!1):void 0},_default:function(a){return n.nodeName(a.target,"a")}},beforeunload:{postDispatch:function(a){void 0!==a.result&&a.originalEvent&&(a.originalEvent.returnValue=a.result)}}}},n.removeEvent=function(a,b,c){a.removeEventListener&&a.removeEventListener(b,c)},n.Event=function(a,b){return this instanceof n.Event?(a&&a.type?(this.originalEvent=a,this.type=a.type,this.isDefaultPrevented=a.defaultPrevented||void 0===a.defaultPrevented&&a.returnValue===!1?ga:ha):this.type=a,b&&n.extend(this,b),this.timeStamp=a&&a.timeStamp||n.now(),void(this[n.expando]=!0)):new n.Event(a,b)},n.Event.prototype={constructor:n.Event,isDefaultPrevented:ha,isPropagationStopped:ha,isImmediatePropagationStopped:ha,isSimulated:!1,preventDefault:function(){var a=this.originalEvent;this.isDefaultPrevented=ga,a&&!this.isSimulated&&a.preventDefault()},stopPropagation:function(){var a=this.originalEvent;this.isPropagationStopped=ga,a&&!this.isSimulated&&a.stopPropagation()},stopImmediatePropagation:function(){var a=this.originalEvent;this.isImmediatePropagationStopped=ga,a&&!this.isSimulated&&a.stopImmediatePropagation(),this.stopPropagation()}},n.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(a,b){n.event.special[a]={delegateType:b,bindType:b,handle:function(a){var c,d=this,e=a.relatedTarget,f=a.handleObj;return e&&(e===d||n.contains(d,e))||(a.type=f.origType,c=f.handler.apply(this,arguments),a.type=b),c}}}),n.fn.extend({on:function(a,b,c,d){return ja(this,a,b,c,d)},one:function(a,b,c,d){return ja(this,a,b,c,d,1)},off:function(a,b,c){var d,e;if(a&&a.preventDefault&&a.handleObj)return d=a.handleObj,n(a.delegateTarget).off(d.namespace?d.origType+"."+d.namespace:d.origType,d.selector,d.handler),this;if("object"==typeof a){for(e in a)this.off(e,b,a[e]);return this}return b!==!1&&"function"!=typeof b||(c=b,b=void 0),c===!1&&(c=ha),this.each(function(){n.event.remove(this,a,c,b)})}});var ka=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:-]+)[^>]*)\/>/gi,la=/<script|<style|<link/i,ma=/checked\s*(?:[^=]|=\s*.checked.)/i,na=/^true\/(.*)/,oa=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g;function pa(a,b){return n.nodeName(a,"table")&&n.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function qa(a){return a.type=(null!==a.getAttribute("type"))+"/"+a.type,a}function ra(a){var b=na.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function sa(a,b){var c,d,e,f,g,h,i,j;if(1===b.nodeType){if(N.hasData(a)&&(f=N.access(a),g=N.set(b,f),j=f.events)){delete g.handle,g.events={};for(e in j)for(c=0,d=j[e].length;d>c;c++)n.event.add(b,e,j[e][c])}O.hasData(a)&&(h=O.access(a),i=n.extend({},h),O.set(b,i))}}function ta(a,b){var c=b.nodeName.toLowerCase();"input"===c&&X.test(a.type)?b.checked=a.checked:"input"!==c&&"textarea"!==c||(b.defaultValue=a.defaultValue)}function ua(a,b,c,d){b=f.apply([],b);var e,g,h,i,j,k,m=0,o=a.length,p=o-1,q=b[0],r=n.isFunction(q);if(r||o>1&&"string"==typeof q&&!l.checkClone&&ma.test(q))return a.each(function(e){var f=a.eq(e);r&&(b[0]=q.call(this,e,f.html())),ua(f,b,c,d)});if(o&&(e=ca(b,a[0].ownerDocument,!1,a,d),g=e.firstChild,1===e.childNodes.length&&(e=g),g||d)){for(h=n.map(_(e,"script"),qa),i=h.length;o>m;m++)j=e,m!==p&&(j=n.clone(j,!0,!0),i&&n.merge(h,_(j,"script"))),c.call(a[m],j,m);if(i)for(k=h[h.length-1].ownerDocument,n.map(h,ra),m=0;i>m;m++)j=h[m],Z.test(j.type||"")&&!N.access(j,"globalEval")&&n.contains(k,j)&&(j.src?n._evalUrl&&n._evalUrl(j.src):n.globalEval(j.textContent.replace(oa,"")))}return a}function va(a,b,c){for(var d,e=b?n.filter(b,a):a,f=0;null!=(d=e[f]);f++)c||1!==d.nodeType||n.cleanData(_(d)),d.parentNode&&(c&&n.contains(d.ownerDocument,d)&&aa(_(d,"script")),d.parentNode.removeChild(d));return a}n.extend({htmlPrefilter:function(a){return a.replace(ka,"<$1></$2>")},clone:function(a,b,c){var d,e,f,g,h=a.cloneNode(!0),i=n.contains(a.ownerDocument,a);if(!(l.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||n.isXMLDoc(a)))for(g=_(h),f=_(a),d=0,e=f.length;e>d;d++)ta(f[d],g[d]);if(b)if(c)for(f=f||_(a),g=g||_(h),d=0,e=f.length;e>d;d++)sa(f[d],g[d]);else sa(a,h);return g=_(h,"script"),g.length>0&&aa(g,!i&&_(a,"script")),h},cleanData:function(a){for(var b,c,d,e=n.event.special,f=0;void 0!==(c=a[f]);f++)if(L(c)){if(b=c[N.expando]){if(b.events)for(d in b.events)e[d]?n.event.remove(c,d):n.removeEvent(c,d,b.handle);c[N.expando]=void 0}c[O.expando]&&(c[O.expando]=void 0)}}}),n.fn.extend({domManip:ua,detach:function(a){return va(this,a,!0)},remove:function(a){return va(this,a)},text:function(a){return K(this,function(a){return void 0===a?n.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=a)})},null,a,arguments.length)},append:function(){return ua(this,arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=pa(this,a);b.appendChild(a)}})},prepend:function(){return ua(this,arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=pa(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return ua(this,arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return ua(this,arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},empty:function(){for(var a,b=0;null!=(a=this[b]);b++)1===a.nodeType&&(n.cleanData(_(a,!1)),a.textContent="");return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return n.clone(this,a,b)})},html:function(a){return K(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a&&1===b.nodeType)return b.innerHTML;if("string"==typeof a&&!la.test(a)&&!$[(Y.exec(a)||["",""])[1].toLowerCase()]){a=n.htmlPrefilter(a);try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(n.cleanData(_(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=[];return ua(this,arguments,function(b){var c=this.parentNode;n.inArray(this,a)<0&&(n.cleanData(_(this)),c&&c.replaceChild(b,this))},a)}}),n.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){n.fn[a]=function(a){for(var c,d=[],e=n(a),f=e.length-1,h=0;f>=h;h++)c=h===f?this:this.clone(!0),n(e[h])[b](c),g.apply(d,c.get());return this.pushStack(d)}});var wa,xa={HTML:"block",BODY:"block"};function ya(a,b){var c=n(b.createElement(a)).appendTo(b.body),d=n.css(c[0],"display");return c.detach(),d}function za(a){var b=d,c=xa[a];return c||(c=ya(a,b),"none"!==c&&c||(wa=(wa||n("<iframe frameborder='0' width='0' height='0'/>")).appendTo(b.documentElement),b=wa[0].contentDocument,b.write(),b.close(),c=ya(a,b),wa.detach()),xa[a]=c),c}var Aa=/^margin/,Ba=new RegExp("^("+S+")(?!px)[a-z%]+$","i"),Ca=function(b){var c=b.ownerDocument.defaultView;return c&&c.opener||(c=a),c.getComputedStyle(b)},Da=function(a,b,c,d){var e,f,g={};for(f in b)g[f]=a.style[f],a.style[f]=b[f];e=c.apply(a,d||[]);for(f in b)a.style[f]=g[f];return e},Ea=d.documentElement;!function(){var b,c,e,f,g=d.createElement("div"),h=d.createElement("div");if(h.style){h.style.backgroundClip="content-box",h.cloneNode(!0).style.backgroundClip="",l.clearCloneStyle="content-box"===h.style.backgroundClip,g.style.cssText="border:0;width:8px;height:0;top:0;left:-9999px;padding:0;margin-top:1px;position:absolute",g.appendChild(h);function i(){h.style.cssText="-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;margin:auto;border:1px;padding:1px;top:1%;width:50%",h.innerHTML="",Ea.appendChild(g);var d=a.getComputedStyle(h);b="1%"!==d.top,f="2px"===d.marginLeft,c="4px"===d.width,h.style.marginRight="50%",e="4px"===d.marginRight,Ea.removeChild(g)}n.extend(l,{pixelPosition:function(){return i(),b},boxSizingReliable:function(){return null==c&&i(),c},pixelMarginRight:function(){return null==c&&i(),e},reliableMarginLeft:function(){return null==c&&i(),f},reliableMarginRight:function(){var b,c=h.appendChild(d.createElement("div"));return c.style.cssText=h.style.cssText="-webkit-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:0",c.style.marginRight=c.style.width="0",h.style.width="1px",Ea.appendChild(g),b=!parseFloat(a.getComputedStyle(c).marginRight),Ea.removeChild(g),h.removeChild(c),b}})}}();function Fa(a,b,c){var d,e,f,g,h=a.style;return c=c||Ca(a),g=c?c.getPropertyValue(b)||c[b]:void 0,""!==g&&void 0!==g||n.contains(a.ownerDocument,a)||(g=n.style(a,b)),c&&!l.pixelMarginRight()&&Ba.test(g)&&Aa.test(b)&&(d=h.width,e=h.minWidth,f=h.maxWidth,h.minWidth=h.maxWidth=h.width=g,g=c.width,h.width=d,h.minWidth=e,h.maxWidth=f),void 0!==g?g+"":g}function Ga(a,b){return{get:function(){return a()?void delete this.get:(this.get=b).apply(this,arguments)}}}var Ha=/^(none|table(?!-c[ea]).+)/,Ia={position:"absolute",visibility:"hidden",display:"block"},Ja={letterSpacing:"0",fontWeight:"400"},Ka=["Webkit","O","Moz","ms"],La=d.createElement("div").style;function Ma(a){if(a in La)return a;var b=a[0].toUpperCase()+a.slice(1),c=Ka.length;while(c--)if(a=Ka[c]+b,a in La)return a}function Na(a,b,c){var d=T.exec(b);return d?Math.max(0,d[2]-(c||0))+(d[3]||"px"):b}function Oa(a,b,c,d,e){for(var f=c===(d?"border":"content")?4:"width"===b?1:0,g=0;4>f;f+=2)"margin"===c&&(g+=n.css(a,c+U[f],!0,e)),d?("content"===c&&(g-=n.css(a,"padding"+U[f],!0,e)),"margin"!==c&&(g-=n.css(a,"border"+U[f]+"Width",!0,e))):(g+=n.css(a,"padding"+U[f],!0,e),"padding"!==c&&(g+=n.css(a,"border"+U[f]+"Width",!0,e)));return g}function Pa(a,b,c){var d=!0,e="width"===b?a.offsetWidth:a.offsetHeight,f=Ca(a),g="border-box"===n.css(a,"boxSizing",!1,f);if(0>=e||null==e){if(e=Fa(a,b,f),(0>e||null==e)&&(e=a.style[b]),Ba.test(e))return e;d=g&&(l.boxSizingReliable()||e===a.style[b]),e=parseFloat(e)||0}return e+Oa(a,b,c||(g?"border":"content"),d,f)+"px"}function Qa(a,b){for(var c,d,e,f=[],g=0,h=a.length;h>g;g++)d=a[g],d.style&&(f[g]=N.get(d,"olddisplay"),c=d.style.display,b?(f[g]||"none"!==c||(d.style.display=""),""===d.style.display&&V(d)&&(f[g]=N.access(d,"olddisplay",za(d.nodeName)))):(e=V(d),"none"===c&&e||N.set(d,"olddisplay",e?c:n.css(d,"display"))));for(g=0;h>g;g++)d=a[g],d.style&&(b&&"none"!==d.style.display&&""!==d.style.display||(d.style.display=b?f[g]||"":"none"));return a}n.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=Fa(a,"opacity");return""===c?"1":c}}}},cssNumber:{animationIterationCount:!0,columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":"cssFloat"},style:function(a,b,c,d){if(a&&3!==a.nodeType&&8!==a.nodeType&&a.style){var e,f,g,h=n.camelCase(b),i=a.style;return b=n.cssProps[h]||(n.cssProps[h]=Ma(h)||h),g=n.cssHooks[b]||n.cssHooks[h],void 0===c?g&&"get"in g&&void 0!==(e=g.get(a,!1,d))?e:i[b]:(f=typeof c,"string"===f&&(e=T.exec(c))&&e[1]&&(c=W(a,b,e),f="number"),null!=c&&c===c&&("number"===f&&(c+=e&&e[3]||(n.cssNumber[h]?"":"px")),l.clearCloneStyle||""!==c||0!==b.indexOf("background")||(i[b]="inherit"),g&&"set"in g&&void 0===(c=g.set(a,c,d))||(i[b]=c)),void 0)}},css:function(a,b,c,d){var e,f,g,h=n.camelCase(b);return b=n.cssProps[h]||(n.cssProps[h]=Ma(h)||h),g=n.cssHooks[b]||n.cssHooks[h],g&&"get"in g&&(e=g.get(a,!0,c)),void 0===e&&(e=Fa(a,b,d)),"normal"===e&&b in Ja&&(e=Ja[b]),""===c||c?(f=parseFloat(e),c===!0||isFinite(f)?f||0:e):e}}),n.each(["height","width"],function(a,b){n.cssHooks[b]={get:function(a,c,d){return c?Ha.test(n.css(a,"display"))&&0===a.offsetWidth?Da(a,Ia,function(){return Pa(a,b,d)}):Pa(a,b,d):void 0},set:function(a,c,d){var e,f=d&&Ca(a),g=d&&Oa(a,b,d,"border-box"===n.css(a,"boxSizing",!1,f),f);return g&&(e=T.exec(c))&&"px"!==(e[3]||"px")&&(a.style[b]=c,c=n.css(a,b)),Na(a,c,g)}}}),n.cssHooks.marginLeft=Ga(l.reliableMarginLeft,function(a,b){return b?(parseFloat(Fa(a,"marginLeft"))||a.getBoundingClientRect().left-Da(a,{marginLeft:0},function(){return a.getBoundingClientRect().left}))+"px":void 0}),n.cssHooks.marginRight=Ga(l.reliableMarginRight,function(a,b){return b?Da(a,{display:"inline-block"},Fa,[a,"marginRight"]):void 0}),n.each({margin:"",padding:"",border:"Width"},function(a,b){n.cssHooks[a+b]={expand:function(c){for(var d=0,e={},f="string"==typeof c?c.split(" "):[c];4>d;d++)e[a+U[d]+b]=f[d]||f[d-2]||f[0];return e}},Aa.test(a)||(n.cssHooks[a+b].set=Na)}),n.fn.extend({css:function(a,b){return K(this,function(a,b,c){var d,e,f={},g=0;if(n.isArray(b)){for(d=Ca(a),e=b.length;e>g;g++)f[b[g]]=n.css(a,b[g],!1,d);return f}return void 0!==c?n.style(a,b,c):n.css(a,b)},a,b,arguments.length>1)},show:function(){return Qa(this,!0)},hide:function(){return Qa(this)},toggle:function(a){return"boolean"==typeof a?a?this.show():this.hide():this.each(function(){V(this)?n(this).show():n(this).hide()})}});function Ra(a,b,c,d,e){return new Ra.prototype.init(a,b,c,d,e)}n.Tween=Ra,Ra.prototype={constructor:Ra,init:function(a,b,c,d,e,f){this.elem=a,this.prop=c,this.easing=e||n.easing._default,this.options=b,this.start=this.now=this.cur(),this.end=d,this.unit=f||(n.cssNumber[c]?"":"px")},cur:function(){var a=Ra.propHooks[this.prop];return a&&a.get?a.get(this):Ra.propHooks._default.get(this)},run:function(a){var b,c=Ra.propHooks[this.prop];return this.options.duration?this.pos=b=n.easing[this.easing](a,this.options.duration*a,0,1,this.options.duration):this.pos=b=a,this.now=(this.end-this.start)*b+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),c&&c.set?c.set(this):Ra.propHooks._default.set(this),this}},Ra.prototype.init.prototype=Ra.prototype,Ra.propHooks={_default:{get:function(a){var b;return 1!==a.elem.nodeType||null!=a.elem[a.prop]&&null==a.elem.style[a.prop]?a.elem[a.prop]:(b=n.css(a.elem,a.prop,""),b&&"auto"!==b?b:0)},set:function(a){n.fx.step[a.prop]?n.fx.step[a.prop](a):1!==a.elem.nodeType||null==a.elem.style[n.cssProps[a.prop]]&&!n.cssHooks[a.prop]?a.elem[a.prop]=a.now:n.style(a.elem,a.prop,a.now+a.unit)}}},Ra.propHooks.scrollTop=Ra.propHooks.scrollLeft={set:function(a){a.elem.nodeType&&a.elem.parentNode&&(a.elem[a.prop]=a.now)}},n.easing={linear:function(a){return a},swing:function(a){return.5-Math.cos(a*Math.PI)/2},_default:"swing"},n.fx=Ra.prototype.init,n.fx.step={};var Sa,Ta,Ua=/^(?:toggle|show|hide)$/,Va=/queueHooks$/;function Wa(){return a.setTimeout(function(){Sa=void 0}),Sa=n.now()}function Xa(a,b){var c,d=0,e={height:a};for(b=b?1:0;4>d;d+=2-b)c=U[d],e["margin"+c]=e["padding"+c]=a;return b&&(e.opacity=e.width=a),e}function Ya(a,b,c){for(var d,e=(_a.tweeners[b]||[]).concat(_a.tweeners["*"]),f=0,g=e.length;g>f;f++)if(d=e[f].call(c,b,a))return d}function Za(a,b,c){var d,e,f,g,h,i,j,k,l=this,m={},o=a.style,p=a.nodeType&&V(a),q=N.get(a,"fxshow");c.queue||(h=n._queueHooks(a,"fx"),null==h.unqueued&&(h.unqueued=0,i=h.empty.fire,h.empty.fire=function(){h.unqueued||i()}),h.unqueued++,l.always(function(){l.always(function(){h.unqueued--,n.queue(a,"fx").length||h.empty.fire()})})),1===a.nodeType&&("height"in b||"width"in b)&&(c.overflow=[o.overflow,o.overflowX,o.overflowY],j=n.css(a,"display"),k="none"===j?N.get(a,"olddisplay")||za(a.nodeName):j,"inline"===k&&"none"===n.css(a,"float")&&(o.display="inline-block")),c.overflow&&(o.overflow="hidden",l.always(function(){o.overflow=c.overflow[0],o.overflowX=c.overflow[1],o.overflowY=c.overflow[2]}));for(d in b)if(e=b[d],Ua.exec(e)){if(delete b[d],f=f||"toggle"===e,e===(p?"hide":"show")){if("show"!==e||!q||void 0===q[d])continue;p=!0}m[d]=q&&q[d]||n.style(a,d)}else j=void 0;if(n.isEmptyObject(m))"inline"===("none"===j?za(a.nodeName):j)&&(o.display=j);else{q?"hidden"in q&&(p=q.hidden):q=N.access(a,"fxshow",{}),f&&(q.hidden=!p),p?n(a).show():l.done(function(){n(a).hide()}),l.done(function(){var b;N.remove(a,"fxshow");for(b in m)n.style(a,b,m[b])});for(d in m)g=Ya(p?q[d]:0,d,l),d in q||(q[d]=g.start,p&&(g.end=g.start,g.start="width"===d||"height"===d?1:0))}}function $a(a,b){var c,d,e,f,g;for(c in a)if(d=n.camelCase(c),e=b[d],f=a[c],n.isArray(f)&&(e=f[1],f=a[c]=f[0]),c!==d&&(a[d]=f,delete a[c]),g=n.cssHooks[d],g&&"expand"in g){f=g.expand(f),delete a[d];for(c in f)c in a||(a[c]=f[c],b[c]=e)}else b[d]=e}function _a(a,b,c){var d,e,f=0,g=_a.prefilters.length,h=n.Deferred().always(function(){delete i.elem}),i=function(){if(e)return!1;for(var b=Sa||Wa(),c=Math.max(0,j.startTime+j.duration-b),d=c/j.duration||0,f=1-d,g=0,i=j.tweens.length;i>g;g++)j.tweens[g].run(f);return h.notifyWith(a,[j,f,c]),1>f&&i?c:(h.resolveWith(a,[j]),!1)},j=h.promise({elem:a,props:n.extend({},b),opts:n.extend(!0,{specialEasing:{},easing:n.easing._default},c),originalProperties:b,originalOptions:c,startTime:Sa||Wa(),duration:c.duration,tweens:[],createTween:function(b,c){var d=n.Tween(a,j.opts,b,c,j.opts.specialEasing[b]||j.opts.easing);return j.tweens.push(d),d},stop:function(b){var c=0,d=b?j.tweens.length:0;if(e)return this;for(e=!0;d>c;c++)j.tweens[c].run(1);return b?(h.notifyWith(a,[j,1,0]),h.resolveWith(a,[j,b])):h.rejectWith(a,[j,b]),this}}),k=j.props;for($a(k,j.opts.specialEasing);g>f;f++)if(d=_a.prefilters[f].call(j,a,k,j.opts))return n.isFunction(d.stop)&&(n._queueHooks(j.elem,j.opts.queue).stop=n.proxy(d.stop,d)),d;return n.map(k,Ya,j),n.isFunction(j.opts.start)&&j.opts.start.call(a,j),n.fx.timer(n.extend(i,{elem:a,anim:j,queue:j.opts.queue})),j.progress(j.opts.progress).done(j.opts.done,j.opts.complete).fail(j.opts.fail).always(j.opts.always)}n.Animation=n.extend(_a,{tweeners:{"*":[function(a,b){var c=this.createTween(a,b);return W(c.elem,a,T.exec(b),c),c}]},tweener:function(a,b){n.isFunction(a)?(b=a,a=["*"]):a=a.match(G);for(var c,d=0,e=a.length;e>d;d++)c=a[d],_a.tweeners[c]=_a.tweeners[c]||[],_a.tweeners[c].unshift(b)},prefilters:[Za],prefilter:function(a,b){b?_a.prefilters.unshift(a):_a.prefilters.push(a)}}),n.speed=function(a,b,c){var d=a&&"object"==typeof a?n.extend({},a):{complete:c||!c&&b||n.isFunction(a)&&a,duration:a,easing:c&&b||b&&!n.isFunction(b)&&b};return d.duration=n.fx.off?0:"number"==typeof d.duration?d.duration:d.duration in n.fx.speeds?n.fx.speeds[d.duration]:n.fx.speeds._default,null!=d.queue&&d.queue!==!0||(d.queue="fx"),d.old=d.complete,d.complete=function(){n.isFunction(d.old)&&d.old.call(this),d.queue&&n.dequeue(this,d.queue)},d},n.fn.extend({fadeTo:function(a,b,c,d){return this.filter(V).css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){var e=n.isEmptyObject(a),f=n.speed(b,c,d),g=function(){var b=_a(this,n.extend({},a),f);(e||N.get(this,"finish"))&&b.stop(!0)};return g.finish=g,e||f.queue===!1?this.each(g):this.queue(f.queue,g)},stop:function(a,b,c){var d=function(a){var b=a.stop;delete a.stop,b(c)};return"string"!=typeof a&&(c=b,b=a,a=void 0),b&&a!==!1&&this.queue(a||"fx",[]),this.each(function(){var b=!0,e=null!=a&&a+"queueHooks",f=n.timers,g=N.get(this);if(e)g[e]&&g[e].stop&&d(g[e]);else for(e in g)g[e]&&g[e].stop&&Va.test(e)&&d(g[e]);for(e=f.length;e--;)f[e].elem!==this||null!=a&&f[e].queue!==a||(f[e].anim.stop(c),b=!1,f.splice(e,1));!b&&c||n.dequeue(this,a)})},finish:function(a){return a!==!1&&(a=a||"fx"),this.each(function(){var b,c=N.get(this),d=c[a+"queue"],e=c[a+"queueHooks"],f=n.timers,g=d?d.length:0;for(c.finish=!0,n.queue(this,a,[]),e&&e.stop&&e.stop.call(this,!0),b=f.length;b--;)f[b].elem===this&&f[b].queue===a&&(f[b].anim.stop(!0),f.splice(b,1));for(b=0;g>b;b++)d[b]&&d[b].finish&&d[b].finish.call(this);delete c.finish})}}),n.each(["toggle","show","hide"],function(a,b){var c=n.fn[b];n.fn[b]=function(a,d,e){return null==a||"boolean"==typeof a?c.apply(this,arguments):this.animate(Xa(b,!0),a,d,e)}}),n.each({slideDown:Xa("show"),slideUp:Xa("hide"),slideToggle:Xa("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){n.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),n.timers=[],n.fx.tick=function(){var a,b=0,c=n.timers;for(Sa=n.now();b<c.length;b++)a=c[b],a()||c[b]!==a||c.splice(b--,1);c.length||n.fx.stop(),Sa=void 0},n.fx.timer=function(a){n.timers.push(a),a()?n.fx.start():n.timers.pop()},n.fx.interval=13,n.fx.start=function(){Ta||(Ta=a.setInterval(n.fx.tick,n.fx.interval))},n.fx.stop=function(){a.clearInterval(Ta),Ta=null},n.fx.speeds={slow:600,fast:200,_default:400},n.fn.delay=function(b,c){return b=n.fx?n.fx.speeds[b]||b:b,c=c||"fx",this.queue(c,function(c,d){var e=a.setTimeout(c,b);d.stop=function(){a.clearTimeout(e)}})},function(){var a=d.createElement("input"),b=d.createElement("select"),c=b.appendChild(d.createElement("option"));a.type="checkbox",l.checkOn=""!==a.value,l.optSelected=c.selected,b.disabled=!0,l.optDisabled=!c.disabled,a=d.createElement("input"),a.value="t",a.type="radio",l.radioValue="t"===a.value}();var ab,bb=n.expr.attrHandle;n.fn.extend({attr:function(a,b){return K(this,n.attr,a,b,arguments.length>1)},removeAttr:function(a){return this.each(function(){n.removeAttr(this,a)})}}),n.extend({attr:function(a,b,c){var d,e,f=a.nodeType;if(3!==f&&8!==f&&2!==f)return"undefined"==typeof a.getAttribute?n.prop(a,b,c):(1===f&&n.isXMLDoc(a)||(b=b.toLowerCase(),e=n.attrHooks[b]||(n.expr.match.bool.test(b)?ab:void 0)),void 0!==c?null===c?void n.removeAttr(a,b):e&&"set"in e&&void 0!==(d=e.set(a,c,b))?d:(a.setAttribute(b,c+""),c):e&&"get"in e&&null!==(d=e.get(a,b))?d:(d=n.find.attr(a,b),null==d?void 0:d))},attrHooks:{type:{set:function(a,b){if(!l.radioValue&&"radio"===b&&n.nodeName(a,"input")){var c=a.value;return a.setAttribute("type",b),c&&(a.value=c),b}}}},removeAttr:function(a,b){var c,d,e=0,f=b&&b.match(G);if(f&&1===a.nodeType)while(c=f[e++])d=n.propFix[c]||c,n.expr.match.bool.test(c)&&(a[d]=!1),a.removeAttribute(c)}}),ab={set:function(a,b,c){return b===!1?n.removeAttr(a,c):a.setAttribute(c,c),c}},n.each(n.expr.match.bool.source.match(/\w+/g),function(a,b){var c=bb[b]||n.find.attr;bb[b]=function(a,b,d){var e,f;return d||(f=bb[b],bb[b]=e,e=null!=c(a,b,d)?b.toLowerCase():null,bb[b]=f),e}});var cb=/^(?:input|select|textarea|button)$/i,db=/^(?:a|area)$/i;n.fn.extend({prop:function(a,b){return K(this,n.prop,a,b,arguments.length>1)},removeProp:function(a){return this.each(function(){delete this[n.propFix[a]||a]})}}),n.extend({prop:function(a,b,c){var d,e,f=a.nodeType;if(3!==f&&8!==f&&2!==f)return 1===f&&n.isXMLDoc(a)||(b=n.propFix[b]||b,e=n.propHooks[b]),
+		void 0!==c?e&&"set"in e&&void 0!==(d=e.set(a,c,b))?d:a[b]=c:e&&"get"in e&&null!==(d=e.get(a,b))?d:a[b]},propHooks:{tabIndex:{get:function(a){var b=n.find.attr(a,"tabindex");return b?parseInt(b,10):cb.test(a.nodeName)||db.test(a.nodeName)&&a.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),l.optSelected||(n.propHooks.selected={get:function(a){var b=a.parentNode;return b&&b.parentNode&&b.parentNode.selectedIndex,null},set:function(a){var b=a.parentNode;b&&(b.selectedIndex,b.parentNode&&b.parentNode.selectedIndex)}}),n.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){n.propFix[this.toLowerCase()]=this});var eb=/[\t\r\n\f]/g;function fb(a){return a.getAttribute&&a.getAttribute("class")||""}n.fn.extend({addClass:function(a){var b,c,d,e,f,g,h,i=0;if(n.isFunction(a))return this.each(function(b){n(this).addClass(a.call(this,b,fb(this)))});if("string"==typeof a&&a){b=a.match(G)||[];while(c=this[i++])if(e=fb(c),d=1===c.nodeType&&(" "+e+" ").replace(eb," ")){g=0;while(f=b[g++])d.indexOf(" "+f+" ")<0&&(d+=f+" ");h=n.trim(d),e!==h&&c.setAttribute("class",h)}}return this},removeClass:function(a){var b,c,d,e,f,g,h,i=0;if(n.isFunction(a))return this.each(function(b){n(this).removeClass(a.call(this,b,fb(this)))});if(!arguments.length)return this.attr("class","");if("string"==typeof a&&a){b=a.match(G)||[];while(c=this[i++])if(e=fb(c),d=1===c.nodeType&&(" "+e+" ").replace(eb," ")){g=0;while(f=b[g++])while(d.indexOf(" "+f+" ")>-1)d=d.replace(" "+f+" "," ");h=n.trim(d),e!==h&&c.setAttribute("class",h)}}return this},toggleClass:function(a,b){var c=typeof a;return"boolean"==typeof b&&"string"===c?b?this.addClass(a):this.removeClass(a):n.isFunction(a)?this.each(function(c){n(this).toggleClass(a.call(this,c,fb(this),b),b)}):this.each(function(){var b,d,e,f;if("string"===c){d=0,e=n(this),f=a.match(G)||[];while(b=f[d++])e.hasClass(b)?e.removeClass(b):e.addClass(b)}else void 0!==a&&"boolean"!==c||(b=fb(this),b&&N.set(this,"__className__",b),this.setAttribute&&this.setAttribute("class",b||a===!1?"":N.get(this,"__className__")||""))})},hasClass:function(a){var b,c,d=0;b=" "+a+" ";while(c=this[d++])if(1===c.nodeType&&(" "+fb(c)+" ").replace(eb," ").indexOf(b)>-1)return!0;return!1}});var gb=/\r/g,hb=/[\x20\t\r\n\f]+/g;n.fn.extend({val:function(a){var b,c,d,e=this[0];{if(arguments.length)return d=n.isFunction(a),this.each(function(c){var e;1===this.nodeType&&(e=d?a.call(this,c,n(this).val()):a,null==e?e="":"number"==typeof e?e+="":n.isArray(e)&&(e=n.map(e,function(a){return null==a?"":a+""})),b=n.valHooks[this.type]||n.valHooks[this.nodeName.toLowerCase()],b&&"set"in b&&void 0!==b.set(this,e,"value")||(this.value=e))});if(e)return b=n.valHooks[e.type]||n.valHooks[e.nodeName.toLowerCase()],b&&"get"in b&&void 0!==(c=b.get(e,"value"))?c:(c=e.value,"string"==typeof c?c.replace(gb,""):null==c?"":c)}}}),n.extend({valHooks:{option:{get:function(a){var b=n.find.attr(a,"value");return null!=b?b:n.trim(n.text(a)).replace(hb," ")}},select:{get:function(a){for(var b,c,d=a.options,e=a.selectedIndex,f="select-one"===a.type||0>e,g=f?null:[],h=f?e+1:d.length,i=0>e?h:f?e:0;h>i;i++)if(c=d[i],(c.selected||i===e)&&(l.optDisabled?!c.disabled:null===c.getAttribute("disabled"))&&(!c.parentNode.disabled||!n.nodeName(c.parentNode,"optgroup"))){if(b=n(c).val(),f)return b;g.push(b)}return g},set:function(a,b){var c,d,e=a.options,f=n.makeArray(b),g=e.length;while(g--)d=e[g],(d.selected=n.inArray(n.valHooks.option.get(d),f)>-1)&&(c=!0);return c||(a.selectedIndex=-1),f}}}}),n.each(["radio","checkbox"],function(){n.valHooks[this]={set:function(a,b){return n.isArray(b)?a.checked=n.inArray(n(a).val(),b)>-1:void 0}},l.checkOn||(n.valHooks[this].get=function(a){return null===a.getAttribute("value")?"on":a.value})});var ib=/^(?:focusinfocus|focusoutblur)$/;n.extend(n.event,{trigger:function(b,c,e,f){var g,h,i,j,l,m,o,p=[e||d],q=k.call(b,"type")?b.type:b,r=k.call(b,"namespace")?b.namespace.split("."):[];if(h=i=e=e||d,3!==e.nodeType&&8!==e.nodeType&&!ib.test(q+n.event.triggered)&&(q.indexOf(".")>-1&&(r=q.split("."),q=r.shift(),r.sort()),l=q.indexOf(":")<0&&"on"+q,b=b[n.expando]?b:new n.Event(q,"object"==typeof b&&b),b.isTrigger=f?2:3,b.namespace=r.join("."),b.rnamespace=b.namespace?new RegExp("(^|\\.)"+r.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,b.result=void 0,b.target||(b.target=e),c=null==c?[b]:n.makeArray(c,[b]),o=n.event.special[q]||{},f||!o.trigger||o.trigger.apply(e,c)!==!1)){if(!f&&!o.noBubble&&!n.isWindow(e)){for(j=o.delegateType||q,ib.test(j+q)||(h=h.parentNode);h;h=h.parentNode)p.push(h),i=h;i===(e.ownerDocument||d)&&p.push(i.defaultView||i.parentWindow||a)}g=0;while((h=p[g++])&&!b.isPropagationStopped())b.type=g>1?j:o.bindType||q,m=(N.get(h,"events")||{})[b.type]&&N.get(h,"handle"),m&&m.apply(h,c),m=l&&h[l],m&&m.apply&&L(h)&&(b.result=m.apply(h,c),b.result===!1&&b.preventDefault());return b.type=q,f||b.isDefaultPrevented()||o._default&&o._default.apply(p.pop(),c)!==!1||!L(e)||l&&n.isFunction(e[q])&&!n.isWindow(e)&&(i=e[l],i&&(e[l]=null),n.event.triggered=q,e[q](),n.event.triggered=void 0,i&&(e[l]=i)),b.result}},simulate:function(a,b,c){var d=n.extend(new n.Event,c,{type:a,isSimulated:!0});n.event.trigger(d,null,b)}}),n.fn.extend({trigger:function(a,b){return this.each(function(){n.event.trigger(a,b,this)})},triggerHandler:function(a,b){var c=this[0];return c?n.event.trigger(a,b,c,!0):void 0}}),n.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(a,b){n.fn[b]=function(a,c){return arguments.length>0?this.on(b,null,a,c):this.trigger(b)}}),n.fn.extend({hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)}}),l.focusin="onfocusin"in a,l.focusin||n.each({focus:"focusin",blur:"focusout"},function(a,b){var c=function(a){n.event.simulate(b,a.target,n.event.fix(a))};n.event.special[b]={setup:function(){var d=this.ownerDocument||this,e=N.access(d,b);e||d.addEventListener(a,c,!0),N.access(d,b,(e||0)+1)},teardown:function(){var d=this.ownerDocument||this,e=N.access(d,b)-1;e?N.access(d,b,e):(d.removeEventListener(a,c,!0),N.remove(d,b))}}});var jb=a.location,kb=n.now(),lb=/\?/;n.parseJSON=function(a){return JSON.parse(a+"")},n.parseXML=function(b){var c;if(!b||"string"!=typeof b)return null;try{c=(new a.DOMParser).parseFromString(b,"text/xml")}catch(d){c=void 0}return c&&!c.getElementsByTagName("parsererror").length||n.error("Invalid XML: "+b),c};var mb=/#.*$/,nb=/([?&])_=[^&]*/,ob=/^(.*?):[ \t]*([^\r\n]*)$/gm,pb=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,qb=/^(?:GET|HEAD)$/,rb=/^\/\//,sb={},tb={},ub="*/".concat("*"),vb=d.createElement("a");vb.href=jb.href;function wb(a){return function(b,c){"string"!=typeof b&&(c=b,b="*");var d,e=0,f=b.toLowerCase().match(G)||[];if(n.isFunction(c))while(d=f[e++])"+"===d[0]?(d=d.slice(1)||"*",(a[d]=a[d]||[]).unshift(c)):(a[d]=a[d]||[]).push(c)}}function xb(a,b,c,d){var e={},f=a===tb;function g(h){var i;return e[h]=!0,n.each(a[h]||[],function(a,h){var j=h(b,c,d);return"string"!=typeof j||f||e[j]?f?!(i=j):void 0:(b.dataTypes.unshift(j),g(j),!1)}),i}return g(b.dataTypes[0])||!e["*"]&&g("*")}function yb(a,b){var c,d,e=n.ajaxSettings.flatOptions||{};for(c in b)void 0!==b[c]&&((e[c]?a:d||(d={}))[c]=b[c]);return d&&n.extend(!0,a,d),a}function zb(a,b,c){var d,e,f,g,h=a.contents,i=a.dataTypes;while("*"===i[0])i.shift(),void 0===d&&(d=a.mimeType||b.getResponseHeader("Content-Type"));if(d)for(e in h)if(h[e]&&h[e].test(d)){i.unshift(e);break}if(i[0]in c)f=i[0];else{for(e in c){if(!i[0]||a.converters[e+" "+i[0]]){f=e;break}g||(g=e)}f=f||g}return f?(f!==i[0]&&i.unshift(f),c[f]):void 0}function Ab(a,b,c,d){var e,f,g,h,i,j={},k=a.dataTypes.slice();if(k[1])for(g in a.converters)j[g.toLowerCase()]=a.converters[g];f=k.shift();while(f)if(a.responseFields[f]&&(c[a.responseFields[f]]=b),!i&&d&&a.dataFilter&&(b=a.dataFilter(b,a.dataType)),i=f,f=k.shift())if("*"===f)f=i;else if("*"!==i&&i!==f){if(g=j[i+" "+f]||j["* "+f],!g)for(e in j)if(h=e.split(" "),h[1]===f&&(g=j[i+" "+h[0]]||j["* "+h[0]])){g===!0?g=j[e]:j[e]!==!0&&(f=h[0],k.unshift(h[1]));break}if(g!==!0)if(g&&a["throws"])b=g(b);else try{b=g(b)}catch(l){return{state:"parsererror",error:g?l:"No conversion from "+i+" to "+f}}}return{state:"success",data:b}}n.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:jb.href,type:"GET",isLocal:pb.test(jb.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":ub,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":n.parseJSON,"text xml":n.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(a,b){return b?yb(yb(a,n.ajaxSettings),b):yb(n.ajaxSettings,a)},ajaxPrefilter:wb(sb),ajaxTransport:wb(tb),ajax:function(b,c){"object"==typeof b&&(c=b,b=void 0),c=c||{};var e,f,g,h,i,j,k,l,m=n.ajaxSetup({},c),o=m.context||m,p=m.context&&(o.nodeType||o.jquery)?n(o):n.event,q=n.Deferred(),r=n.Callbacks("once memory"),s=m.statusCode||{},t={},u={},v=0,w="canceled",x={readyState:0,getResponseHeader:function(a){var b;if(2===v){if(!h){h={};while(b=ob.exec(g))h[b[1].toLowerCase()]=b[2]}b=h[a.toLowerCase()]}return null==b?null:b},getAllResponseHeaders:function(){return 2===v?g:null},setRequestHeader:function(a,b){var c=a.toLowerCase();return v||(a=u[c]=u[c]||a,t[a]=b),this},overrideMimeType:function(a){return v||(m.mimeType=a),this},statusCode:function(a){var b;if(a)if(2>v)for(b in a)s[b]=[s[b],a[b]];else x.always(a[x.status]);return this},abort:function(a){var b=a||w;return e&&e.abort(b),z(0,b),this}};if(q.promise(x).complete=r.add,x.success=x.done,x.error=x.fail,m.url=((b||m.url||jb.href)+"").replace(mb,"").replace(rb,jb.protocol+"//"),m.type=c.method||c.type||m.method||m.type,m.dataTypes=n.trim(m.dataType||"*").toLowerCase().match(G)||[""],null==m.crossDomain){j=d.createElement("a");try{j.href=m.url,j.href=j.href,m.crossDomain=vb.protocol+"//"+vb.host!=j.protocol+"//"+j.host}catch(y){m.crossDomain=!0}}if(m.data&&m.processData&&"string"!=typeof m.data&&(m.data=n.param(m.data,m.traditional)),xb(sb,m,c,x),2===v)return x;k=n.event&&m.global,k&&0===n.active++&&n.event.trigger("ajaxStart"),m.type=m.type.toUpperCase(),m.hasContent=!qb.test(m.type),f=m.url,m.hasContent||(m.data&&(f=m.url+=(lb.test(f)?"&":"?")+m.data,delete m.data),m.cache===!1&&(m.url=nb.test(f)?f.replace(nb,"$1_="+kb++):f+(lb.test(f)?"&":"?")+"_="+kb++)),m.ifModified&&(n.lastModified[f]&&x.setRequestHeader("If-Modified-Since",n.lastModified[f]),n.etag[f]&&x.setRequestHeader("If-None-Match",n.etag[f])),(m.data&&m.hasContent&&m.contentType!==!1||c.contentType)&&x.setRequestHeader("Content-Type",m.contentType),x.setRequestHeader("Accept",m.dataTypes[0]&&m.accepts[m.dataTypes[0]]?m.accepts[m.dataTypes[0]]+("*"!==m.dataTypes[0]?", "+ub+"; q=0.01":""):m.accepts["*"]);for(l in m.headers)x.setRequestHeader(l,m.headers[l]);if(m.beforeSend&&(m.beforeSend.call(o,x,m)===!1||2===v))return x.abort();w="abort";for(l in{success:1,error:1,complete:1})x[l](m[l]);if(e=xb(tb,m,c,x)){if(x.readyState=1,k&&p.trigger("ajaxSend",[x,m]),2===v)return x;m.async&&m.timeout>0&&(i=a.setTimeout(function(){x.abort("timeout")},m.timeout));try{v=1,e.send(t,z)}catch(y){if(!(2>v))throw y;z(-1,y)}}else z(-1,"No Transport");function z(b,c,d,h){var j,l,t,u,w,y=c;2!==v&&(v=2,i&&a.clearTimeout(i),e=void 0,g=h||"",x.readyState=b>0?4:0,j=b>=200&&300>b||304===b,d&&(u=zb(m,x,d)),u=Ab(m,u,x,j),j?(m.ifModified&&(w=x.getResponseHeader("Last-Modified"),w&&(n.lastModified[f]=w),w=x.getResponseHeader("etag"),w&&(n.etag[f]=w)),204===b||"HEAD"===m.type?y="nocontent":304===b?y="notmodified":(y=u.state,l=u.data,t=u.error,j=!t)):(t=y,!b&&y||(y="error",0>b&&(b=0))),x.status=b,x.statusText=(c||y)+"",j?q.resolveWith(o,[l,y,x]):q.rejectWith(o,[x,y,t]),x.statusCode(s),s=void 0,k&&p.trigger(j?"ajaxSuccess":"ajaxError",[x,m,j?l:t]),r.fireWith(o,[x,y]),k&&(p.trigger("ajaxComplete",[x,m]),--n.active||n.event.trigger("ajaxStop")))}return x},getJSON:function(a,b,c){return n.get(a,b,c,"json")},getScript:function(a,b){return n.get(a,void 0,b,"script")}}),n.each(["get","post"],function(a,b){n[b]=function(a,c,d,e){return n.isFunction(c)&&(e=e||d,d=c,c=void 0),n.ajax(n.extend({url:a,type:b,dataType:e,data:c,success:d},n.isPlainObject(a)&&a))}}),n._evalUrl=function(a){return n.ajax({url:a,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})},n.fn.extend({wrapAll:function(a){var b;return n.isFunction(a)?this.each(function(b){n(this).wrapAll(a.call(this,b))}):(this[0]&&(b=n(a,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstElementChild)a=a.firstElementChild;return a}).append(this)),this)},wrapInner:function(a){return n.isFunction(a)?this.each(function(b){n(this).wrapInner(a.call(this,b))}):this.each(function(){var b=n(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=n.isFunction(a);return this.each(function(c){n(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){n.nodeName(this,"body")||n(this).replaceWith(this.childNodes)}).end()}}),n.expr.filters.hidden=function(a){return!n.expr.filters.visible(a)},n.expr.filters.visible=function(a){return a.offsetWidth>0||a.offsetHeight>0||a.getClientRects().length>0};var Bb=/%20/g,Cb=/\[\]$/,Db=/\r?\n/g,Eb=/^(?:submit|button|image|reset|file)$/i,Fb=/^(?:input|select|textarea|keygen)/i;function Gb(a,b,c,d){var e;if(n.isArray(b))n.each(b,function(b,e){c||Cb.test(a)?d(a,e):Gb(a+"["+("object"==typeof e&&null!=e?b:"")+"]",e,c,d)});else if(c||"object"!==n.type(b))d(a,b);else for(e in b)Gb(a+"["+e+"]",b[e],c,d)}n.param=function(a,b){var c,d=[],e=function(a,b){b=n.isFunction(b)?b():null==b?"":b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};if(void 0===b&&(b=n.ajaxSettings&&n.ajaxSettings.traditional),n.isArray(a)||a.jquery&&!n.isPlainObject(a))n.each(a,function(){e(this.name,this.value)});else for(c in a)Gb(c,a[c],b,e);return d.join("&").replace(Bb,"+")},n.fn.extend({serialize:function(){return n.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var a=n.prop(this,"elements");return a?n.makeArray(a):this}).filter(function(){var a=this.type;return this.name&&!n(this).is(":disabled")&&Fb.test(this.nodeName)&&!Eb.test(a)&&(this.checked||!X.test(a))}).map(function(a,b){var c=n(this).val();return null==c?null:n.isArray(c)?n.map(c,function(a){return{name:b.name,value:a.replace(Db,"\r\n")}}):{name:b.name,value:c.replace(Db,"\r\n")}}).get()}}),n.ajaxSettings.xhr=function(){try{return new a.XMLHttpRequest}catch(b){}};var Hb={0:200,1223:204},Ib=n.ajaxSettings.xhr();l.cors=!!Ib&&"withCredentials"in Ib,l.ajax=Ib=!!Ib,n.ajaxTransport(function(b){var c,d;return l.cors||Ib&&!b.crossDomain?{send:function(e,f){var g,h=b.xhr();if(h.open(b.type,b.url,b.async,b.username,b.password),b.xhrFields)for(g in b.xhrFields)h[g]=b.xhrFields[g];b.mimeType&&h.overrideMimeType&&h.overrideMimeType(b.mimeType),b.crossDomain||e["X-Requested-With"]||(e["X-Requested-With"]="XMLHttpRequest");for(g in e)h.setRequestHeader(g,e[g]);c=function(a){return function(){c&&(c=d=h.onload=h.onerror=h.onabort=h.onreadystatechange=null,"abort"===a?h.abort():"error"===a?"number"!=typeof h.status?f(0,"error"):f(h.status,h.statusText):f(Hb[h.status]||h.status,h.statusText,"text"!==(h.responseType||"text")||"string"!=typeof h.responseText?{binary:h.response}:{text:h.responseText},h.getAllResponseHeaders()))}},h.onload=c(),d=h.onerror=c("error"),void 0!==h.onabort?h.onabort=d:h.onreadystatechange=function(){4===h.readyState&&a.setTimeout(function(){c&&d()})},c=c("abort");try{h.send(b.hasContent&&b.data||null)}catch(i){if(c)throw i}},abort:function(){c&&c()}}:void 0}),n.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(a){return n.globalEval(a),a}}}),n.ajaxPrefilter("script",function(a){void 0===a.cache&&(a.cache=!1),a.crossDomain&&(a.type="GET")}),n.ajaxTransport("script",function(a){if(a.crossDomain){var b,c;return{send:function(e,f){b=n("<script>").prop({charset:a.scriptCharset,src:a.url}).on("load error",c=function(a){b.remove(),c=null,a&&f("error"===a.type?404:200,a.type)}),d.head.appendChild(b[0])},abort:function(){c&&c()}}}});var Jb=[],Kb=/(=)\?(?=&|$)|\?\?/;n.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var a=Jb.pop()||n.expando+"_"+kb++;return this[a]=!0,a}}),n.ajaxPrefilter("json jsonp",function(b,c,d){var e,f,g,h=b.jsonp!==!1&&(Kb.test(b.url)?"url":"string"==typeof b.data&&0===(b.contentType||"").indexOf("application/x-www-form-urlencoded")&&Kb.test(b.data)&&"data");return h||"jsonp"===b.dataTypes[0]?(e=b.jsonpCallback=n.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,h?b[h]=b[h].replace(Kb,"$1"+e):b.jsonp!==!1&&(b.url+=(lb.test(b.url)?"&":"?")+b.jsonp+"="+e),b.converters["script json"]=function(){return g||n.error(e+" was not called"),g[0]},b.dataTypes[0]="json",f=a[e],a[e]=function(){g=arguments},d.always(function(){void 0===f?n(a).removeProp(e):a[e]=f,b[e]&&(b.jsonpCallback=c.jsonpCallback,Jb.push(e)),g&&n.isFunction(f)&&f(g[0]),g=f=void 0}),"script"):void 0}),n.parseHTML=function(a,b,c){if(!a||"string"!=typeof a)return null;"boolean"==typeof b&&(c=b,b=!1),b=b||d;var e=x.exec(a),f=!c&&[];return e?[b.createElement(e[1])]:(e=ca([a],b,f),f&&f.length&&n(f).remove(),n.merge([],e.childNodes))};var Lb=n.fn.load;n.fn.load=function(a,b,c){if("string"!=typeof a&&Lb)return Lb.apply(this,arguments);var d,e,f,g=this,h=a.indexOf(" ");return h>-1&&(d=n.trim(a.slice(h)),a=a.slice(0,h)),n.isFunction(b)?(c=b,b=void 0):b&&"object"==typeof b&&(e="POST"),g.length>0&&n.ajax({url:a,type:e||"GET",dataType:"html",data:b}).done(function(a){f=arguments,g.html(d?n("<div>").append(n.parseHTML(a)).find(d):a)}).always(c&&function(a,b){g.each(function(){c.apply(this,f||[a.responseText,b,a])})}),this},n.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){n.fn[b]=function(a){return this.on(b,a)}}),n.expr.filters.animated=function(a){return n.grep(n.timers,function(b){return a===b.elem}).length};function Mb(a){return n.isWindow(a)?a:9===a.nodeType&&a.defaultView}n.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=n.css(a,"position"),l=n(a),m={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=n.css(a,"top"),i=n.css(a,"left"),j=("absolute"===k||"fixed"===k)&&(f+i).indexOf("auto")>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),n.isFunction(b)&&(b=b.call(a,c,n.extend({},h))),null!=b.top&&(m.top=b.top-h.top+g),null!=b.left&&(m.left=b.left-h.left+e),"using"in b?b.using.call(a,m):l.css(m)}},n.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){n.offset.setOffset(this,a,b)});var b,c,d=this[0],e={top:0,left:0},f=d&&d.ownerDocument;if(f)return b=f.documentElement,n.contains(b,d)?(e=d.getBoundingClientRect(),c=Mb(f),{top:e.top+c.pageYOffset-b.clientTop,left:e.left+c.pageXOffset-b.clientLeft}):e},position:function(){if(this[0]){var a,b,c=this[0],d={top:0,left:0};return"fixed"===n.css(c,"position")?b=c.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),n.nodeName(a[0],"html")||(d=a.offset()),d.top+=n.css(a[0],"borderTopWidth",!0),d.left+=n.css(a[0],"borderLeftWidth",!0)),{top:b.top-d.top-n.css(c,"marginTop",!0),left:b.left-d.left-n.css(c,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent;while(a&&"static"===n.css(a,"position"))a=a.offsetParent;return a||Ea})}}),n.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c="pageYOffset"===b;n.fn[a]=function(d){return K(this,function(a,d,e){var f=Mb(a);return void 0===e?f?f[b]:a[d]:void(f?f.scrollTo(c?f.pageXOffset:e,c?e:f.pageYOffset):a[d]=e)},a,d,arguments.length)}}),n.each(["top","left"],function(a,b){n.cssHooks[b]=Ga(l.pixelPosition,function(a,c){return c?(c=Fa(a,b),Ba.test(c)?n(a).position()[b]+"px":c):void 0})}),n.each({Height:"height",Width:"width"},function(a,b){n.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){n.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return K(this,function(b,c,d){var e;return n.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?n.css(b,c,g):n.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),n.fn.extend({bind:function(a,b,c){return this.on(a,null,b,c)},unbind:function(a,b){return this.off(a,null,b)},delegate:function(a,b,c,d){return this.on(b,a,c,d)},undelegate:function(a,b,c){return 1===arguments.length?this.off(a,"**"):this.off(b,a||"**",c)},size:function(){return this.length}}),n.fn.andSelf=n.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return n});var Nb=a.jQuery,Ob=a.$;return n.noConflict=function(b){return a.$===n&&(a.$=Ob),b&&a.jQuery===n&&(a.jQuery=Nb),n},b||(a.jQuery=a.$=n),n});
\ No newline at end of file
diff --git a/static/js/manifest.0d03b3a688c06fae8803.js b/static/js/manifest.098b60779364351c6d9a.js
similarity index 91%
rename from static/js/manifest.0d03b3a688c06fae8803.js
rename to static/js/manifest.098b60779364351c6d9a.js
index 6073c3f..67f77bc 100644
--- a/static/js/manifest.0d03b3a688c06fae8803.js
+++ b/static/js/manifest.098b60779364351c6d9a.js
@@ -1,2 +1,2 @@
-!function(e){function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}var r=window.webpackJsonp;window.webpackJsonp=function(t,c,i){for(var u,a,f,s=0,l=[];s<t.length;s++)a=t[s],o[a]&&l.push(o[a][0]),o[a]=0;for(u in c)Object.prototype.hasOwnProperty.call(c,u)&&(e[u]=c[u]);for(r&&r(t,c,i);l.length;)l.shift()();if(i)for(s=0;s<i.length;s++)f=n(n.s=i[s]);return f};var t={},o={2:0};n.e=function(e){function r(){u.onerror=u.onload=null,clearTimeout(a);var n=o[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),o[e]=void 0)}var t=o[e];if(0===t)return new Promise(function(e){e()});if(t)return t[2];var c=new Promise(function(n,r){t=o[e]=[n,r]});t[2]=c;var i=document.getElementsByTagName("head")[0],u=document.createElement("script");u.type="text/javascript",u.charset="utf-8",u.async=!0,u.timeout=12e4,n.nc&&u.setAttribute("nonce",n.nc),u.src=n.p+"static/js/"+e+"."+{0:"b2748adcb1fcd9088587",1:"2beb57354d4fa650cb7f"}[e]+".js";var a=setTimeout(r,12e4);return u.onerror=u.onload=r,i.appendChild(u),c},n.m=e,n.c=t,n.i=function(e){return e},n.d=function(e,r,t){n.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:t})},n.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(r,"a",r),r},n.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},n.p="./",n.oe=function(e){throw console.error(e),e}}([]);
-//# sourceMappingURL=manifest.0d03b3a688c06fae8803.js.map
\ No newline at end of file
+!function(e){function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}var r=window.webpackJsonp;window.webpackJsonp=function(t,c,i){for(var u,a,f,s=0,l=[];s<t.length;s++)a=t[s],o[a]&&l.push(o[a][0]),o[a]=0;for(u in c)Object.prototype.hasOwnProperty.call(c,u)&&(e[u]=c[u]);for(r&&r(t,c,i);l.length;)l.shift()();if(i)for(s=0;s<i.length;s++)f=n(n.s=i[s]);return f};var t={},o={2:0};n.e=function(e){function r(){u.onerror=u.onload=null,clearTimeout(a);var n=o[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),o[e]=void 0)}var t=o[e];if(0===t)return new Promise(function(e){e()});if(t)return t[2];var c=new Promise(function(n,r){t=o[e]=[n,r]});t[2]=c;var i=document.getElementsByTagName("head")[0],u=document.createElement("script");u.type="text/javascript",u.charset="utf-8",u.async=!0,u.timeout=12e4,n.nc&&u.setAttribute("nonce",n.nc),u.src=n.p+"static/js/"+e+"."+{0:"b2748adcb1fcd9088587",1:"654e7579b06995e830a6"}[e]+".js";var a=setTimeout(r,12e4);return u.onerror=u.onload=r,i.appendChild(u),c},n.m=e,n.c=t,n.i=function(e){return e},n.d=function(e,r,t){n.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:t})},n.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(r,"a",r),r},n.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},n.p="./",n.oe=function(e){throw console.error(e),e}}([]);
+//# sourceMappingURL=manifest.098b60779364351c6d9a.js.map
\ No newline at end of file
diff --git a/static/js/manifest.0d03b3a688c06fae8803.js.map b/static/js/manifest.098b60779364351c6d9a.js.map
similarity index 95%
rename from static/js/manifest.0d03b3a688c06fae8803.js.map
rename to static/js/manifest.098b60779364351c6d9a.js.map
index ea434a6..a3399c5 100644
--- a/static/js/manifest.0d03b3a688c06fae8803.js.map
+++ b/static/js/manifest.098b60779364351c6d9a.js.map
@@ -1 +1 @@
-{"version":3,"sources":["webpack:///static/js/manifest.0d03b3a688c06fae8803.js","webpack:///webpack/bootstrap 6a8efc0d2266134195ee"],"names":["modules","__webpack_require__","moduleId","installedModules","exports","module","i","l","call","parentJsonpFunction","window","chunkIds","moreModules","executeModules","chunkId","result","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","shift","s","2","e","onScriptComplete","script","onerror","onload","clearTimeout","timeout","chunk","Error","undefined","installedChunkData","Promise","resolve","promise","reject","head","document","getElementsByTagName","createElement","type","charset","async","nc","setAttribute","src","p","0","1","setTimeout","appendChild","m","c","value","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","oe","err","console","error"],"mappings":"CAAS,SAAUA,GCuCnB,QAAAC,GAAAC,GAGA,GAAAC,EAAAD,GACA,MAAAC,GAAAD,GAAAE,OAGA,IAAAC,GAAAF,EAAAD,IACAI,EAAAJ,EACAK,GAAA,EACAH,WAUA,OANAJ,GAAAE,GAAAM,KAAAH,EAAAD,QAAAC,IAAAD,QAAAH,GAGAI,EAAAE,GAAA,EAGAF,EAAAD,QA1DA,GAAAK,GAAAC,OAAA,YACAA,QAAA,sBAAAC,EAAAC,EAAAC,GAIA,IADA,GAAAX,GAAAY,EAAAC,EAAAT,EAAA,EAAAU,KACQV,EAAAK,EAAAM,OAAoBX,IAC5BQ,EAAAH,EAAAL,GACAY,EAAAJ,IACAE,EAAAG,KAAAD,EAAAJ,GAAA,IAEAI,EAAAJ,GAAA,CAEA,KAAAZ,IAAAU,GACAQ,OAAAC,UAAAC,eAAAd,KAAAI,EAAAV,KACAF,EAAAE,GAAAU,EAAAV,GAIA,KADAO,KAAAE,EAAAC,EAAAC,GACAG,EAAAC,QACAD,EAAAO,SAEA,IAAAV,EACA,IAAAP,EAAA,EAAYA,EAAAO,EAAAI,OAA2BX,IACvCS,EAAAd,IAAAuB,EAAAX,EAAAP,GAGA,OAAAS,GAIA,IAAAZ,MAGAe,GACAO,EAAA,EA6BAxB,GAAAyB,EAAA,SAAAZ,GA+BA,QAAAa,KAEAC,EAAAC,QAAAD,EAAAE,OAAA,KACAC,aAAAC,EACA,IAAAC,GAAAf,EAAAJ,EACA,KAAAmB,IACAA,GACAA,EAAA,MAAAC,OAAA,iBAAApB,EAAA,aAEAI,EAAAJ,OAAAqB,IAvCA,GAAAC,GAAAlB,EAAAJ,EACA,QAAAsB,EACA,UAAAC,SAAA,SAAAC,GAA0CA,KAI1C,IAAAF,EACA,MAAAA,GAAA,EAIA,IAAAG,GAAA,GAAAF,SAAA,SAAAC,EAAAE,GACAJ,EAAAlB,EAAAJ,IAAAwB,EAAAE,IAEAJ,GAAA,GAAAG,CAGA,IAAAE,GAAAC,SAAAC,qBAAA,WACAf,EAAAc,SAAAE,cAAA,SACAhB,GAAAiB,KAAA,kBACAjB,EAAAkB,QAAA,QACAlB,EAAAmB,OAAA,EACAnB,EAAAI,QAAA,KAEA/B,EAAA+C,IACApB,EAAAqB,aAAA,QAAAhD,EAAA+C,IAEApB,EAAAsB,IAAAjD,EAAAkD,EAAA,aAAArC,EAAA,KAAwEsC,EAAA,uBAAAC,EAAA,wBAAsDvC,GAAA,KAC9H,IAAAkB,GAAAsB,WAAA3B,EAAA,KAgBA,OAfAC,GAAAC,QAAAD,EAAAE,OAAAH,EAaAc,EAAAc,YAAA3B,GAEAW,GAIAtC,EAAAuD,EAAAxD,EAGAC,EAAAwD,EAAAtD,EAGAF,EAAAK,EAAA,SAAAoD,GAA2C,MAAAA,IAG3CzD,EAAA0D,EAAA,SAAAvD,EAAAwD,EAAAC,GACA5D,EAAA6D,EAAA1D,EAAAwD,IACAxC,OAAA2C,eAAA3D,EAAAwD,GACAI,cAAA,EACAC,YAAA,EACAC,IAAAL,KAMA5D,EAAAkE,EAAA,SAAA9D,GACA,GAAAwD,GAAAxD,KAAA+D,WACA,WAA2B,MAAA/D,GAAA,SAC3B,WAAiC,MAAAA,GAEjC,OADAJ,GAAA0D,EAAAE,EAAA,IAAAA,GACAA,GAIA5D,EAAA6D,EAAA,SAAAO,EAAAC,GAAsD,MAAAlD,QAAAC,UAAAC,eAAAd,KAAA6D,EAAAC,IAGtDrE,EAAAkD,EAAA,KAGAlD,EAAAsE,GAAA,SAAAC,GAA8D,KAApBC,SAAAC,MAAAF,GAAoBA","file":"static/js/manifest.0d03b3a688c06fae8803.js","sourcesContent":["/******/ (function(modules) { // webpackBootstrap\n/******/ \t// install a JSONP callback for chunk loading\n/******/ \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n/******/ \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n/******/ \t\t// add \"moreModules\" to the modules object,\n/******/ \t\t// then flag all \"chunkIds\" as loaded and fire callback\n/******/ \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n/******/ \t\tfor(;i < chunkIds.length; i++) {\n/******/ \t\t\tchunkId = chunkIds[i];\n/******/ \t\t\tif(installedChunks[chunkId]) {\n/******/ \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n/******/ \t\t\t}\n/******/ \t\t\tinstalledChunks[chunkId] = 0;\n/******/ \t\t}\n/******/ \t\tfor(moduleId in moreModules) {\n/******/ \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n/******/ \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n/******/ \t\t\t}\n/******/ \t\t}\n/******/ \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n/******/ \t\twhile(resolves.length) {\n/******/ \t\t\tresolves.shift()();\n/******/ \t\t}\n/******/ \t\tif(executeModules) {\n/******/ \t\t\tfor(i=0; i < executeModules.length; i++) {\n/******/ \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n/******/ \t\t\t}\n/******/ \t\t}\n/******/ \t\treturn result;\n/******/ \t};\n/******/\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// objects to store loaded and loading chunks\n/******/ \tvar installedChunks = {\n/******/ \t\t2: 0\n/******/ \t};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId]) {\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/ \t// This file contains only the entry chunk.\n/******/ \t// The chunk loading function for additional chunks\n/******/ \t__webpack_require__.e = function requireEnsure(chunkId) {\n/******/ \t\tvar installedChunkData = installedChunks[chunkId];\n/******/ \t\tif(installedChunkData === 0) {\n/******/ \t\t\treturn new Promise(function(resolve) { resolve(); });\n/******/ \t\t}\n/******/\n/******/ \t\t// a Promise means \"currently loading\".\n/******/ \t\tif(installedChunkData) {\n/******/ \t\t\treturn installedChunkData[2];\n/******/ \t\t}\n/******/\n/******/ \t\t// setup Promise in chunk cache\n/******/ \t\tvar promise = new Promise(function(resolve, reject) {\n/******/ \t\t\tinstalledChunkData = installedChunks[chunkId] = [resolve, reject];\n/******/ \t\t});\n/******/ \t\tinstalledChunkData[2] = promise;\n/******/\n/******/ \t\t// start chunk loading\n/******/ \t\tvar head = document.getElementsByTagName('head')[0];\n/******/ \t\tvar script = document.createElement('script');\n/******/ \t\tscript.type = 'text/javascript';\n/******/ \t\tscript.charset = 'utf-8';\n/******/ \t\tscript.async = true;\n/******/ \t\tscript.timeout = 120000;\n/******/\n/******/ \t\tif (__webpack_require__.nc) {\n/******/ \t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n/******/ \t\t}\n/******/ \t\tscript.src = __webpack_require__.p + \"static/js/\" + chunkId + \".\" + {\"0\":\"b2748adcb1fcd9088587\",\"1\":\"2beb57354d4fa650cb7f\"}[chunkId] + \".js\";\n/******/ \t\tvar timeout = setTimeout(onScriptComplete, 120000);\n/******/ \t\tscript.onerror = script.onload = onScriptComplete;\n/******/ \t\tfunction onScriptComplete() {\n/******/ \t\t\t// avoid mem leaks in IE.\n/******/ \t\t\tscript.onerror = script.onload = null;\n/******/ \t\t\tclearTimeout(timeout);\n/******/ \t\t\tvar chunk = installedChunks[chunkId];\n/******/ \t\t\tif(chunk !== 0) {\n/******/ \t\t\t\tif(chunk) {\n/******/ \t\t\t\t\tchunk[1](new Error('Loading chunk ' + chunkId + ' failed.'));\n/******/ \t\t\t\t}\n/******/ \t\t\t\tinstalledChunks[chunkId] = undefined;\n/******/ \t\t\t}\n/******/ \t\t};\n/******/ \t\thead.appendChild(script);\n/******/\n/******/ \t\treturn promise;\n/******/ \t};\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// identity function for calling harmony imports with the correct context\n/******/ \t__webpack_require__.i = function(value) { return value; };\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, {\n/******/ \t\t\t\tconfigurable: false,\n/******/ \t\t\t\tenumerable: true,\n/******/ \t\t\t\tget: getter\n/******/ \t\t\t});\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"./\";\n/******/\n/******/ \t// on error function for async loading\n/******/ \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n/******/ })\n/************************************************************************/\n/******/ ([]);\n\n\n// WEBPACK FOOTER //\n// static/js/manifest.0d03b3a688c06fae8803.js"," \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t2: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n \t// This file contains only the entry chunk.\n \t// The chunk loading function for additional chunks\n \t__webpack_require__.e = function requireEnsure(chunkId) {\n \t\tvar installedChunkData = installedChunks[chunkId];\n \t\tif(installedChunkData === 0) {\n \t\t\treturn new Promise(function(resolve) { resolve(); });\n \t\t}\n\n \t\t// a Promise means \"currently loading\".\n \t\tif(installedChunkData) {\n \t\t\treturn installedChunkData[2];\n \t\t}\n\n \t\t// setup Promise in chunk cache\n \t\tvar promise = new Promise(function(resolve, reject) {\n \t\t\tinstalledChunkData = installedChunks[chunkId] = [resolve, reject];\n \t\t});\n \t\tinstalledChunkData[2] = promise;\n\n \t\t// start chunk loading\n \t\tvar head = document.getElementsByTagName('head')[0];\n \t\tvar script = document.createElement('script');\n \t\tscript.type = 'text/javascript';\n \t\tscript.charset = 'utf-8';\n \t\tscript.async = true;\n \t\tscript.timeout = 120000;\n\n \t\tif (__webpack_require__.nc) {\n \t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n \t\t}\n \t\tscript.src = __webpack_require__.p + \"static/js/\" + chunkId + \".\" + {\"0\":\"b2748adcb1fcd9088587\",\"1\":\"2beb57354d4fa650cb7f\"}[chunkId] + \".js\";\n \t\tvar timeout = setTimeout(onScriptComplete, 120000);\n \t\tscript.onerror = script.onload = onScriptComplete;\n \t\tfunction onScriptComplete() {\n \t\t\t// avoid mem leaks in IE.\n \t\t\tscript.onerror = script.onload = null;\n \t\t\tclearTimeout(timeout);\n \t\t\tvar chunk = installedChunks[chunkId];\n \t\t\tif(chunk !== 0) {\n \t\t\t\tif(chunk) {\n \t\t\t\t\tchunk[1](new Error('Loading chunk ' + chunkId + ' failed.'));\n \t\t\t\t}\n \t\t\t\tinstalledChunks[chunkId] = undefined;\n \t\t\t}\n \t\t};\n \t\thead.appendChild(script);\n\n \t\treturn promise;\n \t};\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// identity function for calling harmony imports with the correct context\n \t__webpack_require__.i = function(value) { return value; };\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"./\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 6a8efc0d2266134195ee"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack:///static/js/manifest.098b60779364351c6d9a.js","webpack:///webpack/bootstrap d2298dcc5ce132e79378"],"names":["modules","__webpack_require__","moduleId","installedModules","exports","module","i","l","call","parentJsonpFunction","window","chunkIds","moreModules","executeModules","chunkId","result","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","shift","s","2","e","onScriptComplete","script","onerror","onload","clearTimeout","timeout","chunk","Error","undefined","installedChunkData","Promise","resolve","promise","reject","head","document","getElementsByTagName","createElement","type","charset","async","nc","setAttribute","src","p","0","1","setTimeout","appendChild","m","c","value","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","oe","err","console","error"],"mappings":"CAAS,SAAUA,GCuCnB,QAAAC,GAAAC,GAGA,GAAAC,EAAAD,GACA,MAAAC,GAAAD,GAAAE,OAGA,IAAAC,GAAAF,EAAAD,IACAI,EAAAJ,EACAK,GAAA,EACAH,WAUA,OANAJ,GAAAE,GAAAM,KAAAH,EAAAD,QAAAC,IAAAD,QAAAH,GAGAI,EAAAE,GAAA,EAGAF,EAAAD,QA1DA,GAAAK,GAAAC,OAAA,YACAA,QAAA,sBAAAC,EAAAC,EAAAC,GAIA,IADA,GAAAX,GAAAY,EAAAC,EAAAT,EAAA,EAAAU,KACQV,EAAAK,EAAAM,OAAoBX,IAC5BQ,EAAAH,EAAAL,GACAY,EAAAJ,IACAE,EAAAG,KAAAD,EAAAJ,GAAA,IAEAI,EAAAJ,GAAA,CAEA,KAAAZ,IAAAU,GACAQ,OAAAC,UAAAC,eAAAd,KAAAI,EAAAV,KACAF,EAAAE,GAAAU,EAAAV,GAIA,KADAO,KAAAE,EAAAC,EAAAC,GACAG,EAAAC,QACAD,EAAAO,SAEA,IAAAV,EACA,IAAAP,EAAA,EAAYA,EAAAO,EAAAI,OAA2BX,IACvCS,EAAAd,IAAAuB,EAAAX,EAAAP,GAGA,OAAAS,GAIA,IAAAZ,MAGAe,GACAO,EAAA,EA6BAxB,GAAAyB,EAAA,SAAAZ,GA+BA,QAAAa,KAEAC,EAAAC,QAAAD,EAAAE,OAAA,KACAC,aAAAC,EACA,IAAAC,GAAAf,EAAAJ,EACA,KAAAmB,IACAA,GACAA,EAAA,MAAAC,OAAA,iBAAApB,EAAA,aAEAI,EAAAJ,OAAAqB,IAvCA,GAAAC,GAAAlB,EAAAJ,EACA,QAAAsB,EACA,UAAAC,SAAA,SAAAC,GAA0CA,KAI1C,IAAAF,EACA,MAAAA,GAAA,EAIA,IAAAG,GAAA,GAAAF,SAAA,SAAAC,EAAAE,GACAJ,EAAAlB,EAAAJ,IAAAwB,EAAAE,IAEAJ,GAAA,GAAAG,CAGA,IAAAE,GAAAC,SAAAC,qBAAA,WACAf,EAAAc,SAAAE,cAAA,SACAhB,GAAAiB,KAAA,kBACAjB,EAAAkB,QAAA,QACAlB,EAAAmB,OAAA,EACAnB,EAAAI,QAAA,KAEA/B,EAAA+C,IACApB,EAAAqB,aAAA,QAAAhD,EAAA+C,IAEApB,EAAAsB,IAAAjD,EAAAkD,EAAA,aAAArC,EAAA,KAAwEsC,EAAA,uBAAAC,EAAA,wBAAsDvC,GAAA,KAC9H,IAAAkB,GAAAsB,WAAA3B,EAAA,KAgBA,OAfAC,GAAAC,QAAAD,EAAAE,OAAAH,EAaAc,EAAAc,YAAA3B,GAEAW,GAIAtC,EAAAuD,EAAAxD,EAGAC,EAAAwD,EAAAtD,EAGAF,EAAAK,EAAA,SAAAoD,GAA2C,MAAAA,IAG3CzD,EAAA0D,EAAA,SAAAvD,EAAAwD,EAAAC,GACA5D,EAAA6D,EAAA1D,EAAAwD,IACAxC,OAAA2C,eAAA3D,EAAAwD,GACAI,cAAA,EACAC,YAAA,EACAC,IAAAL,KAMA5D,EAAAkE,EAAA,SAAA9D,GACA,GAAAwD,GAAAxD,KAAA+D,WACA,WAA2B,MAAA/D,GAAA,SAC3B,WAAiC,MAAAA,GAEjC,OADAJ,GAAA0D,EAAAE,EAAA,IAAAA,GACAA,GAIA5D,EAAA6D,EAAA,SAAAO,EAAAC,GAAsD,MAAAlD,QAAAC,UAAAC,eAAAd,KAAA6D,EAAAC,IAGtDrE,EAAAkD,EAAA,KAGAlD,EAAAsE,GAAA,SAAAC,GAA8D,KAApBC,SAAAC,MAAAF,GAAoBA","file":"static/js/manifest.098b60779364351c6d9a.js","sourcesContent":["/******/ (function(modules) { // webpackBootstrap\n/******/ \t// install a JSONP callback for chunk loading\n/******/ \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n/******/ \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n/******/ \t\t// add \"moreModules\" to the modules object,\n/******/ \t\t// then flag all \"chunkIds\" as loaded and fire callback\n/******/ \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n/******/ \t\tfor(;i < chunkIds.length; i++) {\n/******/ \t\t\tchunkId = chunkIds[i];\n/******/ \t\t\tif(installedChunks[chunkId]) {\n/******/ \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n/******/ \t\t\t}\n/******/ \t\t\tinstalledChunks[chunkId] = 0;\n/******/ \t\t}\n/******/ \t\tfor(moduleId in moreModules) {\n/******/ \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n/******/ \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n/******/ \t\t\t}\n/******/ \t\t}\n/******/ \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n/******/ \t\twhile(resolves.length) {\n/******/ \t\t\tresolves.shift()();\n/******/ \t\t}\n/******/ \t\tif(executeModules) {\n/******/ \t\t\tfor(i=0; i < executeModules.length; i++) {\n/******/ \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n/******/ \t\t\t}\n/******/ \t\t}\n/******/ \t\treturn result;\n/******/ \t};\n/******/\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// objects to store loaded and loading chunks\n/******/ \tvar installedChunks = {\n/******/ \t\t2: 0\n/******/ \t};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId]) {\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/ \t// This file contains only the entry chunk.\n/******/ \t// The chunk loading function for additional chunks\n/******/ \t__webpack_require__.e = function requireEnsure(chunkId) {\n/******/ \t\tvar installedChunkData = installedChunks[chunkId];\n/******/ \t\tif(installedChunkData === 0) {\n/******/ \t\t\treturn new Promise(function(resolve) { resolve(); });\n/******/ \t\t}\n/******/\n/******/ \t\t// a Promise means \"currently loading\".\n/******/ \t\tif(installedChunkData) {\n/******/ \t\t\treturn installedChunkData[2];\n/******/ \t\t}\n/******/\n/******/ \t\t// setup Promise in chunk cache\n/******/ \t\tvar promise = new Promise(function(resolve, reject) {\n/******/ \t\t\tinstalledChunkData = installedChunks[chunkId] = [resolve, reject];\n/******/ \t\t});\n/******/ \t\tinstalledChunkData[2] = promise;\n/******/\n/******/ \t\t// start chunk loading\n/******/ \t\tvar head = document.getElementsByTagName('head')[0];\n/******/ \t\tvar script = document.createElement('script');\n/******/ \t\tscript.type = 'text/javascript';\n/******/ \t\tscript.charset = 'utf-8';\n/******/ \t\tscript.async = true;\n/******/ \t\tscript.timeout = 120000;\n/******/\n/******/ \t\tif (__webpack_require__.nc) {\n/******/ \t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n/******/ \t\t}\n/******/ \t\tscript.src = __webpack_require__.p + \"static/js/\" + chunkId + \".\" + {\"0\":\"b2748adcb1fcd9088587\",\"1\":\"654e7579b06995e830a6\"}[chunkId] + \".js\";\n/******/ \t\tvar timeout = setTimeout(onScriptComplete, 120000);\n/******/ \t\tscript.onerror = script.onload = onScriptComplete;\n/******/ \t\tfunction onScriptComplete() {\n/******/ \t\t\t// avoid mem leaks in IE.\n/******/ \t\t\tscript.onerror = script.onload = null;\n/******/ \t\t\tclearTimeout(timeout);\n/******/ \t\t\tvar chunk = installedChunks[chunkId];\n/******/ \t\t\tif(chunk !== 0) {\n/******/ \t\t\t\tif(chunk) {\n/******/ \t\t\t\t\tchunk[1](new Error('Loading chunk ' + chunkId + ' failed.'));\n/******/ \t\t\t\t}\n/******/ \t\t\t\tinstalledChunks[chunkId] = undefined;\n/******/ \t\t\t}\n/******/ \t\t};\n/******/ \t\thead.appendChild(script);\n/******/\n/******/ \t\treturn promise;\n/******/ \t};\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// identity function for calling harmony imports with the correct context\n/******/ \t__webpack_require__.i = function(value) { return value; };\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, {\n/******/ \t\t\t\tconfigurable: false,\n/******/ \t\t\t\tenumerable: true,\n/******/ \t\t\t\tget: getter\n/******/ \t\t\t});\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"./\";\n/******/\n/******/ \t// on error function for async loading\n/******/ \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n/******/ })\n/************************************************************************/\n/******/ ([]);\n\n\n// WEBPACK FOOTER //\n// static/js/manifest.098b60779364351c6d9a.js"," \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t2: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n \t// This file contains only the entry chunk.\n \t// The chunk loading function for additional chunks\n \t__webpack_require__.e = function requireEnsure(chunkId) {\n \t\tvar installedChunkData = installedChunks[chunkId];\n \t\tif(installedChunkData === 0) {\n \t\t\treturn new Promise(function(resolve) { resolve(); });\n \t\t}\n\n \t\t// a Promise means \"currently loading\".\n \t\tif(installedChunkData) {\n \t\t\treturn installedChunkData[2];\n \t\t}\n\n \t\t// setup Promise in chunk cache\n \t\tvar promise = new Promise(function(resolve, reject) {\n \t\t\tinstalledChunkData = installedChunks[chunkId] = [resolve, reject];\n \t\t});\n \t\tinstalledChunkData[2] = promise;\n\n \t\t// start chunk loading\n \t\tvar head = document.getElementsByTagName('head')[0];\n \t\tvar script = document.createElement('script');\n \t\tscript.type = 'text/javascript';\n \t\tscript.charset = 'utf-8';\n \t\tscript.async = true;\n \t\tscript.timeout = 120000;\n\n \t\tif (__webpack_require__.nc) {\n \t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n \t\t}\n \t\tscript.src = __webpack_require__.p + \"static/js/\" + chunkId + \".\" + {\"0\":\"b2748adcb1fcd9088587\",\"1\":\"654e7579b06995e830a6\"}[chunkId] + \".js\";\n \t\tvar timeout = setTimeout(onScriptComplete, 120000);\n \t\tscript.onerror = script.onload = onScriptComplete;\n \t\tfunction onScriptComplete() {\n \t\t\t// avoid mem leaks in IE.\n \t\t\tscript.onerror = script.onload = null;\n \t\t\tclearTimeout(timeout);\n \t\t\tvar chunk = installedChunks[chunkId];\n \t\t\tif(chunk !== 0) {\n \t\t\t\tif(chunk) {\n \t\t\t\t\tchunk[1](new Error('Loading chunk ' + chunkId + ' failed.'));\n \t\t\t\t}\n \t\t\t\tinstalledChunks[chunkId] = undefined;\n \t\t\t}\n \t\t};\n \t\thead.appendChild(script);\n\n \t\treturn promise;\n \t};\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// identity function for calling harmony imports with the correct context\n \t__webpack_require__.i = function(value) { return value; };\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"./\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap d2298dcc5ce132e79378"],"sourceRoot":""}
\ No newline at end of file