首页列表 我的楼盘列表

wp-content/plugins/tospur/Dao/SearchDao.php

 <?php
-class SearchDao{
-    public static function ajax_serachCity(){
-        wp_send_json(SearchDao::searchCity($_GET["cityId"],$_GET['districtId']));
+
+require_once(PLUGIN_DIR . 'Config.php');
+
+class SearchDao
+{
+    public static function ajax_serachCity()
+    {
+        wp_send_json(SearchDao::searchCity($_GET["cityId"], $_GET['districtId']));
     }
 
-    public static function searchCity($cityId = NULL,$districtId = NULL){
+    public static function searchCity($cityId = NULL, $districtId = NULL)
+    {
         global $wpdb;
         $selectName = "cityId as id,cityName as value";
         $where = " where 1=1 ";
         $groupBy = " group by cityId";
         $params = array();
-        if($cityId != NULL && $districtId == NULL){
+        if ($cityId != NULL && $districtId == NULL) {
             $selectName = "districtId as id,districtName as value";
             $where .= " and cityId = %d";
             $params[] = $cityId;
             $groupBy = " group by districtId";
-        }else if($cityId != NULL && $districtId != NULL){
+        } else if ($cityId != NULL && $districtId != NULL) {
             $selectName = "plateId as id,plateName as value";
             $where .= " and cityId = %d and districtId = %d";
             $params[] = $cityId;
             $params[] = $districtId;
             $groupBy = "";
         }
-        $result = $wpdb->get_results($wpdb->prepare('select '.$selectName.' from '.Config::DIC_CITY_TABLE.$where.$groupBy,$params));
+        $result = $wpdb->get_results($wpdb->prepare('select ' . $selectName . ' from ' . Config::DIC_CITY_TABLE . $where . $groupBy, $params));
         return $result;
     }
 
-    public static function ajax_searchArea(){
+    public static function ajax_searchArea()
+    {
         wp_send_json(SearchDao::searchArea($_GET['cityId']));
     }
 
-    public static function searchArea($cityId){
+    public static function searchArea($cityId)
+    {
         global $wpdb;
         $where = " where 1=1";
-        if(isset($_GET['cityId'])){
+        if (isset($_GET['cityId'])) {
             $where .= " and cityId = %d";
         }
-        $result = $wpdb->get_results($wpdb->prepare('select id,priceValue as value from '.Config::DIC_AREA_TABLE.$where,$cityId));
+        $result = $wpdb->get_results($wpdb->prepare('select id,priceValue as value from ' . Config::DIC_AREA_TABLE . $where, $cityId));
         return $result;
     }
 
-    public static function ajax_searchBuildProperty(){
+    public static function ajax_searchBuildProperty()
+    {
         wp_send_json(SearchDao::searchBuildProperty());
     }
 
-    public static function searchBuildProperty(){
+    public static function searchBuildProperty()
+    {
         global $wpdb;
-        $result = $wpdb->get_results('select value as id,literal as value from '.Config::DIC_BUILDPROPERTY_TABLE);
+        $result = $wpdb->get_results('select value as id,literal as value from ' . Config::DIC_BUILDPROPERTY_TABLE);
         return $result;
     }
 
-    public static function ajax_searchRoom(){
+    public static function ajax_searchRoom()
+    {
         wp_send_json(SearchDao::searchRoom());
     }
 
-    public static function searchRoom(){
+    public static function searchRoom()
+    {
         global $wpdb;
-        $result = $wpdb->get_results('select value as id,literal as value from '.Config::DIC_ROOM_TABLE);
+        $result = $wpdb->get_results('select value as id,literal as value from ' . Config::DIC_ROOM_TABLE);
         return $result;
     }
 
-    public static function ajax_searchUnitPriceRange(){
+    public static function ajax_searchUnitPriceRange()
+    {
         wp_send_json(SearchDao::searchUnitPriceRange($_GET['cityId']));
     }
 
-    public static function searchUnitPriceRange($cityId){
+    public static function searchUnitPriceRange($cityId)
+    {
         global $wpdb;
         $where = " where 1=1";
-        if(isset($_GET['cityId'])){
+        if (isset($_GET['cityId'])) {
             $where .= " and cityId = %d";
         }
-        $result = $wpdb->get_results($wpdb->prepare('select id,priceValue as value from '.Config::DIC_UNITPRICERANGE_TABLE.$where,$cityId));
+        $result = $wpdb->get_results($wpdb->prepare('select id,priceValue as value from ' . Config::DIC_UNITPRICERANGE_TABLE . $where, $cityId));
         return $result;
     }
 
-    public static function ajax_searchTotalPrice(){
+    public static function ajax_searchTotalPrice()
+    {
         wp_send_json(SearchDao::searchTotalPrice($_GET['cityId']));
     }
 
-    public static function searchTotalPrice($cityId){
+    public static function searchTotalPrice($cityId)
+    {
         global $wpdb;
         $where = " where 1=1";
-        if(isset($_GET['cityId'])){
-            $where .= " and cityId = ".$cityId;
+        if (isset($_GET['cityId'])) {
+            $where .= " and cityId = " . $cityId;
         }
-        $result = $wpdb->get_results($wpdb->prepare('select id,priceValue as value from '.Config::DIC_TOTALPRICE_TABLE.$where,$cityId));
+        $result = $wpdb->get_results($wpdb->prepare('select id,priceValue as value from ' . Config::DIC_TOTALPRICE_TABLE . $where, $cityId));
         return $result;
     }
 
-    public static function ajax_searchOrganization(){
+    public static function ajax_searchOrganization()
+    {
         wp_send_json(SearchDao::searchOrganization($_GET['parentId']));
     }
 
-    public static function searchOrganization($parentId = NULL){
+    public static function searchOrganization($parentId = NULL)
+    {
         global $wpdb;
         $where = " where 1=1 ";
-        if($parentId != NULL){
-            $where .= " and ParentId =".$parentId;
+        if ($parentId != NULL) {
+            $where .= " and ParentId =" . $parentId;
         }
-        $result = $wpdb->get_results($wpdb->prepare('select Id as id,Name as name from '.Config::TOSPUR_ORGANIZATION_TABLE.$where,$parentId));
+        $result = $wpdb->get_results($wpdb->prepare('select Id as id,Name as name from ' . Config::TOSPUR_ORGANIZATION_TABLE . $where, $parentId));
         return $result;
     }
 
-    public static function getCityNameWithId($cityId){
+    public static function getCityNameWithId($cityId)
+    {
         global $wpdb;
-        $result = $wpdb->get_var($wpdb->prepare("select cityName from ".Config::DIC_CITY_TABLE." where cityId = %d",$cityId));
-        if($result){
+        $result = $wpdb->get_var($wpdb->prepare("select cityName from " . Config::DIC_CITY_TABLE . " where cityId = %d", $cityId));
+        if ($result) {
             return $result;
-        }else{
+        } else {
             return "未知";
         }
     }
 
-    public static function ajax_searchHouse(){
-        wp_send_json(SearchDao::searchHouse($_GET["cityId"],$_GET["districtId"],$_GET["plateId"],$_GET["buildPropertyId"],$_GET["roomId"],$_GET["acreage"],$_GET["totalPrice"],$_GET["searchText"]));
+    public static function ajax_searchHouse()
+    {
+        wp_send_json(SearchDao::searchHouse(
+            array(
+                'cityId' => $_GET['cityId'],
+                'districtId' => $_GET['districtId'],
+                'plateId' => $_GET['plateId'],
+                'buildPropertyId' => $_GET['buildPropertyId'],
+                'roomId' => $_GET['roomId'],
+                'acreage' => $_GET['acreage'],
+                'totalPrice' => $_GET['totalPrice'],
+                'searchText' => $_GET['searchText']
+            )
+        ));
     }
 
-    public static function searchHouse($cityId = 0,$districtId = 0,$plateId = 0,$buildPropertyId = 0,$roomId = 0,$acreage = 0,$totalPrice = 0,$searchText = NULL){
+    public static function searchHouse($array)
+    {
         global $wpdb;
         $params = array();
         $sql = "select * from tospur_house th
  left join (select buildproperty_id,house_area,image_id,house_id as bph_id from a_district_area) ada on th.id = ada.bph_id
-                left join dic_city dc on  th.plate_id = dc.plateId
-                left join (select * from a_house_image group by house_id) hi on th.id = hi.house_id
-                left join (select id,name as iname,path,creattime as itime,alt,image_type from tospur_image) i on hi.image_id = i.id where 1=1";
-        if($cityId!=0  ){
-            $params[] = $cityId;
-            $sql = $sql." and cityId=%d";
-        }
-        if($districtId != 0 ){
-            $params[] = $districtId;
-            $sql = $sql." and districtId=%d";
-        }
-        if($plateId != 0){
-            $params[] = $plateId;
-            $sql = $sql." and plateId=%d";
-        }
-        if( $buildPropertyId != 0){
-            $params[] = $buildPropertyId;
-            $sql = $sql." and buildproperty_id=%d";
-        }
-        if($roomId!=0){
-            $params[] = $roomId;
-            $sql = $sql." and room_id=%d";
-        }
-        if($acreage!=0){
-            $areaArray = explode("-",$acreage);
+ left join (select value as bp_value,literal as bp_literal from dic_buildproperty) dbp on ada.buildproperty_id = dbp.bp_value
+ left join (select plateId,plateName from dic_city) dcp on th.plate_id = dcp.plateId
+ left join (select districtId,districtName from dic_city) dcd on th.district_id = dcd.districtId
+ left join (select cityId,cityName from dic_city) dcc on th.city_id = dcc.cityId
+ left join (select id as rid,value as r_value,literal from dic_room) dr on th.room_id = dr.r_value
+ where 1=1";
+        if ($array['cityId'] > -1) {
+            $params[] = $array['cityId'];
+            $sql = $sql . " and cityId=%d";
+        }
+        if ($array['districtId'] > -1) {
+            $params[] = $array['districtId'];
+            $sql = $sql . " and districtId=%d";
+        }
+        if ($array['plateId'] > -1) {
+            $params[] = $array['plateId'];
+            $sql = $sql . " and plateId=%d";
+        }
+        if ($array['buildPropertyId'] > -1) {
+            $params[] = $array['buildPropertyId'];
+            $sql = $sql . " and buildproperty_id=%d";
+        }
+        if ($array['roomId'] > -1) {
+            $params[] = $array['roomId'];
+            $sql = $sql . " and room_id=%d";
+        }
+        if ($array['acreage'] > -1) {
+            $areaArray = explode("-", $array['acreage']);
             $params[] = $areaArray[0];
             $params[] = $areaArray[1];
-            $sql = $sql." and covered_area between %d and %d";
+            $sql = $sql . " and covered_area between %d and %d";
         }
-        if($totalPrice!=0){
-            $priceArray = explode("-",$totalPrice);
+        if ($array['totalPrice'] > -1) {
+            $priceArray = explode("-", $array['totalPrice']);
             $params[] = $priceArray[0];
             $params[] = $priceArray[1];
-            $sql = $sql." and total_price between %d and %d";
+            $sql = $sql . " and total_price between %d and %d";
+        }
+        if ($array['searchText'] != null) {
+            $params[] = "%" . $array['searchText'] . "%";
+            $sql = $sql . " and name like %s";
+        }
+        if ($array['houseType'] > -1) {
+            $params[] = $array['houseType'];
+            $sql = $sql . " and house_type = %d";
         }
-        if($searchText!=0){
-            $params[] = "%".$searchText."%";
-            $sql = $sql." and name like %s";
+        if ($array['userType'] > -1 && $array['userId'] > -1) {
+            $params[] = $array['userType'];
+            $params[] = $array['userId'];
+            $sql = $sql . " and id in (select house_id from a_house_user where user_type = %d and user_id = %d)";
+        }
+
+        $sql = $sql . " group by bph_id order by th.creattime DESC";
+
+        if ($array['index'] > -1) {
+            $params[] = $array['index'];
+            $sql = $sql . " limit %d,10";
         }
 
-        $sql = $sql." group by bph_id order by th.creattime DESC";
-        print_r($wpdb->prepare($sql,$params));
-        $result = $wpdb->get_results($wpdb->prepare($sql,$params));
+        $result = $wpdb->get_results($wpdb->prepare($sql, $params));
         return $result;
     }
 
-    public static function ajax_searchPhotoType(){
+    public static function ajax_searchPhotoType()
+    {
         wp_send_json(SearchDao::searchPhotoType());
     }
 
-    public static function searchPhotoType(){
+    public static function searchPhotoType()
+    {
         global $wpdb;
-        $result = $wpdb->get_results('select id,photo_name as value from '.Config::DIC_PHOTOTYPE_TABLE);
+        $result = $wpdb->get_results('select id,photo_name as value from ' . Config::DIC_PHOTOTYPE_TABLE);
         return $result;
     }
 }
\ No newline at end of file

wp-content/themes/tospur/css/bookingList.css

+@font-face {
+  font-family: 'iconfont';
+  src: url('http://at.alicdn.com/t/font_1439432624_5842593.eot');
+  src: url('http://at.alicdn.com/t/font_1439432624_5842593.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://at.alicdn.com/t/font_1439432624_5842593.woff') format('woff'), /* chrome、firefox */ url('http://at.alicdn.com/t/font_1439432624_5842593.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('http://at.alicdn.com/t/font_1439432624_5842593.svg#iconfont') format('svg');
+  
+  /* IE9*/
+  /* iOS 4.1- */
+}
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -webkit-text-stroke-width: 0.2px;
+  -moz-osx-font-smoothing: grayscale;
+}
+.search {
+  width: 100%;
+  height: 54px;
+  padding: 10px 10px 10px 5px;
+  position: relative;
+  z-index: 2;
+  background-color: #008cd7;
+  border-bottom: 1px solid #008cd7;
+}
+.search .btn-group {
+  position: static;
+}
+.search .btn-group .btn {
+  color: #ffffff;
+  font-size: 17px;
+  font-weight: bold;
+}
+.search .btn-group .btn:active {
+  box-shadow: none;
+  -webkit-box-shadow: none;
+}
+.search .btn-group .btn .iconfont {
+  color: #ffffff;
+  font-size: 12px;
+  font-weight: normal;
+  margin-left: 5px;
+}
+.search .btn-group .btn .iconfont:after {
+  content: "\e601";
+  position: relative;
+  top: -2px;
+}
+.search .btn-group.open .btn .iconfont:after {
+  content: "\e602";
+}
+.search .btn-group .dropdown-menu {
+  left: 0;
+  width: 100%;
+  height: 300px;
+  padding: 0;
+  border: 0;
+  margin-top: 1px;
+  overflow: hidden;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  -webkit-border-top-left-radius: 0;
+  -webkit-border-top-right-radius: 0;
+  -webkit-border-bottom-left-radius: 0;
+  -webkit-border-bottom-right-radius: 0;
+}
+.search .btn-group .dropdown-menu a {
+  color: #000000;
+  margin: 0 10px;
+  padding: 20px;
+  display: block;
+  border-bottom: 1px solid;
+}
+.search .btn-group .dropdown-menu a.active {
+  color: #008cd7;
+}
+.search .btn-group .dropdown-menu .left-menu {
+  height: 100%;
+  overflow: hidden;
+  padding: 0;
+  background-color: #f9f9f9;
+}
+.search .btn-group .dropdown-menu .left-menu a {
+  margin: 0;
+  border-bottom-color: transparent;
+}
+.search .btn-group .dropdown-menu .left-menu a.active-bg {
+  background-color: #ffffff;
+}
+.search .btn-group .dropdown-menu .right-menu {
+  height: 100%;
+  overflow: hidden;
+  padding: 0;
+}
+.tab {
+  width: 100%;
+  height: 40px;
+  margin-bottom: 0;
+  border-bottom: 1px solid #008cd7;
+}
+.tab li .btn {
+  color: #000000;
+  font-size: 18px;
+  font-weight: bold;
+  position: static;
+}
+.tab li .btn:after {
+  content: "";
+  width: 88%;
+  height: 4px;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: 0 auto;
+}
+.tab li .btn:active {
+  box-shadow: none;
+  -webkit-box-shadow: none;
+}
+.tab li.active .btn:after {
+  background-color: #008cd7;
+}
+.modal .modal-dialog {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+  width: 280px;
+  height: 130px;
+}
+.modal .modal-dialog .modal-content {
+  color: #000000;
+  border: 0;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+  -webkit-border-top-left-radius: 8px;
+  -webkit-border-top-right-radius: 8px;
+  -webkit-border-bottom-left-radius: 8px;
+  -webkit-border-bottom-right-radius: 8px;
+  box-shadow: none;
+  -webkit-box-shadow: none;
+}
+.modal .modal-dialog .modal-content h4 {
+  font-size: 19px;
+  font-weight: bold;
+  margin: 0 20px;
+  padding-top: 15px;
+}
+.modal .modal-dialog .modal-content p {
+  font-size: 16px;
+  margin: 12px 20px 14px;
+}
+.modal .modal-dialog .modal-content .btn {
+  border-top-color: #cfd0d0;
+  background-color: transparent;
+  font-weight: bold;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  -webkit-border-top-left-radius: 0;
+  -webkit-border-top-right-radius: 0;
+  -webkit-border-bottom-left-radius: 0;
+  -webkit-border-bottom-right-radius: 0;
+}
+.modal .modal-dialog .modal-content .btn:active {
+  background-color: #e9e9e9;
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+  -webkit-border-bottom-left-radius: 8px;
+  -webkit-border-bottom-right-radius: 8px;
+  box-shadow: none;
+  -webkit-box-shadow: none;
+}
+.modal .modal-dialog .modal-content .btn:focus {
+  outline: 0;
+}
+.loading {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1040;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+.loading ul {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+  width: 40px;
+  height: 40px;
+}
+.loading ul li {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+}
+.loading ul li:nth-child(1) p:nth-child(2) {
+  animation-delay: -0.9s;
+  -webkit-animation-delay: -0.9s;
+}
+.loading ul li:nth-child(1) p:nth-child(3) {
+  animation-delay: -0.6s;
+  -webkit-animation-delay: -0.6s;
+}
+.loading ul li:nth-child(1) p:nth-child(4) {
+  animation-delay: -0.3s;
+  -webkit-animation-delay: -0.3s;
+}
+.loading ul li:nth-child(2) {
+  transform: rotateZ(45deg);
+  -webkit-transform: rotateZ(45deg);
+}
+.loading ul li:nth-child(2) p:nth-child(1) {
+  animation-delay: -1.1s;
+  -webkit-animation-delay: -1.1s;
+}
+.loading ul li:nth-child(2) p:nth-child(2) {
+  animation-delay: -0.8s;
+  -webkit-animation-delay: -0.8s;
+}
+.loading ul li:nth-child(2) p:nth-child(3) {
+  animation-delay: -0.5s;
+  -webkit-animation-delay: -0.5s;
+}
+.loading ul li:nth-child(2) p:nth-child(4) {
+  animation-delay: -0.2s;
+  -webkit-animation-delay: -0.2s;
+}
+.loading ul li:nth-child(3) {
+  transform: rotateZ(90deg);
+  -webkit-transform: rotateZ(90deg);
+}
+.loading ul li:nth-child(3) p:nth-child(1) {
+  animation-delay: -1s;
+  -webkit-animation-delay: -1s;
+}
+.loading ul li:nth-child(3) p:nth-child(2) {
+  animation-delay: -0.7s;
+  -webkit-animation-delay: -0.7s;
+}
+.loading ul li:nth-child(3) p:nth-child(3) {
+  animation-delay: -0.4s;
+  -webkit-animation-delay: -0.4s;
+}
+.loading ul li:nth-child(3) p:nth-child(4) {
+  animation-delay: -0.1s;
+  -webkit-animation-delay: -0.1s;
+}
+.loading ul li p {
+  width: 10px;
+  height: 10px;
+  margin-bottom: 0;
+  border-top-left-radius: 50%;
+  border-top-right-radius: 50%;
+  border-bottom-left-radius: 50%;
+  border-bottom-right-radius: 50%;
+  -webkit-border-top-left-radius: 50%;
+  -webkit-border-top-right-radius: 50%;
+  -webkit-border-bottom-left-radius: 50%;
+  -webkit-border-bottom-right-radius: 50%;
+  position: absolute;
+  background-color: #ffffff;
+  animation: bouncedelay 1.2s infinite ease-in-out both;
+  -webkit-animation: bouncedelay 1.2s infinite ease-in-out both;
+}
+.loading ul li p:nth-child(1) {
+  top: 0;
+  left: 0;
+}
+.loading ul li p:nth-child(2) {
+  top: 0;
+  right: 0;
+}
+.loading ul li p:nth-child(3) {
+  bottom: 0;
+  right: 0;
+}
+.loading ul li p:nth-child(4) {
+  bottom: 0;
+  left: 0;
+}
+@keyframes bouncedelay {
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+    -webkit-transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+    -webkit-transform: scale(1);
+  }
+}
+@-webkit-keyframes bouncedelay {
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+    -webkit-transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+    -webkit-transform: scale(1);
+  }
+}
+html,
+body {
+  width: 100%;
+  height: 100%;
+}
+body {
+  user-select: none;
+  -webkit-user-select: none;
+  tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  color: #707070;
+  background-color: #f9f9f9;
+}
+a:hover {
+  text-decoration: none;
+}
+#wrapper {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+#wrapper #scroller {
+  padding-bottom: 5px;
+}
+#wrapper #scroller ul {
+  margin-bottom: 0;
+  padding: 0 15px;
+}
+#wrapper #scroller ul li {
+  color: #626262;
+  padding: 20px 0;
+  border-bottom: 1px solid #7d7d7d;
+}
+#wrapper #scroller ul li p {
+  padding-left: 15px;
+  margin-bottom: 0;
+}
+#wrapper #scroller ul li p:nth-child(1) {
+  color: #000000;
+  font-size: 22px;
+  font-weight: bold;
+  margin-bottom: 2px;
+}
+.modal .modal-booking {
+  width: 320px;
+  height: 276px;
+}
+.modal .modal-booking .modal-content h3 {
+  color: #ffffff;
+  font-weight: bold;
+  line-height: 28px;
+  margin: 0;
+  padding: 25px 0 15px 15px;
+  background-color: #008cd7;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+  -webkit-border-top-left-radius: 8px;
+  -webkit-border-top-right-radius: 8px;
+}
+.modal .modal-booking .modal-content ul li {
+  height: 60px;
+  line-height: 60px;
+  color: #959595;
+  font-size: 22px;
+  border-top: 1px solid #7d7d7d;
+}
+.modal .modal-booking .modal-content ul li .iconfont {
+  color: #008cd7;
+  font-size: 18px;
+}
+.modal .modal-booking .modal-content ul li .iconfont:after {
+  content: "\e603";
+  position: absolute;
+  right: 20px;
+}

wp-content/themes/tospur/css/consultantList.css

+@font-face {
+  font-family: 'iconfont';
+  src: url('http://at.alicdn.com/t/font_1439432624_5842593.eot');
+  src: url('http://at.alicdn.com/t/font_1439432624_5842593.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://at.alicdn.com/t/font_1439432624_5842593.woff') format('woff'), /* chrome、firefox */ url('http://at.alicdn.com/t/font_1439432624_5842593.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('http://at.alicdn.com/t/font_1439432624_5842593.svg#iconfont') format('svg');
+  
+  /* IE9*/
+  /* iOS 4.1- */
+}
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -webkit-text-stroke-width: 0.2px;
+  -moz-osx-font-smoothing: grayscale;
+}
+.search {
+  width: 100%;
+  height: 54px;
+  padding: 10px 10px 10px 5px;
+  position: relative;
+  z-index: 2;
+  background-color: #008cd7;
+  border-bottom: 1px solid #008cd7;
+}
+.search .btn-group {
+  position: static;
+}
+.search .btn-group .btn {
+  color: #ffffff;
+  font-size: 17px;
+  font-weight: bold;
+}
+.search .btn-group .btn:active {
+  box-shadow: none;
+  -webkit-box-shadow: none;
+}
+.search .btn-group .btn .iconfont {
+  color: #ffffff;
+  font-size: 12px;
+  font-weight: normal;
+  margin-left: 5px;
+}
+.search .btn-group .btn .iconfont:after {
+  content: "\e601";
+  position: relative;
+  top: -2px;
+}
+.search .btn-group.open .btn .iconfont:after {
+  content: "\e602";
+}
+.search .btn-group .dropdown-menu {
+  left: 0;
+  width: 100%;
+  height: 300px;
+  padding: 0;
+  border: 0;
+  margin-top: 1px;
+  overflow: hidden;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  -webkit-border-top-left-radius: 0;
+  -webkit-border-top-right-radius: 0;
+  -webkit-border-bottom-left-radius: 0;
+  -webkit-border-bottom-right-radius: 0;
+}
+.search .btn-group .dropdown-menu a {
+  color: #000000;
+  margin: 0 10px;
+  padding: 20px;
+  display: block;
+  border-bottom: 1px solid;
+}
+.search .btn-group .dropdown-menu a.active {
+  color: #008cd7;
+}
+.search .btn-group .dropdown-menu .left-menu {
+  height: 100%;
+  overflow: hidden;
+  padding: 0;
+  background-color: #f9f9f9;
+}
+.search .btn-group .dropdown-menu .left-menu a {
+  margin: 0;
+  border-bottom-color: transparent;
+}
+.search .btn-group .dropdown-menu .left-menu a.active-bg {
+  background-color: #ffffff;
+}
+.search .btn-group .dropdown-menu .right-menu {
+  height: 100%;
+  overflow: hidden;
+  padding: 0;
+}
+.tab {
+  width: 100%;
+  height: 40px;
+  margin-bottom: 0;
+  border-bottom: 1px solid #008cd7;
+}
+.tab li .btn {
+  color: #000000;
+  font-size: 18px;
+  font-weight: bold;
+  position: static;
+}
+.tab li .btn:after {
+  content: "";
+  width: 88%;
+  height: 4px;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: 0 auto;
+}
+.tab li .btn:active {
+  box-shadow: none;
+  -webkit-box-shadow: none;
+}
+.tab li.active .btn:after {
+  background-color: #008cd7;
+}
+.modal .modal-dialog {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+  width: 280px;
+  height: 130px;
+}
+.modal .modal-dialog .modal-content {
+  color: #000000;
+  border: 0;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+  -webkit-border-top-left-radius: 8px;
+  -webkit-border-top-right-radius: 8px;
+  -webkit-border-bottom-left-radius: 8px;
+  -webkit-border-bottom-right-radius: 8px;
+  box-shadow: none;
+  -webkit-box-shadow: none;
+}
+.modal .modal-dialog .modal-content h4 {
+  font-size: 19px;
+  font-weight: bold;
+  margin: 0 20px;
+  padding-top: 15px;
+}
+.modal .modal-dialog .modal-content p {
+  font-size: 16px;
+  margin: 12px 20px 14px;
+}
+.modal .modal-dialog .modal-content .btn {
+  border-top-color: #cfd0d0;
+  background-color: transparent;
+  font-weight: bold;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  -webkit-border-top-left-radius: 0;
+  -webkit-border-top-right-radius: 0;
+  -webkit-border-bottom-left-radius: 0;
+  -webkit-border-bottom-right-radius: 0;
+}
+.modal .modal-dialog .modal-content .btn:active {
+  background-color: #e9e9e9;
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+  -webkit-border-bottom-left-radius: 8px;
+  -webkit-border-bottom-right-radius: 8px;
+  box-shadow: none;
+  -webkit-box-shadow: none;
+}
+.modal .modal-dialog .modal-content .btn:focus {
+  outline: 0;
+}
+.loading {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1040;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+.loading ul {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+  width: 40px;
+  height: 40px;
+}
+.loading ul li {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+}
+.loading ul li:nth-child(1) p:nth-child(2) {
+  animation-delay: -0.9s;
+  -webkit-animation-delay: -0.9s;
+}
+.loading ul li:nth-child(1) p:nth-child(3) {
+  animation-delay: -0.6s;
+  -webkit-animation-delay: -0.6s;
+}
+.loading ul li:nth-child(1) p:nth-child(4) {
+  animation-delay: -0.3s;
+  -webkit-animation-delay: -0.3s;
+}
+.loading ul li:nth-child(2) {
+  transform: rotateZ(45deg);
+  -webkit-transform: rotateZ(45deg);
+}
+.loading ul li:nth-child(2) p:nth-child(1) {
+  animation-delay: -1.1s;
+  -webkit-animation-delay: -1.1s;
+}
+.loading ul li:nth-child(2) p:nth-child(2) {
+  animation-delay: -0.8s;
+  -webkit-animation-delay: -0.8s;
+}
+.loading ul li:nth-child(2) p:nth-child(3) {
+  animation-delay: -0.5s;
+  -webkit-animation-delay: -0.5s;
+}
+.loading ul li:nth-child(2) p:nth-child(4) {
+  animation-delay: -0.2s;
+  -webkit-animation-delay: -0.2s;
+}
+.loading ul li:nth-child(3) {
+  transform: rotateZ(90deg);
+  -webkit-transform: rotateZ(90deg);
+}
+.loading ul li:nth-child(3) p:nth-child(1) {
+  animation-delay: -1s;
+  -webkit-animation-delay: -1s;
+}
+.loading ul li:nth-child(3) p:nth-child(2) {
+  animation-delay: -0.7s;
+  -webkit-animation-delay: -0.7s;
+}
+.loading ul li:nth-child(3) p:nth-child(3) {
+  animation-delay: -0.4s;
+  -webkit-animation-delay: -0.4s;
+}
+.loading ul li:nth-child(3) p:nth-child(4) {
+  animation-delay: -0.1s;
+  -webkit-animation-delay: -0.1s;
+}
+.loading ul li p {
+  width: 10px;
+  height: 10px;
+  margin-bottom: 0;
+  border-top-left-radius: 50%;
+  border-top-right-radius: 50%;
+  border-bottom-left-radius: 50%;
+  border-bottom-right-radius: 50%;
+  -webkit-border-top-left-radius: 50%;
+  -webkit-border-top-right-radius: 50%;
+  -webkit-border-bottom-left-radius: 50%;
+  -webkit-border-bottom-right-radius: 50%;
+  position: absolute;
+  background-color: #ffffff;
+  animation: bouncedelay 1.2s infinite ease-in-out both;
+  -webkit-animation: bouncedelay 1.2s infinite ease-in-out both;
+}
+.loading ul li p:nth-child(1) {
+  top: 0;
+  left: 0;
+}
+.loading ul li p:nth-child(2) {
+  top: 0;
+  right: 0;
+}
+.loading ul li p:nth-child(3) {
+  bottom: 0;
+  right: 0;
+}
+.loading ul li p:nth-child(4) {
+  bottom: 0;
+  left: 0;
+}
+@keyframes bouncedelay {
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+    -webkit-transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+    -webkit-transform: scale(1);
+  }
+}
+@-webkit-keyframes bouncedelay {
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+    -webkit-transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+    -webkit-transform: scale(1);
+  }
+}
+html,
+body {
+  width: 100%;
+  height: 100%;
+}
+body {
+  user-select: none;
+  -webkit-user-select: none;
+  tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  color: #707070;
+  background-color: #f9f9f9;
+}
+a:hover {
+  text-decoration: none;
+}
+#wrapper {
+  position: absolute;
+  z-index: 1;
+  top: 54px;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  overflow: hidden;
+}
+#wrapper #scroller {
+  padding-bottom: 5px;
+}
+#wrapper #scroller ul {
+  margin-bottom: 0;
+}
+#wrapper #scroller ul li {
+  width: 100%;
+  height: 106px;
+  padding: 15px 0;
+}
+#wrapper #scroller ul li ol {
+  padding-right: 0;
+}
+#wrapper #scroller ul li ol img {
+  width: 75px;
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+  border-bottom-right-radius: 3px;
+  -webkit-border-top-left-radius: 3px;
+  -webkit-border-top-right-radius: 3px;
+  -webkit-border-bottom-left-radius: 3px;
+  -webkit-border-bottom-right-radius: 3px;
+}
+#wrapper #scroller ul li ol p {
+  color: #000000;
+  font-size: 18px;
+  font-weight: bold;
+  height: 25px;
+  margin-bottom: 0;
+}
+#wrapper #scroller ul li ol .btn {
+  width: 80%;
+  padding: 2px 0;
+  margin-top: 24px;
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  -webkit-border-top-left-radius: 4px;
+  -webkit-border-top-right-radius: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+  -webkit-border-bottom-right-radius: 4px;
+}
+#wrapper #scroller ul li ol .btn.btn-phone {
+  color: #ed6d00;
+  border-color: #ed6d00;
+  background-color: transparent;
+}
+#wrapper #scroller ul li ol .btn.btn-phone span {
+  width: 18px;
+  height: 18px;
+  background: url("../img/orange_phone_icon.png") no-repeat;
+  background-size: cover;
+  -webkit-background-size: cover;
+  display: inline-block;
+  vertical-align: middle;
+}
+#wrapper #scroller ul li ol .btn.btn-booking {
+  color: #008cd7;
+  border-color: #008cd7;
+  background-color: transparent;
+}
+#wrapper #scroller ul li ol .btn.btn-booking span {
+  width: 18px;
+  height: 18px;
+  background: url("../img/blue_bespeak_icon.png") no-repeat;
+  background-size: cover;
+  -webkit-background-size: cover;
+  display: inline-block;
+  vertical-align: middle;
+}
+#wrapper #scroller ul li {
+  border-bottom: 1px solid #7d7d7d;
+}
+#wrapper #scroller ul li ol p:nth-child(3) {
+  font-size: 16px;
+  color: #626262;
+  font-weight: normal;
+}

wp-content/themes/tospur/css/consultantShop.css

 @font-face {
   font-family: 'iconfont';
-  src: url('http://at.alicdn.com/t/font_1439179733_4587424.eot');
-  src: url('http://at.alicdn.com/t/font_1439179733_4587424.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://at.alicdn.com/t/font_1439179733_4587424.woff') format('woff'), /* chrome、firefox */ url('http://at.alicdn.com/t/font_1439179733_4587424.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('http://at.alicdn.com/t/font_1439179733_4587424.svg#iconfont') format('svg');
+  src: url('http://at.alicdn.com/t/font_1439432624_5842593.eot');
+  src: url('http://at.alicdn.com/t/font_1439432624_5842593.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://at.alicdn.com/t/font_1439432624_5842593.woff') format('woff'), /* chrome、firefox */ url('http://at.alicdn.com/t/font_1439432624_5842593.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('http://at.alicdn.com/t/font_1439432624_5842593.svg#iconfont') format('svg');
   
   /* IE9*/
   /* iOS 4.1- */
@@ -14,32 +14,113 @@
   -webkit-text-stroke-width: 0.2px;
   -moz-osx-font-smoothing: grayscale;
 }
+.search {
+  width: 100%;
+  height: 54px;
+  padding: 10px 10px 10px 5px;
+  position: relative;
+  z-index: 2;
+  background-color: #008cd7;
+  border-bottom: 1px solid #008cd7;
+}
+.search .btn-group {
+  position: static;
+}
+.search .btn-group .btn {
+  color: #ffffff;
+  font-size: 17px;
+  font-weight: bold;
+}
+.search .btn-group .btn:active {
+  box-shadow: none;
+  -webkit-box-shadow: none;
+}
+.search .btn-group .btn .iconfont {
+  color: #ffffff;
+  font-size: 12px;
+  font-weight: normal;
+  margin-left: 5px;
+}
+.search .btn-group .btn .iconfont:after {
+  content: "\e601";
+  position: relative;
+  top: -2px;
+}
+.search .btn-group.open .btn .iconfont:after {
+  content: "\e602";
+}
+.search .btn-group .dropdown-menu {
+  left: 0;
+  width: 100%;
+  height: 300px;
+  padding: 0;
+  border: 0;
+  margin-top: 1px;
+  overflow: hidden;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  -webkit-border-top-left-radius: 0;
+  -webkit-border-top-right-radius: 0;
+  -webkit-border-bottom-left-radius: 0;
+  -webkit-border-bottom-right-radius: 0;
+}
+.search .btn-group .dropdown-menu a {
+  color: #000000;
+  margin: 0 10px;
+  padding: 20px;
+  display: block;
+  border-bottom: 1px solid;
+}
+.search .btn-group .dropdown-menu a.active {
+  color: #008cd7;
+}
+.search .btn-group .dropdown-menu .left-menu {
+  height: 100%;
+  overflow: hidden;
+  padding: 0;
+  background-color: #f9f9f9;
+}
+.search .btn-group .dropdown-menu .left-menu a {
+  margin: 0;
+  border-bottom-color: transparent;
+}
+.search .btn-group .dropdown-menu .left-menu a.active-bg {
+  background-color: #ffffff;
+}
+.search .btn-group .dropdown-menu .right-menu {
+  height: 100%;
+  overflow: hidden;
+  padding: 0;
+}
 .tab {
   width: 100%;
   height: 40px;
   margin-bottom: 0;
   border-bottom: 1px solid #008cd7;
 }
-.tab li a {
+.tab li .btn {
   color: #000000;
   font-size: 18px;
   font-weight: bold;
+  position: static;
 }
-.tab li a:after {
+.tab li .btn:after {
   content: "";
   width: 88%;
   height: 4px;
   position: absolute;
-  bottom: -1px;
+  bottom: 0;
   left: 0;
   right: 0;
   margin: 0 auto;
 }
-.tab li a:active {
+.tab li .btn:active {
   box-shadow: none;
   -webkit-box-shadow: none;
 }
-.tab li.active a:after {
+.tab li.active .btn:after {
   background-color: #008cd7;
 }
 .modal .modal-dialog {
@@ -90,17 +171,150 @@
   -webkit-border-bottom-right-radius: 0;
 }
 .modal .modal-dialog .modal-content .btn:active {
-  box-shadow: none;
-  -webkit-box-shadow: none;
   background-color: #e9e9e9;
   border-bottom-left-radius: 8px;
   border-bottom-right-radius: 8px;
   -webkit-border-bottom-left-radius: 8px;
   -webkit-border-bottom-right-radius: 8px;
+  box-shadow: none;
+  -webkit-box-shadow: none;
 }
 .modal .modal-dialog .modal-content .btn:focus {
   outline: 0;
 }
+.loading {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1040;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+.loading ul {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+  width: 40px;
+  height: 40px;
+}
+.loading ul li {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+}
+.loading ul li:nth-child(1) p:nth-child(2) {
+  animation-delay: -0.9s;
+  -webkit-animation-delay: -0.9s;
+}
+.loading ul li:nth-child(1) p:nth-child(3) {
+  animation-delay: -0.6s;
+  -webkit-animation-delay: -0.6s;
+}
+.loading ul li:nth-child(1) p:nth-child(4) {
+  animation-delay: -0.3s;
+  -webkit-animation-delay: -0.3s;
+}
+.loading ul li:nth-child(2) {
+  transform: rotateZ(45deg);
+  -webkit-transform: rotateZ(45deg);
+}
+.loading ul li:nth-child(2) p:nth-child(1) {
+  animation-delay: -1.1s;
+  -webkit-animation-delay: -1.1s;
+}
+.loading ul li:nth-child(2) p:nth-child(2) {
+  animation-delay: -0.8s;
+  -webkit-animation-delay: -0.8s;
+}
+.loading ul li:nth-child(2) p:nth-child(3) {
+  animation-delay: -0.5s;
+  -webkit-animation-delay: -0.5s;
+}
+.loading ul li:nth-child(2) p:nth-child(4) {
+  animation-delay: -0.2s;
+  -webkit-animation-delay: -0.2s;
+}
+.loading ul li:nth-child(3) {
+  transform: rotateZ(90deg);
+  -webkit-transform: rotateZ(90deg);
+}
+.loading ul li:nth-child(3) p:nth-child(1) {
+  animation-delay: -1s;
+  -webkit-animation-delay: -1s;
+}
+.loading ul li:nth-child(3) p:nth-child(2) {
+  animation-delay: -0.7s;
+  -webkit-animation-delay: -0.7s;
+}
+.loading ul li:nth-child(3) p:nth-child(3) {
+  animation-delay: -0.4s;
+  -webkit-animation-delay: -0.4s;
+}
+.loading ul li:nth-child(3) p:nth-child(4) {
+  animation-delay: -0.1s;
+  -webkit-animation-delay: -0.1s;
+}
+.loading ul li p {
+  width: 10px;
+  height: 10px;
+  margin-bottom: 0;
+  border-top-left-radius: 50%;
+  border-top-right-radius: 50%;
+  border-bottom-left-radius: 50%;
+  border-bottom-right-radius: 50%;
+  -webkit-border-top-left-radius: 50%;
+  -webkit-border-top-right-radius: 50%;
+  -webkit-border-bottom-left-radius: 50%;
+  -webkit-border-bottom-right-radius: 50%;
+  position: absolute;
+  background-color: #ffffff;
+  animation: bouncedelay 1.2s infinite ease-in-out both;
+  -webkit-animation: bouncedelay 1.2s infinite ease-in-out both;
+}
+.loading ul li p:nth-child(1) {
+  top: 0;
+  left: 0;
+}
+.loading ul li p:nth-child(2) {
+  top: 0;
+  right: 0;
+}
+.loading ul li p:nth-child(3) {
+  bottom: 0;
+  right: 0;
+}
+.loading ul li p:nth-child(4) {
+  bottom: 0;
+  left: 0;
+}
+@keyframes bouncedelay {
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+    -webkit-transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+    -webkit-transform: scale(1);
+  }
+}
+@-webkit-keyframes bouncedelay {
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+    -webkit-transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+    -webkit-transform: scale(1);
+  }
+}
 html,
 body {
   width: 100%;
@@ -141,7 +355,7 @@ a:hover {
   -webkit-border-bottom-right-radius: 3px;
 }
 .jumbotron ul li p {
-  margin-bottom: 2px;
+  margin: 2px 0 0;
   color: #626262;
   font-size: 18px;
 }
@@ -158,7 +372,7 @@ a:hover {
 }
 .jumbotron #people_wrapper {
   width: 100%;
-  height: 88px;
+  height: 66px;
   line-height: 22px;
   position: relative;
   overflow: hidden;
@@ -166,7 +380,7 @@ a:hover {
 #wrapper {
   position: absolute;
   z-index: 1;
-  top: 275px;
+  top: 252px;
   bottom: 0;
   left: 0;
   width: 100%;
@@ -217,10 +431,11 @@ a:hover {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-#wrapper #scroller .row ul li:first-child {
-  margin-top: 5px;
+#wrapper #scroller .row ul li.address {
+  margin-top: 2px;
+  line-height: 22px;
 }
-#wrapper #scroller .row ul li:first-child .address {
+#wrapper #scroller .row ul li.address span:nth-child(1) {
   color: #000000;
   font-size: 21px;
   font-weight: bold;
@@ -230,23 +445,26 @@ a:hover {
   left: 0;
   right: 10px;
   bottom: 0;
+  font-size: 0;
 }
 #wrapper #scroller .row ul li:last-child .label {
   color: #ff0000;
+  padding: 1px 4px;
   font-size: 9px;
-  padding: 0 4px 1px;
   border: 1px solid #acacac;
-  vertical-align: bottom;
+  margin: 0 5px 0 0;
+  vertical-align: middle;
 }
 #wrapper #scroller .row ul li:last-child span {
   color: #000000;
+  font-size: 15px;
 }
 #wrapper #scroller .row ul li:last-child span em {
   font-style: normal;
 }
 #wrapper #scroller .row ul li:last-child span em:nth-child(1) {
   color: #ff0000;
-  font-size: 21px;
+  font-size: 19px;
   font-weight: bold;
 }
 #wrapper #scroller .row ul li:last-child span em:nth-child(2) {
@@ -263,6 +481,9 @@ a:hover {
   -webkit-box-orient: vertical;
   white-space: normal;
 }
+#wrapper #scroller .row ul li span:nth-child(2) {
+  margin-left: 20px;
+}
 .footer {
   width: 100%;
   height: 45px;

wp-content/themes/tospur/css/detail.css

 @font-face {
   font-family: 'iconfont';
-  src: url('http://at.alicdn.com/t/font_1439179733_4587424.eot');
-  src: url('http://at.alicdn.com/t/font_1439179733_4587424.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://at.alicdn.com/t/font_1439179733_4587424.woff') format('woff'), /* chrome、firefox */ url('http://at.alicdn.com/t/font_1439179733_4587424.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('http://at.alicdn.com/t/font_1439179733_4587424.svg#iconfont') format('svg');
+  src: url('http://at.alicdn.com/t/font_1439432624_5842593.eot');
+  src: url('http://at.alicdn.com/t/font_1439432624_5842593.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://at.alicdn.com/t/font_1439432624_5842593.woff') format('woff'), /* chrome、firefox */ url('http://at.alicdn.com/t/font_1439432624_5842593.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('http://at.alicdn.com/t/font_1439432624_5842593.svg#iconfont') format('svg');
   
   /* IE9*/
   /* iOS 4.1- */
@@ -14,32 +14,113 @@
   -webkit-text-stroke-width: 0.2px;
   -moz-osx-font-smoothing: grayscale;
 }
+.search {
+  width: 100%;
+  height: 54px;
+  padding: 10px 10px 10px 5px;
+  position: relative;
+  z-index: 2;
+  background-color: #008cd7;
+  border-bottom: 1px solid #008cd7;
+}
+.search .btn-group {
+  position: static;
+}
+.search .btn-group .btn {
+  color: #ffffff;
+  font-size: 17px;
+  font-weight: bold;
+}
+.search .btn-group .btn:active {
+  box-shadow: none;
+  -webkit-box-shadow: none;
+}
+.search .btn-group .btn .iconfont {
+  color: #ffffff;
+  font-size: 12px;
+  font-weight: normal;
+  margin-left: 5px;
+}
+.search .btn-group .btn .iconfont:after {
+  content: "\e601";
+  position: relative;
+  top: -2px;
+}
+.search .btn-group.open .btn .iconfont:after {
+  content: "\e602";
+}
+.search .btn-group .dropdown-menu {
+  left: 0;
+  width: 100%;
+  height: 300px;
+  padding: 0;
+  border: 0;
+  margin-top: 1px;
+  overflow: hidden;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  -webkit-border-top-left-radius: 0;
+  -webkit-border-top-right-radius: 0;
+  -webkit-border-bottom-left-radius: 0;
+  -webkit-border-bottom-right-radius: 0;
+}
+.search .btn-group .dropdown-menu a {
+  color: #000000;
+  margin: 0 10px;
+  padding: 20px;
+  display: block;
+  border-bottom: 1px solid;
+}
+.search .btn-group .dropdown-menu a.active {
+  color: #008cd7;
+}
+.search .btn-group .dropdown-menu .left-menu {
+  height: 100%;
+  overflow: hidden;
+  padding: 0;
+  background-color: #f9f9f9;
+}
+.search .btn-group .dropdown-menu .left-menu a {
+  margin: 0;
+  border-bottom-color: transparent;
+}
+.search .btn-group .dropdown-menu .left-menu a.active-bg {
+  background-color: #ffffff;
+}
+.search .btn-group .dropdown-menu .right-menu {
+  height: 100%;
+  overflow: hidden;
+  padding: 0;
+}
 .tab {
   width: 100%;
   height: 40px;
   margin-bottom: 0;
   border-bottom: 1px solid #008cd7;
 }
-.tab li a {
+.tab li .btn {
   color: #000000;
   font-size: 18px;
   font-weight: bold;
+  position: static;
 }
-.tab li a:after {
+.tab li .btn:after {
   content: "";
   width: 88%;
   height: 4px;
   position: absolute;
-  bottom: -1px;
+  bottom: 0;
   left: 0;
   right: 0;
   margin: 0 auto;
 }
-.tab li a:active {
+.tab li .btn:active {
   box-shadow: none;
   -webkit-box-shadow: none;
 }
-.tab li.active a:after {
+.tab li.active .btn:after {
   background-color: #008cd7;
 }
 .modal .modal-dialog {
@@ -90,17 +171,150 @@
   -webkit-border-bottom-right-radius: 0;
 }
 .modal .modal-dialog .modal-content .btn:active {
-  box-shadow: none;
-  -webkit-box-shadow: none;
   background-color: #e9e9e9;
   border-bottom-left-radius: 8px;
   border-bottom-right-radius: 8px;
   -webkit-border-bottom-left-radius: 8px;
   -webkit-border-bottom-right-radius: 8px;
+  box-shadow: none;
+  -webkit-box-shadow: none;
 }
 .modal .modal-dialog .modal-content .btn:focus {
   outline: 0;
 }
+.loading {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1040;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+.loading ul {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+  width: 40px;
+  height: 40px;
+}
+.loading ul li {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+}
+.loading ul li:nth-child(1) p:nth-child(2) {
+  animation-delay: -0.9s;
+  -webkit-animation-delay: -0.9s;
+}
+.loading ul li:nth-child(1) p:nth-child(3) {
+  animation-delay: -0.6s;
+  -webkit-animation-delay: -0.6s;
+}
+.loading ul li:nth-child(1) p:nth-child(4) {
+  animation-delay: -0.3s;
+  -webkit-animation-delay: -0.3s;
+}
+.loading ul li:nth-child(2) {
+  transform: rotateZ(45deg);
+  -webkit-transform: rotateZ(45deg);
+}
+.loading ul li:nth-child(2) p:nth-child(1) {
+  animation-delay: -1.1s;
+  -webkit-animation-delay: -1.1s;
+}
+.loading ul li:nth-child(2) p:nth-child(2) {
+  animation-delay: -0.8s;
+  -webkit-animation-delay: -0.8s;
+}
+.loading ul li:nth-child(2) p:nth-child(3) {
+  animation-delay: -0.5s;
+  -webkit-animation-delay: -0.5s;
+}
+.loading ul li:nth-child(2) p:nth-child(4) {
+  animation-delay: -0.2s;
+  -webkit-animation-delay: -0.2s;
+}
+.loading ul li:nth-child(3) {
+  transform: rotateZ(90deg);
+  -webkit-transform: rotateZ(90deg);
+}
+.loading ul li:nth-child(3) p:nth-child(1) {
+  animation-delay: -1s;
+  -webkit-animation-delay: -1s;
+}
+.loading ul li:nth-child(3) p:nth-child(2) {
+  animation-delay: -0.7s;
+  -webkit-animation-delay: -0.7s;
+}
+.loading ul li:nth-child(3) p:nth-child(3) {
+  animation-delay: -0.4s;
+  -webkit-animation-delay: -0.4s;
+}
+.loading ul li:nth-child(3) p:nth-child(4) {
+  animation-delay: -0.1s;
+  -webkit-animation-delay: -0.1s;
+}
+.loading ul li p {
+  width: 10px;
+  height: 10px;
+  margin-bottom: 0;
+  border-top-left-radius: 50%;
+  border-top-right-radius: 50%;
+  border-bottom-left-radius: 50%;
+  border-bottom-right-radius: 50%;
+  -webkit-border-top-left-radius: 50%;
+  -webkit-border-top-right-radius: 50%;
+  -webkit-border-bottom-left-radius: 50%;
+  -webkit-border-bottom-right-radius: 50%;
+  position: absolute;
+  background-color: #ffffff;
+  animation: bouncedelay 1.2s infinite ease-in-out both;
+  -webkit-animation: bouncedelay 1.2s infinite ease-in-out both;
+}
+.loading ul li p:nth-child(1) {
+  top: 0;
+  left: 0;
+}
+.loading ul li p:nth-child(2) {
+  top: 0;
+  right: 0;
+}
+.loading ul li p:nth-child(3) {
+  bottom: 0;
+  right: 0;
+}
+.loading ul li p:nth-child(4) {
+  bottom: 0;
+  left: 0;
+}
+@keyframes bouncedelay {
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+    -webkit-transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+    -webkit-transform: scale(1);
+  }
+}
+@-webkit-keyframes bouncedelay {
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+    -webkit-transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+    -webkit-transform: scale(1);
+  }
+}
 html,
 body {
   width: 100%;
@@ -356,9 +570,6 @@ body {
 .detail_row .peopleCont li ol {
   padding: 0;
 }
-.detail_row .peopleCont li ol:nth-child(2) {
-  padding: 0 10px;
-}
 .detail_row .peopleCont li ol img {
   width: 50px;
   border-top-left-radius: 3px;
@@ -374,13 +585,12 @@ body {
   color: #000000;
   font-size: 18px;
   font-weight: bold;
+  height: 25px;
+  margin-bottom: 0;
 }
-.detail_row .peopleCont li ol .btn-phone {
+.detail_row .peopleCont li ol .btn {
   width: 48%;
-  padding: 3px;
-  color: #ed6d00;
-  border-color: #ed6d00;
-  background-color: transparent;
+  padding: 2px 0;
   margin-top: 12px;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
@@ -391,40 +601,37 @@ body {
   -webkit-border-bottom-left-radius: 4px;
   -webkit-border-bottom-right-radius: 4px;
 }
-.detail_row .peopleCont li ol .btn-phone span {
-  width: 16px;
-  height: 16px;
+.detail_row .peopleCont li ol .btn.btn-phone {
+  color: #ed6d00;
+  border-color: #ed6d00;
+  background-color: transparent;
+}
+.detail_row .peopleCont li ol .btn.btn-phone span {
+  width: 18px;
+  height: 18px;
   background: url("../img/orange_phone_icon.png") no-repeat;
   background-size: cover;
   -webkit-background-size: cover;
   display: inline-block;
   vertical-align: middle;
 }
-.detail_row .peopleCont li ol .btn-bespeak {
-  width: 48%;
-  padding: 3px;
+.detail_row .peopleCont li ol .btn.btn-booking {
   color: #008cd7;
   border-color: #008cd7;
   background-color: transparent;
-  margin-top: 12px;
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
-  border-bottom-left-radius: 4px;
-  border-bottom-right-radius: 4px;
-  -webkit-border-top-left-radius: 4px;
-  -webkit-border-top-right-radius: 4px;
-  -webkit-border-bottom-left-radius: 4px;
-  -webkit-border-bottom-right-radius: 4px;
 }
-.detail_row .peopleCont li ol .btn-bespeak span {
-  width: 16px;
-  height: 16px;
+.detail_row .peopleCont li ol .btn.btn-booking span {
+  width: 18px;
+  height: 18px;
   background: url("../img/blue_bespeak_icon.png") no-repeat;
   background-size: cover;
   -webkit-background-size: cover;
   display: inline-block;
   vertical-align: middle;
 }
+.detail_row .peopleCont li ol:nth-child(2) {
+  padding: 0 10px;
+}
 .footer {
   width: 100%;
   height: 45px;
@@ -503,7 +710,6 @@ body {
   font-size: 0;
 }
 .modal #carousel_wrapper #carousel_scroller ul li {
-  width: 360px;
   height: 100%;
   padding: 0;
   overflow: hidden;

wp-content/themes/tospur/css/form.css

 @font-face {
   font-family: 'iconfont';
-  src: url('http://at.alicdn.com/t/font_1439179733_4587424.eot');
-  src: url('http://at.alicdn.com/t/font_1439179733_4587424.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://at.alicdn.com/t/font_1439179733_4587424.woff') format('woff'), /* chrome、firefox */ url('http://at.alicdn.com/t/font_1439179733_4587424.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('http://at.alicdn.com/t/font_1439179733_4587424.svg#iconfont') format('svg');
+  src: url('http://at.alicdn.com/t/font_1439432624_5842593.eot');
+  src: url('http://at.alicdn.com/t/font_1439432624_5842593.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://at.alicdn.com/t/font_1439432624_5842593.woff') format('woff'), /* chrome、firefox */ url('http://at.alicdn.com/t/font_1439432624_5842593.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('http://at.alicdn.com/t/font_1439432624_5842593.svg#iconfont') format('svg');
   
   /* IE9*/
   /* iOS 4.1- */
@@ -14,32 +14,113 @@
   -webkit-text-stroke-width: 0.2px;
   -moz-osx-font-smoothing: grayscale;
 }
+.search {
+  width: 100%;
+  height: 54px;
+  padding: 10px 10px 10px 5px;
+  position: relative;
+  z-index: 2;
+  background-color: #008cd7;
+  border-bottom: 1px solid #008cd7;
+}
+.search .btn-group {
+  position: static;
+}
+.search .btn-group .btn {
+  color: #ffffff;
+  font-size: 17px;
+  font-weight: bold;
+}
+.search .btn-group .btn:active {
+  box-shadow: none;
+  -webkit-box-shadow: none;
+}
+.search .btn-group .btn .iconfont {
+  color: #ffffff;
+  font-size: 12px;
+  font-weight: normal;
+  margin-left: 5px;
+}
+.search .btn-group .btn .iconfont:after {
+  content: "\e601";
+  position: relative;
+  top: -2px;
+}
+.search .btn-group.open .btn .iconfont:after {
+  content: "\e602";
+}
+.search .btn-group .dropdown-menu {
+  left: 0;
+  width: 100%;
+  height: 300px;
+  padding: 0;
+  border: 0;
+  margin-top: 1px;
+  overflow: hidden;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  -webkit-border-top-left-radius: 0;
+  -webkit-border-top-right-radius: 0;
+  -webkit-border-bottom-left-radius: 0;
+  -webkit-border-bottom-right-radius: 0;
+}
+.search .btn-group .dropdown-menu a {
+  color: #000000;
+  margin: 0 10px;
+  padding: 20px;
+  display: block;
+  border-bottom: 1px solid;
+}
+.search .btn-group .dropdown-menu a.active {
+  color: #008cd7;
+}
+.search .btn-group .dropdown-menu .left-menu {
+  height: 100%;
+  overflow: hidden;
+  padding: 0;
+  background-color: #f9f9f9;
+}
+.search .btn-group .dropdown-menu .left-menu a {
+  margin: 0;
+  border-bottom-color: transparent;
+}
+.search .btn-group .dropdown-menu .left-menu a.active-bg {
+  background-color: #ffffff;
+}
+.search .btn-group .dropdown-menu .right-menu {
+  height: 100%;
+  overflow: hidden;
+  padding: 0;
+}
 .tab {
   width: 100%;
   height: 40px;
   margin-bottom: 0;
   border-bottom: 1px solid #008cd7;
 }
-.tab li a {
+.tab li .btn {
   color: #000000;
   font-size: 18px;
   font-weight: bold;
+  position: static;
 }
-.tab li a:after {
+.tab li .btn:after {
   content: "";
   width: 88%;
   height: 4px;
   position: absolute;
-  bottom: -1px;
+  bottom: 0;
   left: 0;
   right: 0;
   margin: 0 auto;
 }
-.tab li a:active {
+.tab li .btn:active {
   box-shadow: none;
   -webkit-box-shadow: none;
 }
-.tab li.active a:after {
+.tab li.active .btn:after {
   background-color: #008cd7;
 }
 .modal .modal-dialog {
@@ -90,17 +171,150 @@
   -webkit-border-bottom-right-radius: 0;
 }
 .modal .modal-dialog .modal-content .btn:active {
-  box-shadow: none;
-  -webkit-box-shadow: none;
   background-color: #e9e9e9;
   border-bottom-left-radius: 8px;
   border-bottom-right-radius: 8px;
   -webkit-border-bottom-left-radius: 8px;
   -webkit-border-bottom-right-radius: 8px;
+  box-shadow: none;
+  -webkit-box-shadow: none;
 }
 .modal .modal-dialog .modal-content .btn:focus {
   outline: 0;
 }
+.loading {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1040;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+.loading ul {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+  width: 40px;
+  height: 40px;
+}
+.loading ul li {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+}
+.loading ul li:nth-child(1) p:nth-child(2) {
+  animation-delay: -0.9s;
+  -webkit-animation-delay: -0.9s;
+}
+.loading ul li:nth-child(1) p:nth-child(3) {
+  animation-delay: -0.6s;
+  -webkit-animation-delay: -0.6s;
+}
+.loading ul li:nth-child(1) p:nth-child(4) {
+  animation-delay: -0.3s;
+  -webkit-animation-delay: -0.3s;
+}
+.loading ul li:nth-child(2) {
+  transform: rotateZ(45deg);
+  -webkit-transform: rotateZ(45deg);
+}
+.loading ul li:nth-child(2) p:nth-child(1) {
+  animation-delay: -1.1s;
+  -webkit-animation-delay: -1.1s;
+}
+.loading ul li:nth-child(2) p:nth-child(2) {
+  animation-delay: -0.8s;
+  -webkit-animation-delay: -0.8s;
+}
+.loading ul li:nth-child(2) p:nth-child(3) {
+  animation-delay: -0.5s;
+  -webkit-animation-delay: -0.5s;
+}
+.loading ul li:nth-child(2) p:nth-child(4) {
+  animation-delay: -0.2s;
+  -webkit-animation-delay: -0.2s;
+}
+.loading ul li:nth-child(3) {
+  transform: rotateZ(90deg);
+  -webkit-transform: rotateZ(90deg);
+}
+.loading ul li:nth-child(3) p:nth-child(1) {
+  animation-delay: -1s;
+  -webkit-animation-delay: -1s;
+}
+.loading ul li:nth-child(3) p:nth-child(2) {
+  animation-delay: -0.7s;
+  -webkit-animation-delay: -0.7s;
+}
+.loading ul li:nth-child(3) p:nth-child(3) {
+  animation-delay: -0.4s;
+  -webkit-animation-delay: -0.4s;
+}
+.loading ul li:nth-child(3) p:nth-child(4) {
+  animation-delay: -0.1s;
+  -webkit-animation-delay: -0.1s;
+}
+.loading ul li p {
+  width: 10px;
+  height: 10px;
+  margin-bottom: 0;
+  border-top-left-radius: 50%;
+  border-top-right-radius: 50%;
+  border-bottom-left-radius: 50%;
+  border-bottom-right-radius: 50%;
+  -webkit-border-top-left-radius: 50%;
+  -webkit-border-top-right-radius: 50%;
+  -webkit-border-bottom-left-radius: 50%;
+  -webkit-border-bottom-right-radius: 50%;
+  position: absolute;
+  background-color: #ffffff;
+  animation: bouncedelay 1.2s infinite ease-in-out both;
+  -webkit-animation: bouncedelay 1.2s infinite ease-in-out both;
+}
+.loading ul li p:nth-child(1) {
+  top: 0;
+  left: 0;
+}
+.loading ul li p:nth-child(2) {
+  top: 0;
+  right: 0;
+}
+.loading ul li p:nth-child(3) {
+  bottom: 0;
+  right: 0;
+}
+.loading ul li p:nth-child(4) {
+  bottom: 0;
+  left: 0;
+}
+@keyframes bouncedelay {
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+    -webkit-transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+    -webkit-transform: scale(1);
+  }
+}
+@-webkit-keyframes bouncedelay {
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+    -webkit-transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+    -webkit-transform: scale(1);
+  }
+}
 html,
 body {
   width: 100%;
@@ -256,9 +470,6 @@ a:hover {
   margin: 0 5px;
   background-color: rgba(255, 255, 255, 0.4);
 }
-.container-fluid form a:hover {
-  text-decoration: none;
-}
 .container-fluid form a.link-register {
   margin-top: 30%;
   padding-bottom: 25px;

wp-content/themes/tospur/css/infoFeedback.css

+@font-face {
+  font-family: 'iconfont';
+  src: url('http://at.alicdn.com/t/font_1439432624_5842593.eot');
+  src: url('http://at.alicdn.com/t/font_1439432624_5842593.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://at.alicdn.com/t/font_1439432624_5842593.woff') format('woff'), /* chrome、firefox */ url('http://at.alicdn.com/t/font_1439432624_5842593.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('http://at.alicdn.com/t/font_1439432624_5842593.svg#iconfont') format('svg');
+  
+  /* IE9*/
+  /* iOS 4.1- */
+}
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -webkit-text-stroke-width: 0.2px;
+  -moz-osx-font-smoothing: grayscale;
+}
+.search {
+  width: 100%;
+  height: 54px;
+  padding: 10px 10px 10px 5px;
+  position: relative;
+  z-index: 2;
+  background-color: #008cd7;
+  border-bottom: 1px solid #008cd7;
+}
+.search .btn-group {
+  position: static;
+}
+.search .btn-group .btn {
+  color: #ffffff;
+  font-size: 17px;
+  font-weight: bold;
+}
+.search .btn-group .btn:active {
+  box-shadow: none;
+  -webkit-box-shadow: none;
+}
+.search .btn-group .btn .iconfont {
+  color: #ffffff;
+  font-size: 12px;
+  font-weight: normal;
+  margin-left: 5px;
+}
+.search .btn-group .btn .iconfont:after {
+  content: "\e601";
+  position: relative;
+  top: -2px;
+}
+.search .btn-group.open .btn .iconfont:after {
+  content: "\e602";
+}
+.search .btn-group .dropdown-menu {
+  left: 0;
+  width: 100%;
+  height: 300px;
+  padding: 0;
+  border: 0;
+  margin-top: 1px;
+  overflow: hidden;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  -webkit-border-top-left-radius: 0;
+  -webkit-border-top-right-radius: 0;
+  -webkit-border-bottom-left-radius: 0;
+  -webkit-border-bottom-right-radius: 0;
+}
+.search .btn-group .dropdown-menu a {
+  color: #000000;
+  margin: 0 10px;
+  padding: 20px;
+  display: block;
+  border-bottom: 1px solid;
+}
+.search .btn-group .dropdown-menu a.active {
+  color: #008cd7;
+}
+.search .btn-group .dropdown-menu .left-menu {
+  height: 100%;
+  overflow: hidden;
+  padding: 0;
+  background-color: #f9f9f9;
+}
+.search .btn-group .dropdown-menu .left-menu a {
+  margin: 0;
+  border-bottom-color: transparent;
+}
+.search .btn-group .dropdown-menu .left-menu a.active-bg {
+  background-color: #ffffff;
+}
+.search .btn-group .dropdown-menu .right-menu {
+  height: 100%;
+  overflow: hidden;
+  padding: 0;
+}
+.tab {
+  width: 100%;
+  height: 40px;
+  margin-bottom: 0;
+  border-bottom: 1px solid #008cd7;
+}
+.tab li .btn {
+  color: #000000;
+  font-size: 18px;
+  font-weight: bold;
+  position: static;
+}
+.tab li .btn:after {
+  content: "";
+  width: 88%;
+  height: 4px;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: 0 auto;
+}
+.tab li .btn:active {
+  box-shadow: none;
+  -webkit-box-shadow: none;
+}
+.tab li.active .btn:after {
+  background-color: #008cd7;
+}
+.modal .modal-dialog {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+  width: 280px;
+  height: 130px;
+}
+.modal .modal-dialog .modal-content {
+  color: #000000;
+  border: 0;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+  -webkit-border-top-left-radius: 8px;
+  -webkit-border-top-right-radius: 8px;
+  -webkit-border-bottom-left-radius: 8px;
+  -webkit-border-bottom-right-radius: 8px;
+  box-shadow: none;
+  -webkit-box-shadow: none;
+}
+.modal .modal-dialog .modal-content h4 {
+  font-size: 19px;
+  font-weight: bold;
+  margin: 0 20px;
+  padding-top: 15px;
+}
+.modal .modal-dialog .modal-content p {
+  font-size: 16px;
+  margin: 12px 20px 14px;
+}
+.modal .modal-dialog .modal-content .btn {
+  border-top-color: #cfd0d0;
+  background-color: transparent;
+  font-weight: bold;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  -webkit-border-top-left-radius: 0;
+  -webkit-border-top-right-radius: 0;
+  -webkit-border-bottom-left-radius: 0;
+  -webkit-border-bottom-right-radius: 0;
+}
+.modal .modal-dialog .modal-content .btn:active {
+  background-color: #e9e9e9;
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+  -webkit-border-bottom-left-radius: 8px;
+  -webkit-border-bottom-right-radius: 8px;
+  box-shadow: none;
+  -webkit-box-shadow: none;
+}
+.modal .modal-dialog .modal-content .btn:focus {
+  outline: 0;
+}
+.loading {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1040;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+.loading ul {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+  width: 40px;
+  height: 40px;
+}
+.loading ul li {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+}
+.loading ul li:nth-child(1) p:nth-child(2) {
+  animation-delay: -0.9s;
+  -webkit-animation-delay: -0.9s;
+}
+.loading ul li:nth-child(1) p:nth-child(3) {
+  animation-delay: -0.6s;
+  -webkit-animation-delay: -0.6s;
+}
+.loading ul li:nth-child(1) p:nth-child(4) {
+  animation-delay: -0.3s;
+  -webkit-animation-delay: -0.3s;
+}
+.loading ul li:nth-child(2) {
+  transform: rotateZ(45deg);
+  -webkit-transform: rotateZ(45deg);
+}
+.loading ul li:nth-child(2) p:nth-child(1) {
+  animation-delay: -1.1s;
+  -webkit-animation-delay: -1.1s;
+}
+.loading ul li:nth-child(2) p:nth-child(2) {
+  animation-delay: -0.8s;
+  -webkit-animation-delay: -0.8s;
+}
+.loading ul li:nth-child(2) p:nth-child(3) {
+  animation-delay: -0.5s;
+  -webkit-animation-delay: -0.5s;
+}
+.loading ul li:nth-child(2) p:nth-child(4) {
+  animation-delay: -0.2s;
+  -webkit-animation-delay: -0.2s;
+}
+.loading ul li:nth-child(3) {
+  transform: rotateZ(90deg);
+  -webkit-transform: rotateZ(90deg);
+}
+.loading ul li:nth-child(3) p:nth-child(1) {
+  animation-delay: -1s;
+  -webkit-animation-delay: -1s;
+}
+.loading ul li:nth-child(3) p:nth-child(2) {
+  animation-delay: -0.7s;
+  -webkit-animation-delay: -0.7s;
+}
+.loading ul li:nth-child(3) p:nth-child(3) {
+  animation-delay: -0.4s;
+  -webkit-animation-delay: -0.4s;
+}
+.loading ul li:nth-child(3) p:nth-child(4) {
+  animation-delay: -0.1s;
+  -webkit-animation-delay: -0.1s;
+}
+.loading ul li p {
+  width: 10px;
+  height: 10px;
+  margin-bottom: 0;
+  border-top-left-radius: 50%;
+  border-top-right-radius: 50%;
+  border-bottom-left-radius: 50%;
+  border-bottom-right-radius: 50%;
+  -webkit-border-top-left-radius: 50%;
+  -webkit-border-top-right-radius: 50%;
+  -webkit-border-bottom-left-radius: 50%;
+  -webkit-border-bottom-right-radius: 50%;
+  position: absolute;
+  background-color: #ffffff;
+  animation: bouncedelay 1.2s infinite ease-in-out both;
+  -webkit-animation: bouncedelay 1.2s infinite ease-in-out both;
+}
+.loading ul li p:nth-child(1) {
+  top: 0;
+  left: 0;
+}
+.loading ul li p:nth-child(2) {
+  top: 0;
+  right: 0;
+}
+.loading ul li p:nth-child(3) {
+  bottom: 0;
+  right: 0;
+}
+.loading ul li p:nth-child(4) {
+  bottom: 0;
+  left: 0;
+}
+@keyframes bouncedelay {
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+    -webkit-transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+    -webkit-transform: scale(1);
+  }
+}
+@-webkit-keyframes bouncedelay {
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+    -webkit-transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+    -webkit-transform: scale(1);
+  }
+}
+html,
+body {
+  width: 100%;
+  height: 100%;
+}
+body {
+  user-select: none;
+  -webkit-user-select: none;
+  tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  color: #707070;
+  background-color: #f9f9f9;
+}
+a:hover {
+  text-decoration: none;
+}
+.container-fluid p {
+  color: #7d7d7d;
+  font-size: 16px;
+  font-weight: bold;
+  margin: 10% 0 5%;
+}
+.container-fluid .form-control {
+  resize: none;
+  border-color: #e9e9e9;
+  box-shadow: none;
+  -webkit-box-shadow: none;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  -webkit-border-top-left-radius: 0;
+  -webkit-border-top-right-radius: 0;
+  -webkit-border-bottom-left-radius: 0;
+  -webkit-border-bottom-right-radius: 0;
+  -webkit-appearance: none;
+  color: #7d7d7d;
+}
+.container-fluid .form-control::-webkit-input-placeholder {
+  color: #7d7d7d;
+}
+.container-fluid .btn {
+  width: 94%;
+  color: #ffffff;
+  margin: 10% auto;
+  padding: 16px;
+  display: block;
+  background-color: #008cd7;
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  -webkit-border-top-left-radius: 4px;
+  -webkit-border-top-right-radius: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+  -webkit-border-bottom-right-radius: 4px;
+  box-shadow: 0 2px 0 0 #117bb9;
+  -webkit-box-shadow: 0 2px 0 0 #117bb9;
+}

wp-content/themes/tospur/css/list.css

 @font-face {
   font-family: 'iconfont';
-  src: url('http://at.alicdn.com/t/font_1439179733_4587424.eot');
-  src: url('http://at.alicdn.com/t/font_1439179733_4587424.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://at.alicdn.com/t/font_1439179733_4587424.woff') format('woff'), /* chrome、firefox */ url('http://at.alicdn.com/t/font_1439179733_4587424.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('http://at.alicdn.com/t/font_1439179733_4587424.svg#iconfont') format('svg');
+  src: url('http://at.alicdn.com/t/font_1439432624_5842593.eot');
+  src: url('http://at.alicdn.com/t/font_1439432624_5842593.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://at.alicdn.com/t/font_1439432624_5842593.woff') format('woff'), /* chrome、firefox */ url('http://at.alicdn.com/t/font_1439432624_5842593.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('http://at.alicdn.com/t/font_1439432624_5842593.svg#iconfont') format('svg');
   
   /* IE9*/
   /* iOS 4.1- */
@@ -14,32 +14,113 @@
   -webkit-text-stroke-width: 0.2px;
   -moz-osx-font-smoothing: grayscale;
 }
+.search {
+  width: 100%;
+  height: 54px;
+  padding: 10px 10px 10px 5px;
+  position: relative;
+  z-index: 2;
+  background-color: #008cd7;
+  border-bottom: 1px solid #008cd7;
+}
+.search .btn-group {
+  position: static;
+}
+.search .btn-group .btn {
+  color: #ffffff;
+  font-size: 17px;
+  font-weight: bold;
+}
+.search .btn-group .btn:active {
+  box-shadow: none;
+  -webkit-box-shadow: none;
+}
+.search .btn-group .btn .iconfont {
+  color: #ffffff;
+  font-size: 12px;
+  font-weight: normal;
+  margin-left: 5px;
+}
+.search .btn-group .btn .iconfont:after {
+  content: "\e601";
+  position: relative;
+  top: -2px;
+}
+.search .btn-group.open .btn .iconfont:after {
+  content: "\e602";
+}
+.search .btn-group .dropdown-menu {
+  left: 0;
+  width: 100%;
+  height: 300px;
+  padding: 0;
+  border: 0;
+  margin-top: 1px;
+  overflow: hidden;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  -webkit-border-top-left-radius: 0;
+  -webkit-border-top-right-radius: 0;
+  -webkit-border-bottom-left-radius: 0;
+  -webkit-border-bottom-right-radius: 0;
+}
+.search .btn-group .dropdown-menu a {
+  color: #000000;
+  margin: 0 10px;
+  padding: 20px;
+  display: block;
+  border-bottom: 1px solid;
+}
+.search .btn-group .dropdown-menu a.active {
+  color: #008cd7;
+}
+.search .btn-group .dropdown-menu .left-menu {
+  height: 100%;
+  overflow: hidden;
+  padding: 0;
+  background-color: #f9f9f9;
+}
+.search .btn-group .dropdown-menu .left-menu a {
+  margin: 0;
+  border-bottom-color: transparent;
+}
+.search .btn-group .dropdown-menu .left-menu a.active-bg {
+  background-color: #ffffff;
+}
+.search .btn-group .dropdown-menu .right-menu {
+  height: 100%;
+  overflow: hidden;
+  padding: 0;
+}
 .tab {
   width: 100%;
   height: 40px;
   margin-bottom: 0;
   border-bottom: 1px solid #008cd7;
 }
-.tab li a {
+.tab li .btn {
   color: #000000;
   font-size: 18px;
   font-weight: bold;
+  position: static;
 }
-.tab li a:after {
+.tab li .btn:after {
   content: "";
   width: 88%;
   height: 4px;
   position: absolute;
-  bottom: -1px;
+  bottom: 0;
   left: 0;
   right: 0;
   margin: 0 auto;
 }
-.tab li a:active {
+.tab li .btn:active {
   box-shadow: none;
   -webkit-box-shadow: none;
 }
-.tab li.active a:after {
+.tab li.active .btn:after {
   background-color: #008cd7;
 }
 .modal .modal-dialog {
@@ -90,110 +171,165 @@
   -webkit-border-bottom-right-radius: 0;
 }
 .modal .modal-dialog .modal-content .btn:active {
-  box-shadow: none;
-  -webkit-box-shadow: none;
   background-color: #e9e9e9;
   border-bottom-left-radius: 8px;
   border-bottom-right-radius: 8px;
   -webkit-border-bottom-left-radius: 8px;
   -webkit-border-bottom-right-radius: 8px;
+  box-shadow: none;
+  -webkit-box-shadow: none;
 }
 .modal .modal-dialog .modal-content .btn:focus {
   outline: 0;
 }
-html,
-body {
+.loading {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1040;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+.loading ul {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+  width: 40px;
+  height: 40px;
+}
+.loading ul li {
+  position: absolute;
   width: 100%;
   height: 100%;
 }
-body {
-  user-select: none;
-  -webkit-user-select: none;
-  tap-highlight-color: rgba(0, 0, 0, 0);
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  color: #707070;
-  background-color: #f9f9f9;
-}
-a:hover {
-  text-decoration: none;
+.loading ul li:nth-child(1) p:nth-child(2) {
+  animation-delay: -0.9s;
+  -webkit-animation-delay: -0.9s;
 }
-.search {
-  width: 100%;
-  height: 54px;
-  padding: 10px 10px 10px 5px;
-  position: relative;
-  background-color: #008cd7;
+.loading ul li:nth-child(1) p:nth-child(3) {
+  animation-delay: -0.6s;
+  -webkit-animation-delay: -0.6s;
 }
-.search .btn-group {
-  position: static;
+.loading ul li:nth-child(1) p:nth-child(4) {
+  animation-delay: -0.3s;
+  -webkit-animation-delay: -0.3s;
 }
-.search .btn-group .btn {
-  color: #ffffff;
-  font-size: 17px;
-  font-weight: bold;
+.loading ul li:nth-child(2) {
+  transform: rotateZ(45deg);
+  -webkit-transform: rotateZ(45deg);
 }
-.search .btn-group .btn:active {
-  box-shadow: none;
-  -webkit-box-shadow: none;
+.loading ul li:nth-child(2) p:nth-child(1) {
+  animation-delay: -1.1s;
+  -webkit-animation-delay: -1.1s;
 }
-.search .btn-group .btn .iconfont {
-  color: #ffffff;
-  font-size: 12px;
-  font-weight: normal;
-  margin-left: 5px;
+.loading ul li:nth-child(2) p:nth-child(2) {
+  animation-delay: -0.8s;
+  -webkit-animation-delay: -0.8s;
 }
-.search .btn-group .btn .iconfont:after {
-  content: "\e601";
-  position: relative;
-  top: -2px;
+.loading ul li:nth-child(2) p:nth-child(3) {
+  animation-delay: -0.5s;
+  -webkit-animation-delay: -0.5s;
 }
-.search .btn-group.open .btn .iconfont:after {
-  content: "\e602";
+.loading ul li:nth-child(2) p:nth-child(4) {
+  animation-delay: -0.2s;
+  -webkit-animation-delay: -0.2s;
 }
-.search .btn-group .dropdown-menu {
-  left: 0;
-  width: 100%;
-  height: 300px;
-  border: 0;
-  padding: 0;
-  margin-top: 1px;
-  overflow: hidden;
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-  -webkit-border-top-left-radius: 0;
-  -webkit-border-top-right-radius: 0;
-  -webkit-border-bottom-left-radius: 0;
-  -webkit-border-bottom-right-radius: 0;
+.loading ul li:nth-child(3) {
+  transform: rotateZ(90deg);
+  -webkit-transform: rotateZ(90deg);
 }
-.search .btn-group .dropdown-menu a {
-  color: #000000;
-  margin: 0 10px;
-  padding: 20px;
-  display: block;
-  border-bottom: 1px solid;
+.loading ul li:nth-child(3) p:nth-child(1) {
+  animation-delay: -1s;
+  -webkit-animation-delay: -1s;
 }
-.search .btn-group .dropdown-menu a.active {
-  color: #008cd7;
+.loading ul li:nth-child(3) p:nth-child(2) {
+  animation-delay: -0.7s;
+  -webkit-animation-delay: -0.7s;
 }
-.search .btn-group .dropdown-menu .left-menu {
-  height: 100%;
-  overflow: hidden;
-  padding: 0;
-  background-color: #f9f9f9;
+.loading ul li:nth-child(3) p:nth-child(3) {
+  animation-delay: -0.4s;
+  -webkit-animation-delay: -0.4s;
 }
-.search .btn-group .dropdown-menu .left-menu a {
-  margin: 0;
-  border-bottom-color: transparent;
+.loading ul li:nth-child(3) p:nth-child(4) {
+  animation-delay: -0.1s;
+  -webkit-animation-delay: -0.1s;
 }
-.search .btn-group .dropdown-menu .left-menu a.active-bg {
+.loading ul li p {
+  width: 10px;
+  height: 10px;
+  margin-bottom: 0;
+  border-top-left-radius: 50%;
+  border-top-right-radius: 50%;
+  border-bottom-left-radius: 50%;
+  border-bottom-right-radius: 50%;
+  -webkit-border-top-left-radius: 50%;
+  -webkit-border-top-right-radius: 50%;
+  -webkit-border-bottom-left-radius: 50%;
+  -webkit-border-bottom-right-radius: 50%;
+  position: absolute;
   background-color: #ffffff;
+  animation: bouncedelay 1.2s infinite ease-in-out both;
+  -webkit-animation: bouncedelay 1.2s infinite ease-in-out both;
 }
-.search .btn-group .dropdown-menu .right-menu {
+.loading ul li p:nth-child(1) {
+  top: 0;
+  left: 0;
+}
+.loading ul li p:nth-child(2) {
+  top: 0;
+  right: 0;
+}
+.loading ul li p:nth-child(3) {
+  bottom: 0;
+  right: 0;
+}
+.loading ul li p:nth-child(4) {
+  bottom: 0;
+  left: 0;
+}
+@keyframes bouncedelay {
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+    -webkit-transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+    -webkit-transform: scale(1);
+  }
+}
+@-webkit-keyframes bouncedelay {
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+    -webkit-transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+    -webkit-transform: scale(1);
+  }
+}
+html,
+body {
+  width: 100%;
   height: 100%;
-  overflow: hidden;
-  padding: 0;
+}
+body {
+  user-select: none;
+  -webkit-user-select: none;
+  tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  color: #707070;
+  background-color: #f9f9f9;
+}
+a:hover {
+  text-decoration: none;
 }
 .search .has-feedback {
   width: 75%;
@@ -228,10 +364,9 @@ a:hover {
 }
 .btn-group-justified {
   width: 100%;
-  height: 45px;
+  height: 46px;
   position: relative;
-  box-sizing: content-box;
-  -webkit-box-sizing: content-box;
+  z-index: 2;
   border-bottom: 1px solid #b7b7b7;
 }
 .btn-group-justified .btn-group {
@@ -264,8 +399,8 @@ a:hover {
   left: 0;
   width: 100%;
   height: 300px;
-  border: 0;
   padding: 0;
+  border: 0;
   margin-top: 1px;
   overflow: hidden;
   border-top-left-radius: 0;
@@ -366,10 +501,11 @@ a:hover {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-#wrapper #scroller .row ul li:first-child {
-  margin-top: 5px;
+#wrapper #scroller .row ul li.address {
+  margin-top: 2px;
+  line-height: 22px;
 }
-#wrapper #scroller .row ul li:first-child .address {
+#wrapper #scroller .row ul li.address span:nth-child(1) {
   color: #000000;
   font-size: 21px;
   font-weight: bold;
@@ -379,23 +515,26 @@ a:hover {
   left: 0;
   right: 10px;
   bottom: 0;
+  font-size: 0;
 }
 #wrapper #scroller .row ul li:last-child .label {
   color: #ff0000;
+  padding: 1px 4px;
   font-size: 9px;
-  padding: 0 4px 1px;
   border: 1px solid #acacac;
-  vertical-align: bottom;
+  margin: 0 5px 0 0;
+  vertical-align: middle;
 }
 #wrapper #scroller .row ul li:last-child span {
   color: #000000;
+  font-size: 15px;
 }
 #wrapper #scroller .row ul li:last-child span em {
   font-style: normal;
 }
 #wrapper #scroller .row ul li:last-child span em:nth-child(1) {
   color: #ff0000;
-  font-size: 21px;
+  font-size: 19px;
   font-weight: bold;
 }
 #wrapper #scroller .row ul li:last-child span em:nth-child(2) {
@@ -412,6 +551,9 @@ a:hover {
   -webkit-box-orient: vertical;
   white-space: normal;
 }
+#wrapper #scroller .row ul li span:nth-child(2) {
+  margin-left: 20px;
+}
 .footer {
   width: 100%;
   height: 45px;

wp-content/themes/tospur/css/myHouse.css

+@font-face {
+  font-family: 'iconfont';
+  src: url('http://at.alicdn.com/t/font_1439432624_5842593.eot');
+  src: url('http://at.alicdn.com/t/font_1439432624_5842593.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://at.alicdn.com/t/font_1439432624_5842593.woff') format('woff'), /* chrome、firefox */ url('http://at.alicdn.com/t/font_1439432624_5842593.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('http://at.alicdn.com/t/font_1439432624_5842593.svg#iconfont') format('svg');
+  
+  /* IE9*/
+  /* iOS 4.1- */
+}
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -webkit-text-stroke-width: 0.2px;
+  -moz-osx-font-smoothing: grayscale;
+}
+.search {
+  width: 100%;
+  height: 54px;
+  padding: 10px 10px 10px 5px;
+  position: relative;
+  z-index: 2;
+  background-color: #008cd7;
+  border-bottom: 1px solid #008cd7;
+}
+.search .btn-group {
+  position: static;
+}
+.search .btn-group .btn {
+  color: #ffffff;
+  font-size: 17px;
+  font-weight: bold;
+}
+.search .btn-group .btn:active {
+  box-shadow: none;
+  -webkit-box-shadow: none;
+}
+.search .btn-group .btn .iconfont {
+  color: #ffffff;
+  font-size: 12px;
+  font-weight: normal;
+  margin-left: 5px;
+}
+.search .btn-group .btn .iconfont:after {
+  content: "\e601";
+  position: relative;
+  top: -2px;
+}
+.search .btn-group.open .btn .iconfont:after {
+  content: "\e602";
+}
+.search .btn-group .dropdown-menu {
+  left: 0;
+  width: 100%;
+  height: 300px;
+  padding: 0;
+  border: 0;
+  margin-top: 1px;
+  overflow: hidden;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  -webkit-border-top-left-radius: 0;
+  -webkit-border-top-right-radius: 0;
+  -webkit-border-bottom-left-radius: 0;
+  -webkit-border-bottom-right-radius: 0;
+}
+.search .btn-group .dropdown-menu a {
+  color: #000000;
+  margin: 0 10px;
+  padding: 20px;
+  display: block;
+  border-bottom: 1px solid;
+}
+.search .btn-group .dropdown-menu a.active {
+  color: #008cd7;
+}
+.search .btn-group .dropdown-menu .left-menu {
+  height: 100%;
+  overflow: hidden;
+  padding: 0;
+  background-color: #f9f9f9;
+}
+.search .btn-group .dropdown-menu .left-menu a {
+  margin: 0;
+  border-bottom-color: transparent;
+}
+.search .btn-group .dropdown-menu .left-menu a.active-bg {
+  background-color: #ffffff;
+}
+.search .btn-group .dropdown-menu .right-menu {
+  height: 100%;
+  overflow: hidden;
+  padding: 0;
+}
+.tab {
+  width: 100%;
+  height: 40px;
+  margin-bottom: 0;
+  border-bottom: 1px solid #008cd7;
+}
+.tab li .btn {
+  color: #000000;
+  font-size: 18px;
+  font-weight: bold;
+  position: static;
+}
+.tab li .btn:after {
+  content: "";
+  width: 88%;
+  height: 4px;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: 0 auto;
+}
+.tab li .btn:active {
+  box-shadow: none;
+  -webkit-box-shadow: none;
+}
+.tab li.active .btn:after {
+  background-color: #008cd7;
+}
+.modal .modal-dialog {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+  width: 280px;
+  height: 130px;
+}
+.modal .modal-dialog .modal-content {
+  color: #000000;
+  border: 0;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+  -webkit-border-top-left-radius: 8px;
+  -webkit-border-top-right-radius: 8px;
+  -webkit-border-bottom-left-radius: 8px;
+  -webkit-border-bottom-right-radius: 8px;
+  box-shadow: none;
+  -webkit-box-shadow: none;
+}
+.modal .modal-dialog .modal-content h4 {
+  font-size: 19px;
+  font-weight: bold;
+  margin: 0 20px;
+  padding-top: 15px;
+}
+.modal .modal-dialog .modal-content p {
+  font-size: 16px;
+  margin: 12px 20px 14px;
+}
+.modal .modal-dialog .modal-content .btn {
+  border-top-color: #cfd0d0;
+  background-color: transparent;
+  font-weight: bold;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  -webkit-border-top-left-radius: 0;
+  -webkit-border-top-right-radius: 0;
+  -webkit-border-bottom-left-radius: 0;
+  -webkit-border-bottom-right-radius: 0;
+}
+.modal .modal-dialog .modal-content .btn:active {
+  background-color: #e9e9e9;
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+  -webkit-border-bottom-left-radius: 8px;
+  -webkit-border-bottom-right-radius: 8px;
+  box-shadow: none;
+  -webkit-box-shadow: none;
+}
+.modal .modal-dialog .modal-content .btn:focus {
+  outline: 0;
+}
+.loading {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1040;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+.loading ul {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+  width: 40px;
+  height: 40px;
+}
+.loading ul li {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+}
+.loading ul li:nth-child(1) p:nth-child(2) {
+  animation-delay: -0.9s;
+  -webkit-animation-delay: -0.9s;
+}
+.loading ul li:nth-child(1) p:nth-child(3) {
+  animation-delay: -0.6s;
+  -webkit-animation-delay: -0.6s;
+}
+.loading ul li:nth-child(1) p:nth-child(4) {
+  animation-delay: -0.3s;
+  -webkit-animation-delay: -0.3s;
+}
+.loading ul li:nth-child(2) {
+  transform: rotateZ(45deg);
+  -webkit-transform: rotateZ(45deg);
+}
+.loading ul li:nth-child(2) p:nth-child(1) {
+  animation-delay: -1.1s;
+  -webkit-animation-delay: -1.1s;
+}
+.loading ul li:nth-child(2) p:nth-child(2) {
+  animation-delay: -0.8s;
+  -webkit-animation-delay: -0.8s;
+}
+.loading ul li:nth-child(2) p:nth-child(3) {
+  animation-delay: -0.5s;
+  -webkit-animation-delay: -0.5s;
+}
+.loading ul li:nth-child(2) p:nth-child(4) {
+  animation-delay: -0.2s;
+  -webkit-animation-delay: -0.2s;
+}
+.loading ul li:nth-child(3) {
+  transform: rotateZ(90deg);
+  -webkit-transform: rotateZ(90deg);
+}
+.loading ul li:nth-child(3) p:nth-child(1) {
+  animation-delay: -1s;
+  -webkit-animation-delay: -1s;
+}
+.loading ul li:nth-child(3) p:nth-child(2) {
+  animation-delay: -0.7s;
+  -webkit-animation-delay: -0.7s;
+}
+.loading ul li:nth-child(3) p:nth-child(3) {
+  animation-delay: -0.4s;
+  -webkit-animation-delay: -0.4s;
+}
+.loading ul li:nth-child(3) p:nth-child(4) {
+  animation-delay: -0.1s;
+  -webkit-animation-delay: -0.1s;
+}
+.loading ul li p {
+  width: 10px;
+  height: 10px;
+  margin-bottom: 0;
+  border-top-left-radius: 50%;
+  border-top-right-radius: 50%;
+  border-bottom-left-radius: 50%;
+  border-bottom-right-radius: 50%;
+  -webkit-border-top-left-radius: 50%;
+  -webkit-border-top-right-radius: 50%;
+  -webkit-border-bottom-left-radius: 50%;
+  -webkit-border-bottom-right-radius: 50%;
+  position: absolute;
+  background-color: #ffffff;
+  animation: bouncedelay 1.2s infinite ease-in-out both;
+  -webkit-animation: bouncedelay 1.2s infinite ease-in-out both;
+}
+.loading ul li p:nth-child(1) {
+  top: 0;
+  left: 0;
+}
+.loading ul li p:nth-child(2) {
+  top: 0;
+  right: 0;
+}
+.loading ul li p:nth-child(3) {
+  bottom: 0;
+  right: 0;
+}
+.loading ul li p:nth-child(4) {
+  bottom: 0;
+  left: 0;
+}
+@keyframes bouncedelay {
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+    -webkit-transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+    -webkit-transform: scale(1);
+  }
+}
+@-webkit-keyframes bouncedelay {
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+    -webkit-transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+    -webkit-transform: scale(1);
+  }
+}
+html,
+body {
+  width: 100%;
+  height: 100%;
+}
+body {
+  user-select: none;
+  -webkit-user-select: none;
+  tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  color: #707070;
+  background-color: #f9f9f9;
+}
+a:hover {
+  text-decoration: none;
+}
+#wrapper {
+  position: absolute;
+  z-index: 1;
+  top: 40px;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  overflow: hidden;
+}
+#wrapper #scroller {
+  padding-bottom: 5px;
+}
+#wrapper #scroller .row {
+  width: 100%;
+  height: 121px;
+  margin: 0;
+  padding: 15px 0;
+  border-bottom: 1px solid #b7b7b7;
+}
+#wrapper #scroller .row p {
+  width: 140px;
+  height: 100%;
+  float: left;
+  padding: 0 10px;
+  margin-bottom: 0;
+  overflow: hidden;
+}
+#wrapper #scroller .row p img {
+  height: 100%;
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
+  -webkit-border-top-left-radius: 5px;
+  -webkit-border-top-right-radius: 5px;
+  -webkit-border-bottom-left-radius: 5px;
+  -webkit-border-bottom-right-radius: 5px;
+}
+#wrapper #scroller .row ul {
+  height: 100%;
+  padding-right: 10px;
+  margin-bottom: 0;
+  overflow: hidden;
+  zoom: 1;
+  position: relative;
+  color: #5a5a5a;
+  font-size: 15px;
+}
+#wrapper #scroller .row ul li {
+  line-height: 18px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+#wrapper #scroller .row ul li.address {
+  margin-top: 2px;
+  line-height: 22px;
+}
+#wrapper #scroller .row ul li.address span:nth-child(1) {
+  color: #000000;
+  font-size: 21px;
+  font-weight: bold;
+}
+#wrapper #scroller .row ul li:last-child {
+  position: absolute;
+  left: 0;
+  right: 10px;
+  bottom: 0;
+  font-size: 0;
+}
+#wrapper #scroller .row ul li:last-child .label {
+  color: #ff0000;
+  padding: 1px 4px;
+  font-size: 9px;
+  border: 1px solid #acacac;
+  margin: 0 5px 0 0;
+  vertical-align: middle;
+}
+#wrapper #scroller .row ul li:last-child span {
+  color: #000000;
+  font-size: 15px;
+}
+#wrapper #scroller .row ul li:last-child span em {
+  font-style: normal;
+}
+#wrapper #scroller .row ul li:last-child span em:nth-child(1) {
+  color: #ff0000;
+  font-size: 19px;
+  font-weight: bold;
+}
+#wrapper #scroller .row ul li:last-child span em:nth-child(2) {
+  font-size: 7px;
+  vertical-align: top;
+}
+#wrapper #scroller .row ul li.multiLine_omit {
+  color: #000000;
+  font-weight: bold;
+  height: 36px;
+  margin-top: 0;
+  -webkit-line-clamp: 2;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  white-space: normal;
+}
+#wrapper #scroller .row ul li span:nth-child(2) {
+  margin-left: 20px;
+}

wp-content/themes/tospur/dao.php

@@ -134,6 +134,24 @@ class dao
             'where cityid = ' . $city_id . ' LIMIT ' . $index . ',20;';
         return $wpdb->get_results($consultant_sql);
     }
+
+    public static function search_house_image($house_ids)
+    {
+        $sql = 'select ahi.house_id,ti.path from a_house_image ahi' .
+            ' left join tospur_image ti on ahi.image_id = ti.id' .
+            ' where ti.image_type in (1,5) and house_id in ' . $house_ids . ' group by house_id';
+        global $wpdb;
+        return $wpdb->get_results($sql);
+    }
+
+    public static function search_house_tag($house_ids)
+    {
+        $sql = 'select aht.house_id,tt.name from a_house_tag aht' .
+            ' left join tospur_tag tt on aht.tag_id = tt.id' .
+            ' where house_id in ' . $house_ids;
+        global $wpdb;
+        return $wpdb->get_results($sql);
+    }
 }
 
 ?>
\ No newline at end of file

wp-content/themes/tospur/functions.php

 <?php
 
 require_once(dirname(__FILE__) . '/dao.php');
+require_once(dirname(__FILE__) . '/../../plugins/tospur/Dao/SearchDao.php');
 
 add_filter('template_include', 'page_template');
 function page_template($template)
@@ -39,6 +40,9 @@ function page_template($template)
             case 'comment':
                 $page = $theme . '/comment.php';
                 break;
+            case 'myHouse':
+                $page = $theme . '/myHouse.php';
+                break;
         }
         return $page;
     } else {
@@ -166,4 +170,77 @@ function get_consultant()
     }
 }
 
+add_action('wp_ajax_get_my_house', 'get_my_house');
+function get_my_house()
+{
+    $houseType = $_POST['houseType'];
+    $userType = $_POST['userType'];
+    $userId = $_POST['userId'];
+    $index = $_POST['index'];
+    if (isset($houseType) && isset($userType) && isset($userId) && isset($index)) {
+        $house_result = SearchDao::searchHouse(
+            array(
+                'houseType' => $houseType,
+                'userType' => $userType,
+                'userId' => $userId,
+                'index' => $index
+            )
+        );
+        $array = get_house_image_and_tags($house_result);
+        wp_send_json($array);
+    }
+}
+
+add_action('wp_ajax_search_house', 'search_house');
+function search_house()
+{
+    $house_result = SearchDao::searchHouse(
+        array(
+            'cityId' => $_POST['cityId'],
+            'districtId' => $_POST['districtId'],
+            'plateId' => $_POST['plateId'],
+            'buildPropertyId' => $_POST['buildPropertyId'],
+            'roomId' => $_POST['roomId'],
+            'acreage' => $_POST['acreage'],
+            'totalPrice' => $_POST['totalPrice'],
+            'searchText' => $_POST['searchText'],
+            'index' => $_POST['index']
+        )
+    );
+    $array = get_house_image_and_tags($house_result);
+    wp_send_json($array);
+}
+
+function get_house_image_and_tags($house_result)
+{
+    $array = array();
+    if ($house_result) {
+        $array['code'] = 2000;
+        $house_ids = array();
+        foreach ($house_result as $key => $value) {
+            $house_id = $value->id;
+            $house_ids[] = $house_id;
+        }
+        $string = '(' . implode(',', array_map('intval', $house_ids)) . ')';
+        $tag_result = dao::search_house_tag($string);
+        //标签
+        if ($tag_result) {
+            foreach ($tag_result as $key => $value) {
+                $array['tags'][$value->house_id][] = $value->name;
+            }
+        }
+        //图片
+        $image_result = dao::search_house_image($string);
+        if ($image_result) {
+            foreach ($image_result as $key => $value) {
+                $array['images'][$value->house_id] = home_url() . $value->path;
+            }
+        }
+        $array['result'] = $house_result;
+    } else {
+        $array['code'] = 2001;
+    }
+    return $array;
+}
+
 ?>
\ No newline at end of file

wp-content/themes/tospur/myHouse.php

+<?php
+
+$context = array();
+$context['theme'] = get_template_directory_uri();
+$context['url'] = home_url();
+
+$current_user = wp_get_current_user();
+$user_id = $current_user->ID;
+if ($user_id != 0) {
+    $context['user_id'] = $user_id;
+}
+Timber::render('myHouse.html', $context);
+
+?>
\ No newline at end of file

wp-content/themes/tospur/views/index.html

@@ -2,7 +2,7 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
+    <meta name="viewport" content="width=360, user-scalable=0"/>
     <meta name="apple-mobile-web-app-capable" content="yes"/>
     <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
     <meta name="format-detection" content="telephone=no"/>
@@ -28,6 +28,18 @@
                 scrollbars: true,
                 click: true
             });
+            var pullUpFlag = false;
+            myScroll.on("scrollStart", function () {
+                if (this.maxScrollY >= this.y) {
+                    pullUpFlag = true;
+                }
+            });
+            myScroll.on("scrollEnd", function () {
+                if (pullUpFlag) {
+                    pullUpFlag = false;
+                    getHouse();
+                }
+            });
             scrollList.push(myScroll);
             cityScroll = new IScroll('#city_wrapper',{
                 click: true
@@ -59,7 +71,9 @@
         var room = {{select.room}};
         var area = {{select.area}};
 
+        var scroller;
         $(document).ready(function(){
+            scroller = $('#scroller');
             $(".btn-group > a").bind('tap',function(){
                 var parent = $(this).parent();
                 if(parent.hasClass("open")){
@@ -90,13 +104,13 @@
             $.each(other_item,function(i,item){
                 other.append('<a data-id="'+item[roomAndAcreageKey]+'">'+item.value+'</a>');
             });
-            other.attr("type","room");
-            $("#room,#acreage").bind('tap',function(){
+            other.attr("type","roomId");
+            $("#roomId,#acreage").bind('tap',function(){
                 $(this).parent().children().removeClass('active-bg');
                 $(this).addClass('active-bg');
                 var id = $(this).attr('id');
                 other.children(":not(:first)").remove();
-                if(id == 'room'){
+                if(id == 'roomId'){
                     other_item = room;
                     other.attr("type","roomId");
                     roomAndAcreageKey = "id";
@@ -112,8 +126,10 @@
                 otherScroll.refresh();
             });
             $(".btn-group").on('tap','a',function(){
+                searchData.index = 0;
+                scroller.html('');
                 if($(this).parent().attr("type")!=undefined){
-                    searchData[$(this).parent().attr("type")] = $(this).attr("data-id")!=undefined?$(this).attr("data-id"):0;
+                    searchData[$(this).parent().attr("type")] = $(this).attr("data-id")!=undefined?$(this).attr("data-id"):-1;
                     if($(this).attr("data-action") != "open"){
                         //do somthing
                         $(".btn-group").removeClass("open");
@@ -122,26 +138,69 @@
                     }
                 }
             });
-
+            getHouse();
         });
         var searchData = {
-            action:"searchHouse",
+            action:"search_house",
             cityId:{{cityId}},
-            districtId:0,
-            plateId:0,
-            totalPrice:'',
-            buildPropertyId:0,
-            roomId:0,
-            acreage:'',
-            searchText:''
+            districtId:-1,
+            plateId:-1,
+            totalPrice:-1,
+            buildPropertyId:-1,
+            roomId:-1,
+            acreage:-1,
+            searchText:'',
+            index:0
         };
         function getHouse(){
             $.ajax({
-                type: "GET",
+                type: "POST",
                 url: "/tospur/wp-admin/admin-ajax.php",
                 data: searchData,
-                success:function(json){
-                    alert(JSON.stringify(json));
+                success:function(data){
+                    if (data.code == 2000) {
+                        $.each(data.result, function (index, value) {
+                            var houseType= value.house_type;
+                            var template = $('#template_' + houseType).html();
+                            if(data.tags)
+                            var data_tags = data.tags[value.id];
+                            if(data.images)
+                                var data_images = data.images[value.id];
+                            var div = $('<div class="row">');
+                            div.append(template);
+                            div.find('[data-attr=name]').text(value.name);
+                            var tags = div.find('[data-attr=tags]');
+                            if (houseType == 0) {
+                                div.find('[data-attr=type]').text(value.literal);
+                                div.find('[data-attr=address]').text(value.address);
+                                div.find('[data-attr=latest_news]').text(value.latest_news);
+                                div.find('[data-attr=price]').html('<em>' + (value.average_price / 10000).toFixed(2) + '万</em>/m<em>2</em>');
+                            } else if (houseType == 1) {
+                                div.find('[data-attr=community]').text(value.community_name);
+                                div.find('[data-attr=apartment]').text(value.bp_literal);
+                                div.find('[data-attr=covered_area]').text(value.covered_area + '平米');
+                                div.find('[data-attr=price]').html('<em>' + value.total_price + '万</em>');
+                            } else if (houseType == 2) {
+                                div.find('[data-attr=community]').text(value.community_name);
+                                div.find('[data-attr=apartment]').text(value.bp_literal);
+                                div.find('[data-attr=covered_area]').text(value.covered_area + '平米');
+                                div.find('[data-attr=decoration]').text(value.decoration);
+                                div.find('[data-attr=price]').html('<em>' + value.rent + '</em>/月');
+                            }
+                            var image = div.find('[data-attr=image]');
+                            if (data_images) {
+                                image.attr('src', data_images);
+                            }
+                            if (data_tags) {
+                                $.each(data_tags, function (k, v) {
+                                    tags.prepend('<span class="label">' + v + '</span>');
+                                });
+                            }
+                            scroller.append(div);
+                        });
+                        searchData.index += 10;
+                        myScroll.refresh();
+                    }
                 }
             });
         }
@@ -214,7 +273,7 @@
         <div class="dropdown-menu">
             <div  class="col-xs-5 left-menu">
                 <div>
-                    <a id="room" class="active-bg">类型</a>
+                    <a id="roomId" class="active-bg">类型</a>
                     <a id="acreage">面积</a>
                 </div>
             </div>
@@ -230,143 +289,61 @@
 
 <div id="wrapper">
     <div id="scroller">
-        <div>
-            <p>
-                <img src="../img/img.jpg">
-            </p>
-            <ul class="list-unstyled">
-                <li class="multiLine_omit">买卖二手房，只收0.5%的佣金，让您满意服务。买卖二手房，只收0.5%的佣金，让
-您满意服务。</li>
-                <li>宝瓶小区</li>
-                <li>
-                    <span>2室1厅</span>
-                    <span style="margin-left:20px;">54平米</span>
-                </li>
-                <li>
-                    <span class="label">地铁房</span>
-                    <span class="label">学区房</span>
-                    <span class="label">一手房</span>
-                    <span class="pull-right">
-                        <em>140万</em>
-                    </span>
-                </li>
-            </ul>   
-        </div>
-        <div>
-            <p>
-                <img src="../img/img.jpg">
-            </p>
-            <ul class="list-unstyled">
-                <li>
-                    <span>张江公馆</span>
-                    <span class="pull-right">别墅</span>
-                </li>
-                <li>高科中路2810弄（近镇宁路）浦东高.</li>
-                <li>促销活动：7/30-8/1 房源紧张，尽早</li>
-                <li>
-                    <span class="label">地铁房</span>
-                    <span class="label">学区房</span>
-                    <span class="label">全装修</span>
-                    <span class="pull-right">
-                        <em>2.35万</em>/m<em>2</em>
-                    </span>
-                </li>
-            </ul>   
     </div>
-        <div>
-            <p>
-                <img src="../img/img.jpg">
-            </p>
-            <ul class="list-unstyled">
-                <li class="multiLine_omit">买卖二手房，只收0.5%的佣金，让您满意服务。买卖二手房，只收0.5%的佣金，让
-您满意服务。</li>
-                <li>宝瓶小区</li>
-                <li>
-                    <span>2室1厅</span>
-                    <span style="margin-left:20px;">54平米</span>
-                </li>
-                <li>
-                    <span class="label">地铁房</span>
-                    <span class="label">学区房</span>
-                    <span class="label">一手房</span>
-                    <span class="pull-right">
-                        <em>140万</em>
-                    </span>
-                </li>
-            </ul>   
-        </div>
-        <div>
+</div>
+<footer class="footer text-center navbar-fixed-bottom">
+    拨打400-123-4567
+</footer>
+
+<div id="template_0" style="display: none">
     <p>
-                <img src="../img/img.jpg">
+        <img src="" data-attr="image">
     </p>
     <ul class="list-unstyled">
-                <li class="multiLine_omit">买卖二手房，只收0.5%的佣金，让您满意服务。买卖二手房，只收0.5%的佣金，让
-您满意服务。</li>
-                <li>宝瓶小区</li>
-                <li>
-                    <span>2室1厅</span>
-                    <span style="margin-left:20px;">54平米</span>
+        <li class="address">
+            <span data-attr="name"></span>
+            <span class="pull-right" data-attr="type"></span>
         </li>
-                <li>
-                    <span class="label">地铁房</span>
-                    <span class="label">学区房</span>
-                    <span class="label">一手房</span>
-                    <span class="pull-right">
-                        <em>140万</em>
-                    </span>
+        <li data-attr="address"></li>
+        <li data-attr="latest_news"></li>
+        <li data-attr="tags">
+            <span class="pull-right" data-attr="price"></span>
         </li>
     </ul>
-        </div>
-        <div>
+</div>
+<div id="template_1" style="display: none">
     <p>
-                <img src="../img/img.jpg">
+        <img src="" data-attr="image">
     </p>
     <ul class="list-unstyled">
-                <li class="multiLine_omit">买卖二手房，只收0.5%的佣金，让您满意服务。买卖二手房，只收0.5%的佣金，让
-您满意服务。</li>
-                <li>宝瓶小区</li>
+        <li class="multiLine_omit" data-attr="name"></li>
+        <li data-attr="community"></li>
         <li>
-                    <span>2室1厅</span>
-                    <span style="margin-left:20px;">54平米</span>
+            <span data-attr="apartment"></span>
+            <span data-attr="covered_area"></span>
         </li>
-                <li>
-                    <span class="label">地铁房</span>
-                    <span class="label">学区房</span>
-                    <span class="label">一手房</span>
-                    <span class="pull-right">
-                        <em>140万</em>
-                    </span>
+        <li data-attr="tags">
+            <span class="pull-right" data-attr="price"></span>
         </li>
     </ul>
-        </div>
-        <div>
+</div>
+<div id="template_2" style="display: none">
     <p>
-                <img src="../img/img.jpg">
+        <img src="" data-attr="image">
     </p>
     <ul class="list-unstyled">
-                <li class="multiLine_omit">买卖二手房，只收0.5%的佣金，让您满意服务。买卖二手房，只收0.5%的佣金，让
-您满意服务。</li>
-                <li>宝瓶小区</li>
+        <li class="multiLine_omit" data-attr="name"></li>
+        <li data-attr="community"></li>
         <li>
-                    <span>2室1厅</span>
-                    <span style="margin-left:20px;">54平米</span>
+            <span data-attr="apartment"></span>
+            <span data-attr="decoration"></span>
+            <span data-attr="covered_area"></span>
         </li>
-                <li>
-                    <span class="label">地铁房</span>
-                    <span class="label">学区房</span>
-                    <span class="label">一手房</span>
-                    <span class="pull-right">
-                        <em>140万</em>
-                    </span>
+        <li data-attr="tags">
+            <span class="pull-right" data-attr="price"></span>
         </li>
     </ul>
-        </div>
-    </div>
 </div>
-<footer class="footer text-center navbar-fixed-bottom">
-    拨打400-123-4567
-</footer>
-
 
 </body>
 </html>
\ No newline at end of file

wp-content/themes/tospur/views/myHouse.html

+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=360, user-scalable=0"/>
+    <meta name="apple-mobile-web-app-capable" content="yes"/>
+    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
+    <title></title>
+    <style>
+        #pullUp {
+            height: 40px;
+            position: absolute;
+            bottom: -40px;
+        }
+    </style>
+    <link rel="stylesheet" type="text/css" href="{{ theme }}/css/bootstrap.min.css">
+    <link rel="stylesheet" type="text/css" href="{{ theme }}/css/myHouse.css">
+    <script type="text/javascript" src="{{ theme }}/js/iscroll.js"></script>
+    <script type="text/javascript" src="{{ theme }}/js/jquery.min.js"></script>
+    <script type="text/javascript" src="{{ theme }}/js/bootstrap.min.js"></script>
+</head>
+<body>
+<ul id="tab" class="list-unstyled btn-group-justified tab">
+    <li class="btn-group active">
+        <a href="#new" data-toggle="tab" class="btn">新房</a>
+    </li>
+    <li class="btn-group">
+        <a href="#secondhand" data-toggle="tab" class="btn">二手房</a>
+    </li>
+    <li class="btn-group">
+        <a href="#rent" data-toggle="tab" class="btn">租房</a>
+    </li>
+</ul>
+<div id="wrapper">
+    <div id="scroller" class="tab-content">
+        <div class="tab-pane fade in active" data-house="0" id="new"></div>
+        <div class="tab-pane fade" data-house="1" id="secondhand"></div>
+        <div class="tab-pane fade" data-house="2" id="rent"></div>
+        <div id="pullUp">
+            <span>上拉刷新</span>
+        </div>
+    </div>
+</div>
+<div id="template_0" style="display: none">
+    <p>
+        <img src="" data-attr="image">
+    </p>
+    <ul class="list-unstyled">
+        <li class="address">
+            <span data-attr="name"></span>
+            <span class="pull-right" data-attr="type"></span>
+        </li>
+        <li data-attr="address"></li>
+        <li data-attr="latest_news"></li>
+        <li data-attr="tags">
+            <span class="pull-right" data-attr="price"></span>
+        </li>
+    </ul>
+</div>
+<div id="template_1" style="display: none">
+    <p>
+        <img src="" data-attr="image">
+    </p>
+    <ul class="list-unstyled">
+        <li class="multiLine_omit" data-attr="name"></li>
+        <li data-attr="community"></li>
+        <li>
+            <span data-attr="apartment"></span>
+            <span data-attr="covered_area"></span>
+        </li>
+        <li data-attr="tags">
+            <span class="pull-right" data-attr="price"></span>
+        </li>
+    </ul>
+</div>
+<div id="template_2" style="display: none">
+    <p>
+        <img src="" data-attr="image">
+    </p>
+    <ul class="list-unstyled">
+        <li class="multiLine_omit" data-attr="name"></li>
+        <li data-attr="community"></li>
+        <li>
+            <span data-attr="apartment"></span>
+            <span data-attr="decoration"></span>
+            <span data-attr="covered_area"></span>
+        </li>
+        <li data-attr="tags">
+            <span class="pull-right" data-attr="price"></span>
+        </li>
+    </ul>
+</div>
+<script>
+    var houseType = 0;
+    var userId = '{{ user_id }}';
+    var index = 0;
+    var myScroll;
+    var template;
+    $(document).ready(function () {
+        var tabPane = $('[data-house=' + houseType + ']');
+        template = $('#template_' + houseType).html();
+        ajax_get_my_house(tabPane);
+        var pullUpFlag = false;
+        myScroll = new IScroll('#wrapper', {
+            scrollbars: true,
+            click: true
+        });
+        myScroll.on("scrollStart", function () {
+            if (this.maxScrollY >= this.y) {
+                pullUpFlag = true;
+            }
+        });
+        myScroll.on("scrollEnd", function () {
+            if (pullUpFlag) {
+                pullUpFlag = false;
+                ajax_get_my_house(tabPane);
+            }
+        });
+        var aTab = $('a[data-toggle=tab]');
+        aTab.on('show.bs.tab', function (e) {
+            if (e) {
+                var previous = $(e.relatedTarget).parent().index();
+                $('[data-house=' + previous + ']').html('');
+                houseType = $(e.target).parent().index();
+                tabPane = $('[data-house=' + houseType + ']');
+                template = $('#template_' + houseType).html();
+                index = 0;
+                myScroll.scrollTo(0, 0);
+                setTimeout(function () {
+                    myScroll.refresh();
+                    ajax_get_my_house(tabPane);
+                }, 200);
+            }
+        })
+    });
+
+    function ajax_get_my_house(tabPane) {
+        $.ajax({
+            type: 'POST',
+            url: '{{ url }}/wp-admin/admin-ajax.php/',
+            data: 'action=get_my_house&houseType=' + houseType + '&userType=0&userId=' + userId + '&index=' + index,
+            success: function (data) {
+                if (data.code == 2000) {
+                    $.each(data.result, function (index, value) {
+                        if(data.tags)
+                            var data_tags = data.tags[value.id];
+                        if(data.images)
+                            var data_images = data.images[value.id];
+                        var div = $('<div class="row">');
+                        div.append(template);
+                        div.find('[data-attr=name]').text(value.name);
+                        var tags = div.find('[data-attr=tags]');
+                        if (houseType == 0) {
+                            div.find('[data-attr=type]').text(value.literal);
+                            div.find('[data-attr=address]').text(value.address);
+                            div.find('[data-attr=latest_news]').text(value.latest_news);
+                            div.find('[data-attr=price]').html('<em>' + (value.average_price / 10000).toFixed(2) + '万</em>/m<em>2</em>');
+                        } else if (houseType == 1) {
+                            div.find('[data-attr=community]').text(value.community_name);
+                            div.find('[data-attr=apartment]').text(value.bp_literal);
+                            div.find('[data-attr=covered_area]').text(value.covered_area + '平米');
+                            div.find('[data-attr=price]').html('<em>' + value.total_price + '万</em>');
+                        } else if (houseType == 2) {
+                            div.find('[data-attr=community]').text(value.community_name);
+                            div.find('[data-attr=apartment]').text(value.bp_literal);
+                            div.find('[data-attr=covered_area]').text(value.covered_area + '平米');
+                            div.find('[data-attr=decoration]').text(value.decoration);
+                            div.find('[data-attr=price]').html('<em>' + value.rent + '</em>/月');
+                        }
+                        var image = div.find('[data-attr=image]');
+                        if (data_images) {
+                            image.attr('src', data_images);
+                        }
+                        if (data_tags) {
+                            $.each(data_tags, function (k, v) {
+                                tags.prepend('<span class="label">' + v + '</span>');
+                            });
+                        }
+                        tabPane.append(div);
+                    });
+                    index += 10;
+                    myScroll.refresh();
+                } else {
+                }
+            }
+        });
+    }
+</script>
+</body>
+</html>
\ No newline at end of file