ҳ̸Ҳ̸ҳ Rabiza Ekel ҳ̸Ҳ̸ҳ
	: 18.223.159.189
	: 47.103.87.29 / bstest.wagas.com.cn
	: Linux Wagas-WebServer 3.10.0-1160.11.1.el7.x86_64 #1 SMP Fri Dec 18 16:34:56 UTC 2020 x86_64
: /usr/html/www/temp/
files >> /usr/html/www/temp/index_cn_6_27.php
 <?php
/**
 * @file
 * Theme implementation to display a single Drupal page.
 *
 * Available variables:
 *
 * General utility variables:
 * - $base_path: The base URL path of the Drupal installation. At the very
 *   least, this will always default to /.
 * - $css: An array of CSS files for the current page.
 * - $directory: The directory the template is located in, e.g. modules/system
 *   or themes/garland.
 * - $is_front: TRUE if the current page is the front page. Used to toggle the mission statement.
 * - $logged_in: TRUE if the user is registered and signed in.
 * - $is_admin: TRUE if the user has permission to access administration pages.
 *
 * Page metadata:
 * - $language: (object) The language the site is being displayed in.
 *   $language->language contains its textual representation.
 *   $language->dir contains the language direction. It will either be 'ltr' or 'rtl'.
 * - $head_title: A modified version of the page title, for use in the TITLE tag.
 * - $head: Markup for the HEAD section (including meta tags, keyword tags, and
 *   so on).
 * - $styles: Style tags necessary to import all CSS files for the page.
 * - $scripts: Script tags necessary to load the JavaScript files and settings
 *   for the page.
 * - $classes: String of classes that can be used to style contextually through
 *   CSS. It should be placed within the <body> tag. When selecting through CSS
 *   it's recommended that you use the body tag, e.g., "body.front". It can be
 *   manipulated through the variable $classes_array from preprocess functions.
 *   The default values can be one or more of the following:
 *   - front: Page is the home page.
 *   - not-front: Page is not the home page.
 *   - logged-in: The current viewer is logged in.
 *   - not-logged-in: The current viewer is not logged in.
 *   - node-type-[node type]: When viewing a single node, the type of that node.
 *     For example, if the node is a "Blog entry" it would result in "node-type-blog".
 *     Note that the machine name will often be in a short form of the human readable label.
 *   - page-views: Page content is generated from Views. Note: a Views block
 *     will not cause this class to appear.
 *   - page-panels: Page content is generated from Panels. Note: a Panels block
 *     will not cause this class to appear.
 *   The following only apply with the default 'sidebar_first' and 'sidebar_second' block regions:
 *     - two-sidebars: When both sidebars have content.
 *     - no-sidebars: When no sidebar content exists.
 *     - one-sidebar and sidebar-first or sidebar-second: A combination of the
 *       two classes when only one of the two sidebars have content.
 * - $node: Full node object. Contains data that may not be safe. This is only
 *   available if the current page is on the node's primary url.
 * - $menu_item: (array) A page's menu item. This is only available if the
 *   current page is in the menu.
 *
 * Site identity:
 * - $front_page: The URL of the front page. Use this instead of $base_path,
 *   when linking to the front page. This includes the language domain or prefix.
 * - $logo: The path to the logo image, as defined in theme configuration.
 * - $site_name: The name of the site, empty when display has been disabled
 *   in theme settings.
 * - $site_slogan: The slogan of the site, empty when display has been disabled
 *   in theme settings.
 * - $mission: The text of the site mission, empty when display has been disabled
 *   in theme settings.
 *
 * Navigation:
 * - $search_box: HTML to display the search box, empty if search has been disabled.
 * - $primary_links (array): An array containing the Primary menu links for the
 *   site, if they have been configured.
 * - $secondary_links (array): An array containing the Secondary menu links for
 *   the site, if they have been configured.
 * - $breadcrumb: The breadcrumb trail for the current page.
 *
 * Page content (in order of occurrence in the default page.tpl.php):
 * - $title: The page title, for use in the actual HTML content.
 * - $messages: HTML for status and error messages. Should be displayed prominently.
 * - $tabs: Tabs linking to any sub-pages beneath the current page (e.g., the
 *   view and edit tabs when displaying a node).
 * - $help: Dynamic help text, mostly for admin pages.
 * - $content: The main content of the current page.
 * - $feed_icons: A string of all feed icons for the current page.
 *
 * Footer/closing data:
 * - $footer_message: The footer message as defined in the admin settings.
 * - $closure: Final closing markup from any modules that have altered the page.
 *   This variable should always be output last, after all other dynamic content.
 *
 * Helper variables:
 * - $classes_array: Array of html class attribute values. It is flattened
 *   into a string within the variable $classes.
 *
 * Regions:
 * - $content_top: Items to appear above the main content of the current page.
 * - $content_bottom: Items to appear below the main content of the current page.
 * - $navigation: Items for the navigation bar.
 * - $sidebar_first: Items for the first sidebar.
 * - $sidebar_second: Items for the second sidebar.
 * - $header: Items for the header region.
 * - $footer: Items for the footer region.
 * - $page_closure: Items to appear below the footer.
 *
 * The following variables are deprecated and will be removed in Drupal 7:
 * - $body_classes: This variable has been renamed $classes in Drupal 7.
 *
 * @see template_preprocess()
 * @see template_preprocess_page()
 * @see zen_preprocess()
 * @see zen_process()
 */
?>
<!DOCTYPE html>
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
  <meta charset="utf-8" />
  <title>Wagas，健康饮食开启美好生活</title>
  <?php //print $head; ?>
  <?php //print $styles; ?>
  <?php //print $scripts; ?>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no, maximum-scale=1.0">
  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  <meta content="" name="description" />
  <meta content="" name="author" />
  <!-- BEGIN GLOBAL MANDATORY STYLES -->
  <link rel="shortcut icon" href="/favicon.ico">
  <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700&amp;subset=all' rel='stylesheet' type='text/css'>
  <link href="/themes/jango/assets/plugins/socicon/socicon.css" rel="stylesheet" type="text/css" />
  <link href="/themes/jango/assets/plugins/bootstrap-social/bootstrap-social.css" rel="stylesheet" type="text/css" />
  <link href="/themes/jango/assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  <link href="/themes/jango/assets/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
  <link href="/themes/jango/assets/plugins/animate/animate.min.css" rel="stylesheet" type="text/css" />
  <link href="/themes/jango/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  <!-- END GLOBAL MANDATORY STYLES -->
  <!-- BEGIN: BASE PLUGINS  -->
  <link href="/themes/jango/assets/plugins/revo-slider/css/settings.css" rel="stylesheet" type="text/css" />
  <link href="/themes/jango/assets/plugins/revo-slider/css/layers.css" rel="stylesheet" type="text/css" />
  <link href="/themes/jango/assets/plugins/revo-slider/css/navigation.css" rel="stylesheet" type="text/css" />
  <link href="/themes/jango/assets/plugins/cubeportfolio/css/cubeportfolio.min.css" rel="stylesheet" type="text/css" />
  <link href="/themes/jango/assets/plugins/owl-carousel/assets/owl.carousel.css" rel="stylesheet" type="text/css" />
  <link href="/themes/jango/assets/plugins/fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css" />
  <link href="/themes/jango/assets/plugins/slider-for-bootstrap/css/slider.css" rel="stylesheet" type="text/css" />
  <!-- END: BASE PLUGINS -->
  <!-- BEGIN THEME STYLES -->
  <link href="/themes/jango/assets/base/css/plugins.css" rel="stylesheet" type="text/css" />
  <link href="/themes/jango/assets/base/css/components.css" id="style_components" rel="stylesheet" type="text/css" />
  <link href="/themes/jango/assets/base/css/themes/yellow3.css" rel="stylesheet" id="style_theme" type="text/css" />
  <link href="/themes/jango/css/custom.css" rel="stylesheet" type="text/css" />
  <!-- END THEME STYLES -->
  <style>
    body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
      /*font-family: "Roboto Condensed",sans-serif !important;*/
      font-family: "microsoft yahei",sans-serif !important;
      /*此处改为微软雅黑*/
    }
    .c-layout-header .c-brand .c-desktop-logo {
      margin-top: -15px;
      margin-bottom: -15px;
    }
    .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-brand .c-desktop-logo-inverse {
      margin-top: -13px;
      margin-bottom: -11px;
    }
    .c-layout-header .c-brand .c-mobile-logo {
      margin-top: -6px;
      margin-bottom: -10px;
    }
    .c-theme-nav li.c-active {
      color: #000 !important;
    }
    .c-theme-nav li.c-active > a:not(.btn) {
      color: #000 !important;
    }
    .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
      color: #999999;
    }
    .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn), .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn), .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn) {
      color: #999999;
    }
    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn {
      margin: 34px 0px 33px;
    }
    .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-btn {
      margin: 15px 0px 16px;
    }
    .c-btn-uppercase.btn-sm {
      padding: 6px 10px 4px;
    }
    .c-layout-header .c-brand > .c-language-toggler {
      background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
      border: 0 none;
      float: right;
      height: 20px;
      margin: 0 25px 0 0;
      outline: medium none;
      padding: 0;
      width: 46px;
    }
    .c-icons{
      display: inline-block;
      list-style-type: none;
      margin: 0;
      padding: 0;
    }
    .c-icons > li {
      padding: 12px 5px 8px;
      display: inline;
    }
    .c-icons > li a{
      color: #7f8c97;
    }
    .c-layout-header .c-cart-menu {
      width: 105px;
    }
    .c-layout-footer-6 .c-postfooter .c-copyright {
      font-size: 18px;
      font-weight: bold;
    }
    .c-bg-dark-2 {
      background-color: #50505a !important;
    }
    p{
      font-size: 14px;line-height: 23px;
    }
/*
@media (min-width: 1200px){
.container {
    width: 1090px;
}
}*/
@media (min-width: 992px) {
  .c-layout-header .c-brand > .c-language-toggler,
  .c-layout-header .c-brand > .c-share-toggler {
    display: none; 
  }
  .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-btn-icon {
    margin: 6px 5px 7px;
    transition: all 0.2s ease 0s;
  }
  .prism-player{
    max-height:380px;
  }
}

@media (max-width: 700px) {
  #home2{
    margin-top:-30px;
  }
}
@media (max-width: 991px) {
  .c-layout-header .c-brand > .c-search-toggler,
  .c-layout-header .c-brand > .c-cart-toggler {
    display: inline-block; 
  }
  .prism-player{
    max-height:280px;
  }
  .c-content-media-2 {
    margin-bottom: 0px !important;
  }
}
.c-content-box.c-size-md {
  padding: 30px 0;
}
.owl-item {
  padding: 0px !important;
}

.owl-theme:not(.owl-single):not(.owl-bordered) {
  margin-left: 0px !important;
  width: calc(100% - 0px);
}

.owl-carousel .owl-controls {
  margin-top: 0px;
}

.owl-theme .owl-controls .owl-nav [class*="owl-"] {
  margin:0px;
  padding:0px;
  background:none;
  color:#ccc;
  font-size: 30px;
  position: absolute;
  top:4rem;
}
.owl-theme .owl-controls .owl-nav .owl-prev {
  left: 15px;
  top: 46%;
}
.owl-theme .owl-controls .owl-nav .owl-next {
  right: 15px;
  top: 46%;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover {
  /*background-color: white;*/
  color: #FF9E19;
  text-decoration: none;
}
.owl-theme .owl-dots {
  position: absolute;
  bottom: 0px;
  left: calc(50% - 40px);
}
.owl-theme .owl-dots .owl-dot span {
  margin: 5px 5px;
  border-radius: 30px !important;
}
#container{
  height: 348px;
  margin: 0px;
}
.amap-logo {
  right: 0 !important;
  left: auto !important;
  display: none !important;
}
        /*.amap-geo{
		   display: none !important;
		}
		.amap-vectors{
		display: none !important;
  }*/
  .amap-copyright {
    right: 70px !important;
    left: auto !important;
    display: none !important;
    /*hidden-xs visible-xs*/
  }  
  .row-eq-height{
    display: flex;
  }
  #panel ul{
    list-style:none;
  } 
  #panel ul li{
    margin-left: -40px;
  } 
  .poi-title{
    font-size:16px;
    font-weight:700;
  }
  .poi-price{
    color:#999;
  }
  .poi-info{
    border-bottom:1px solid #EEE;
    line-height:28px;
  }
  .poi-addr{
    margin-bottom:0px;
  }

</style>
<link rel="shortcut icon" href="favicon.ico" />
<script src="/themes/jango/assets/plugins/jquery.min.js" type="text/javascript"></script>
<script src="/themes/jango/assets/plugins/jquery-migrate.min.js" type="text/javascript"></script>
<script src="/themes/jango/assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
</head>
<body class="c-layout-header-fixed c-layout-header-mobile-fixed c-layout-header-fullscreen <?php print $classes; ?>">
  <?php print $header; ?>
  <header class="c-layout-header c-layout-header-onepage c-layout-header-4 c-layout-header-default-mobile" id="home" data-minimize-offset="40">
    <div class="c-navbar">
      <div class="container">
        <!-- BEGIN: BRAND -->
        <div class="c-navbar-wrapper clearfix">
          <div class="c-brand c-pull-left"> <a href="index_cn.php" class="c-logo"> <img src="/sites/themes.labx.top/files/upload/wagas/wagas_logo.png" alt="logo" class="c-desktop-logo"> <img src="/sites/themes.labx.top/files/upload/wagas/wagas_logo.png" alt="logo" class="c-desktop-logo-inverse"> <img src="/sites/themes.labx.top/files/upload/wagas/wagas_logo3.png" alt="logo" class="c-mobile-logo"> </a>
            <button class="c-hor-nav-toggler" type="button" data-target=".c-mega-menu"> <span class="c-line"></span> <span class="c-line"></span> <span class="c-line"></span> </button>
            <button class="c-language-toggler" type="button" id="en"> <img src="/assets/global/img/flags/gb.png" alt="" style="padding: 0px 2px 4px;"> <span style="margin: 0px; color:#999; font-size: 14px;">EN<span> </button>
            <button class="c-cart-toggler" type="button"> <span class="icon-share" aria-hidden="true"></span> </button>
          </div>
          <script type="text/javascript">
            $(document).ready(function(){
              $("#en").click(function(){
                window.location.href = "/index.php";
              });
            });
          </script>
		  <script>
		  var _hmt = _hmt || [];
		  (function() {
			  var hm = document.createElement("script");
			  hm.src = "https://hm.baidu.com/hm.js?7d94ba6209acb78d54a75c431222f269";
			  var s = document.getElementsByTagName("script")[0]; 
			  s.parentNode.insertBefore(hm, s);
			  })();
			  </script>
          <!-- END: BRAND -->
          <!-- BEGIN: HOR NAV -->
          <!-- BEGIN: LAYOUT/HEADERS/MEGA-MENU-ONEPAGE -->
          <!-- BEGIN: MEGA MENU -->
          <!-- =========导航栏========= -->
          <nav class="c-mega-menu c-mega-menu-onepage c-pull-right c-mega-menu-dark c-mega-menu-dark-mobile c-fonts-uppercase c-fonts-bold" data-onepage-animation-speed="700">
            <ul class="nav navbar-nav c-theme-nav">
              <li class="c-onepage-link c-active active"> <a href="#home" class="c-link">首页</a> </li>
              <li class="c-onepage-link "> <a href="#about" class="c-link">关于我们</a> </li>
              <li class="c-onepage-link "> <a href="#member" class="c-link">会员奖励</a> </li>
               <li class="c-onepage-link "> <a href="#location" class="c-link">找到我们</a> </li>
<!--              <li class="c-onepage-link "> <a href="" class="c-link">找到我们</a> </li>-->
              <li class="c-onepage-link "> <a href="http://wagasdelivery.com.cn/" class="c-link" target="_blank">沃乐送</a> </li>
              <li class="c-onepage-link "> <a href="#join" class="c-link">加入我们</a> </li>
              <li class="c-cart-toggler-wrapper"> <a href="/index.php" class="c-btn-border-opacity-04 c-btn btn-no-focus c-btn-header btn btn-sm c-btn-border-1x c-btn-uppercase c-btn-sbold"> <img src="/assets/global/img/flags/gb.png" alt="" style="padding: 0px 2px 4px;"> <span style="margin: 0px; color:#999; font-size: 14px;">EN</span> </a> </li>
              <li><a class="c-link" href="#home" style="padding: 1px;"></a></li>
              <li class="c-cart-toggler-wrapper"> <a href="#" class="c-btn-border-opacity-04 c-btn btn-no-focus c-btn-header btn btn-sm c-btn-border-1x c-btn-uppercase c-btn-sbold c-cart-toggler"> <span class="icon-share" aria-hidden="true"></span> </a> </li>
              <li><a class="c-link" href="#home" style="padding: 1px;"></a></li>
            </ul>
          </nav>
          <!-- END: MEGA MENU -->
          <!-- END: LAYOUT/HEADERS/MEGA-MENU-ONEPAGE -->
          <!-- END: HOR NAV -->
        </div>
        <div class="c-cart-menu">
          <div class="c-cart-menu-title text-center">
            <nav class="c-top-menu c-pull-left">
              <ul class="c-icons c-theme-ul jiathis_style">
                <li> <a class="jiathis_button_tsina" id="sina1"> <i class="fa fa-weibo"></i> </a> </li>
                <li> <a data-toggle="modal" data-target=".bs-example-modal-sm2" style="padding-left:10px;"> <i class="fa fa-wechat" style="margin-top: 5px;"></i></a> </li>
              </ul>
            </nav>
          </div>
        </div>
      </div>
    </div>
  </header>
  <?php print $highlight; ?> <?php print $content_top; ?> <?php print $content; ?>
<?php /***
<div class="hidden-xs" style="position: fixed; border: 0px none; z-index: 99999999; right: 26px; top: 403px;"> <a href="http://www.bakerandspice.com.cn" target="_blank"><img src="/sites/themes.labx.top/files/upload/wagas/wagas_logo_b02.png"></a> <br>
  <br>
  <a href="http://www.wineandspice.com.cn" target="_blank"><img src="/sites/themes.labx.top/files/upload/wagas/wagas_logo_b01.png"></a> </div>
<div class="visible-xs" style="position: fixed; border: 0px none; z-index: 99999999; right: 8px; top: 283px;"> <a href="http://www.bakerandspice.com.cn" target="_blank"><img src="/sites/themes.labx.top/files/upload/wagas/wagas_logo_b02.png" style="width:40px; height:40px;"></a> <br>
  <br>
  <a href="http://www.wineandspice.com.cn" target="_blank"><img src="/sites/themes.labx.top/files/upload/wagas/wagas_logo_b01.png" style="width:40px; height:40px;"></a> </div>
  ***/?>
  <div class="c-layout-page">
    <!-- BEGIN: PAGE CONTENT -->
    <!-- BEGIN: LAYOUT/SLIDERS/REVO-SLIDER-4 -->
    <div>
      <style>
/* Browser Resets
*********************************/
.default-flex .flex-container a:active,
.default-flex .flexslider a:active,
.default-flex .flex-container a:focus,
.default-flex .flexslider a:focus  {outline: none;}
.default-flex .slides,
.default-flex .flex-control-nav,
.default-flex .flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.default-flex  ul,.default-flex  ol ,.default-flex  li {padding:0;margin:0;list-style:none}
.default-flex ul,.default-flex  ol{float:none!important;margin:0}
.default-flex .flex-direction-nav a,.default-flex .flex-direction-nav a :hover {padding:0!important;background-color:transparent!important}
div#main-container #header .default-flex  .flex-viewport ul,div#main-container #header .default-flex  ul{margin-top:0!important;margin-right:0!important}
.default-flex .flexslider-img-content{opacity:0;visibility:hidden;}
.default-flex.flexslider-img-preloader{background:url(../images/loading.gif) no-repeat center center;min-width:100px;min-height:80px;display:block}
/* Browser Resets */
.default-flex .flex-container a:active,
a:active,
.default-flex .flex-container a:focus,
a:focus  {outline: none;}
.default-flex .slides,
.default-flex .flex-control-nav,
.default-flex .flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
.default-flex .flex-control-nav,.default-flex .flex-control-nav a,.default-flex .flex-direction-nav,.default-flex .flex-direction-nav a,.default-flex .flex-pauseplay ,.default-flex .flex-pauseplay a{z-index:3}
.default-flex  .flex-caption{margin:0px; background:#000;
  opacity:0.7;
  filter:alpha(opacity=70); /* For IE8 and earlier */
  padding:10px;
  color:#fff;

}
.default-flex  .flex-caption h1,.default-flex  .flex-caption h2,.default-flex  .flex-caption h3,.default-flex  .flex-caption h4,.default-flex  .flex-caption h5 ,.default-flex  .flex-caption h6, .default-flex  .flex-caption p ,.default-flex  .flex-caption{color:#fff!important}
/* FlexSlider Necessary Styles
*********************************/
.default-flex .flexslider {margin: 0; padding: 0;margin-top:0!important}
.default-flex .flexslider .slides > li {display: none; position:relative} /* Hide the slides before the JS is loaded. Avoids image jumping */
.default-flex .flexslider .slides img.flex-slide-img {width: 100%; display: block;margin:0 auto}
.default-flex .flex-pauseplay span {text-transform: capitalize;}
.default-flex .flex-caption{position:absolute;left:0;right:0;bottom:0;padding:10px;color:#fff}
/* Clearfix for the .slides element */
.default-flex .slides:after {content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .default-flex .slides {display: block;}
* html .default-flex .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .default-flex .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.default-flex .flexslider {  background: transparent; border: none; position: relative;zoom: 1; }
.default-flex .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.default-flex .loading .flex-viewport { max-height: 300px; }
.default-flex .flexslider .slides { zoom: 1; }
.default-flex .carousel li { margin-right:0px; }

/* Direction Nav */
/*arrows-image*/
.default-flex.arrows-image  .flex-direction-nav a {width: 36px; height: 39px; margin: -20px 0 0; display: block; background: url(/sites/themes.labx.top/files/upload/wagas/bg_direction_nav2.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.default-flex.arrows-image  .flex-direction-nav .flex-next {background-position: 0 -39px; right: -0px;}
.default-flex.arrows-image  .flex-direction-nav .flex-prev {left: -0px;}
.default-flex.arrows-image:hover .flex-next {opacity: 1; right: 0;}
.default-flex.arrows-image:hover .flex-prev {opacity: 1; left: 0;}
.default-flex.arrows-image  .flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/*fonticon*/
.default-flex.arrows-font-icon .flex-direction-nav {*height: 0;}
.default-flex.arrows-font-icon .flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10;opacity: 0; cursor: pointer; color: #eee!important;  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;background:transparent;line-height:40px }
.default-flex.arrows-font-icon .flex-direction-nav li {line-height:1}
.default-flex.arrows-font-icon .flex-direction-nav .flex-prev { left: -50px; }
.default-flex.arrows-font-icon  .flex-direction-nav .flex-next { right: -50px; text-align: right; }
.default-flex.arrows-font-icon .flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.default-flex.arrows-font-icon  .flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.default-flex.arrows-font-icon  .flexslider:hover .flex-next:hover,.default-flex.arrows-font-icon .flexslider:hover .flex-prev:hover { opacity: 1; }
.default-flex.arrows-font-icon  .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.default-flex.arrows-font-icon .flex-direction-nav a:before  { font-family: 'flexslider'; font-size: 40px; display: inline-block; content: '\e601'; }
.default-flex.arrows-font-icon .flex-direction-nav a.flex-next:before  { content: '\e600'; }

/* Pause/Play */
.default-flex .flex-pauseplay a { display: block; width: 40px; height: 40px; position: absolute; top:50%; left: 50%; opacity: 0; z-index: 10;  cursor: pointer; color:#eee!important;margin:-20px 0 0 -20px ;-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;line-height:40px }
.default-flex .flex-pauseplay a:before  { font-family: 'flexslider'; font-size: 40px; display: inline-block; content: '\e605'; }
.default-flex:hover .flex-pauseplay a  { opacity: 1; }
.default-flex .flex-pauseplay a.flex-play:before { content: '\e604'; }

/* Control Nav */
.default-flex .flex-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: center;left:0;right:0}
.default-flex .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.default-flex .flex-control-paging li a {width: 11px; height: 11px; display: block; background:#eee; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px !important; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.default-flex .flex-control-paging li a:hover { background:#f8a614; }
.default-flex .flex-control-paging li a.flex-active { background: #f8a614; cursor: default; }

.default-flex .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.default-flex .flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.default-flex .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.default-flex .flex-control-thumbs img:hover {opacity: 1;}
.default-flex .flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 768px) {
  .default-flex .flex-caption{position:static!important;}
}
</style>
<style>
  .flex-icon {
   font-family: 'flexslider';
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;

   /* Better Font Rendering =========== */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }

 .flex-arrow-right:before {
   content: "\e600";
 }
 .flex-arrow-left:before {
   content: "\e601";
 }
 .flex-arrow-down:before {
   content: "\e602";
 }
 .flex-arrow-up:before {
   content: "\e603";
 }
 .flex-play:before {
   content: "\e604";
 }
 .flex-pause:before {
   content: "\e605";
 }
 .slider ol, .slider ul {
  list-style: outside none none;
}
</style>
<!--<style>-->
<!--  .flexslider_edit_disable{width:100%;min-height:20px;background:#999999;padding:10px;text-align:center;color:#fff}-->
<!--  .flexslider_edit_disable.error{color:#cf0000}-->
<!--  a:focus{outline:none!important;}-->
<!--  .external-flexslider-container8624.default-flex .flexslider-container8624 {position:relative;	}-->
<!--  .default-flex .flexslider-container8624 img {max-height:800px;}-->
<!--  .default-flex .flexslider-container8624 {margin:0 auto}-->
<!--  .default-flex .flexslider-container8624 h1 {margin:0;font-size:35px;font-weight:normal;text-align:left;}-->
<!--  .default-flex .flexslider-container8624 {margin-bottom:40px}-->
<!--  .slides img.flex-slide-img{width:100%;height:auto}-->
<!--  .default-flex .flexslider-container8624{padding:0px;}-->
<!--  div#main-container #header .flexslider ul{float:none!important}-->
<!--</style>-->
<!-- =======轮播图片======= -->
<!--<div class="">-->
<!--  <div class="external-flexslider-container8624 flexslider-img-preloader default-flex arrows-image" >-->
<!--    <div class="flexslider carousel flexslider-container8624 flexslider-img-content" id="">-->
<!--      <ul class="slides8624 slides">-->
<!--        <li><img src="/sites/themes.labx.top/files/upload/wagas/wagas_bg_01.jpg" alt="" class="flex-slide-img"/></li>-->
<!--        <li><img src="/sites/themes.labx.top/files/upload/wagas/wagas_bg_02.jpg" alt="" class="flex-slide-img"/></li>-->
<!--        <li><img src="/sites/themes.labx.top/files/upload/wagas/wagas_bg_03.jpg" alt="" class="flex-slide-img"/></li>-->
<!--        <li><img src="/sites/themes.labx.top/files/upload/wagas/wagas_bg_04.jpg" alt="" class="flex-slide-img"/></li>-->
<!--      </ul>-->
<!--    </div>-->
<!--  </div>-->
<!--</div>-->
<!--</div>-->
      <style>
        li{list-style-type:none;}
        .flexslider{position:relative;overflow:hidden;background:url(images/loading.gif) 50% no-repeat;}
        .slides{position:relative;z-index:1;}
        /*.slides li{height:400px;}*/
        .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
        .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}

        /*.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(images/dot.png) right 0 no-repeat;cursor:pointer;}*/
        .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background-color:#f8a614;cursor:pointer;border-radius: 14px;}
        .flex-control-nav .flex-active{background-color: white;}
        /*.flex-control-nav .flex-active{background-position:0 0;}*/
        .flex-control-nav{padding-left: 0px;}

        .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
        .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
        .flex-direction-nav li a.flex-prev{left:40px;background:url(images/prev.png) center center no-repeat;}
        .flex-direction-nav li a.flex-next{right:40px;background:url(images/next.png) center center no-repeat;}
      </style>

      <div class="jq22-container">

        <div class="flexslider">
          <ul class="slides" style="padding-left: 0px;">
            <li style="background:url(/sites/themes.labx.top/files/upload/wagas/wagas_bg_01.jpg) 50% 0 no-repeat;background-size: 100% 100%;"></li>
            <li style="background:url(/sites/themes.labx.top/files/upload/wagas/wagas_bg_02.jpg) 50% 0 no-repeat;background-size: 100% 100%;"></li>
            <li style="background:url(/sites/themes.labx.top/files/upload/wagas/wagas_bg_03.jpg) 50% 0 no-repeat;background-size: 100% 100%; "></li>
            <li style="background:url(/sites/themes.labx.top/files/upload/wagas/wagas_bg_04.jpg) 50% 0 no-repeat;background-size: 100% 100%; "></li>
          </ul>
        </div>

      </div>
<!-- END: LAYOUT/SLIDERS/REVO-SLIDER-4 -->
<!-- ============品牌故事================ -->
<section id="home2">
  <div class="c-content-box c-size-md c-bg-parallax">
    <div class="container">
      <div class="row" style=" margin-bottom:30px;" id="cc">
        <div class="col-md-4 col-md-offset-2 col-sm-6">
          <div class="msg-info"> <span style="font-size:18px;font-weight:700;padding: 0px 0px 2px 0px;margin-bottom: 31px;">品牌故事 </span>
           <div style="width: 70px;border-bottom: 4px solid #f8a614"></div>
            <!--<a href="http://weibo.com/wagascn" target="_blank"><i class="fa fa-weibo"></i></a> &nbsp;&nbsp; <a data-toggle="modal" href="#small"><i class="fa fa-wechat"></i></a>-->
			<div style="padding: 0px 0px 8px 0px;"></div>
            <p style="font-size: 14px;line-height: 23px;padding-top: 4px;">1999年，一个叫John F. Christensen的丹麦小伙子发现，在上海他很难找到可口的三明治，第一家Wagas就此诞生。Wagas是一个拥有多家西式健康轻食连锁餐厅的集团。我们每日提供美味的食物——<span style="color:#ff9e19;">三明治、意面、色拉、摩登亚洲、蛋糕、鲜榨果汁和精品特焙咖啡。</span><br>
              沃歌斯坚持食物的高品质和口味的一致性，这是我们的核心理念，我们也倾心为之努力。 </p>
            </div>
            <img src="/sites/themes.labx.top/files/upload/wagas/wagas_js_02.jpg" class="img-responsive hidden-xs" id="msg-img"> </div>
            <div class="col-md-4 col-sm-6 hidden-xs"><img src="/sites/themes.labx.top/files/upload/wagas/wagas_js_01.jpg" class="img-responsive" id="img"> </div>
          </div>
          <div class="row">
            <div class="col-md-4 col-md-offset-2 col-sm-6 hidden-xs"><img src="/sites/themes.labx.top/files/upload/wagas/wagas_js_04.jpg" class="img-responsive" style=" margin-bottom:30px;"> </div>
            <div class="col-md-4 col-sm-6"><img src="/sites/themes.labx.top/files/upload/wagas/wagas_js_03.jpg" class="img-responsive" >
              <div style="margin-top:20px; text-align:center;" >
                <p style="font-size: 18px;line-height: 26px;font-weight:700;margin-bottom: 0;">拥有65家门店<br>
                  横跨10个城市<br>
                  从1999年起成<span style="padding: 0px 0px 2px 0px;">为健康轻</span>食领域的先锋</p>
                  <div style="width: 70px;margin:0 auto;border-bottom: 4px solid #f8a614"></div>
				  <div style="padding: 0px 0px 8px 0px;"></div>
                  <p style="font-size: 14px;line-height: 23px;">在2010年，源于我们对品质的追求，Baker & Spice诞生了。它是一个获得了多个奖项的咖啡面包房，专注于提供欧洲面包、酸面包、西点和蛋糕。它每日为Wagas提供新鲜产品，保证了最好的质量。</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

      <!-- ========关于我们========== -->
      <section id="about">
        <!-- BEGIN: CONTENT/FEATURES/FEATURES-6 -->
        <div class="c-content-box c-size-md c-bg-parallax">
          <div class="container">
            <div class="row" style="margin-bottom:20px;">
              <div class="col-md-12"><img src="/sites/themes.labx.top/files/upload/wagas/wagas_home_02.jpg" class="img-responsive"></div>
            </div>
            <div class="row" style="margin-bottom:20px; padding: 0 50px;">

              <div class="col-md-12 text-center" style="background: #ededec none repeat scroll 0 0;">
                <div class="row">

                 <div class="col-md-6" style="padding:0px;">
                   <link rel="stylesheet" href="/themes/inibc/js/labxplayer.css" />
                   <script type="text/javascript" src="/themes/inibc/js/prism.js"></script>
                   <div class="prism-player" id="J_prismPlayer"></div>
                   <script>
                     var player = new prismplayer({
     id: "J_prismPlayer", // 容器id
     source: "http://labxvideoo.oss-cn-hangzhou.aliyuncs.com/Act-m3u8-segment/bcb8dc273d584c60a0230201b26dd25b/Wagas delivery video_30s_website.m3u8",  // 视频url 支持互联网可直接访问的视频地址
     autoplay: false,      // 自动播放
     width: "100%",       // 播放器宽度
     height: "100%",      // 播放器高度
     cover: "/sites/themes.labx.top/files/upload/wagas/wagas_home_11.jpg",
   });
 </script>
</div>

<div class="col-md-6" style="padding:15px;">
 <h4 class="c-font-bold" style="">了解更多Wagas相关信息</h4>
 <div style="margin-bottom:10px; font-weight:bold; font-size:18px; ">WAGAS<!--<img src="/sites/themes.labx.top/files/upload/wagas/wagas_home_05.jpg">--></div>
 <div class="row">
  <div class="col-xs-6 text-center">
    <p>扫描二维码直接进入微信</p>
    <img src="/sites/themes.labx.top/files/upload/wagas/wagas_home_042.jpg" class="img-responsive" style="margin: 0 auto;"> <a href="http://weibo.com/wagascn" target="_blank">
    <button class="btn c-btn-dark c-btn-square" type="button" style="margin-top:20px; color:#FFF;padding: 6px 10px 4px 10px;font-size: 12px;">一键进入官方微博</button>
  </a> </div>
  <div class="col-xs-6 text-center">
    <p>扫描二维码直接进入沃乐送</p>
    <img src="/sites/themes.labx.top/files/upload/wagas/wagas_home_04.jpg" class="img-responsive" style="margin: 0 auto;"> <a href="http://wagasdelivery.com.cn/" target="_blank">
    <button class="btn c-btn-dark c-btn-square" type="button" style="margin-top:20px; color:#FFF;padding: 6px 10px 4px 10px;font-size: 12px;">一键进入沃乐送</button>
  </a> </div>
</div>
</div>

</div>
</div>
</div>
</div>
</div>
<!-- END: CONTENT/FEATURES/FEATURES-6 -->
</section>

<!-- ========会员奖励========== -->
<section id="member">
  <!-- BEGIN: CONTENT/SLIDERS/TEAM-1 -->
  <div class="c-content-box c-size-md c-bg-white">
    <div class="container">
      <!-- Begin: Testimonals 1 component -->
      <div class="row" style="padding:0px 50px;">
        <div class="col-md-6" style="margin-bottom:20px;padding:0px 30px;">
          <h3 class="c-font-bold"><span style="font-size:18px;font-weight:700;padding: 0px 0px 2px 0px;margin-bottom: 31px;">沃歌斯会员奖励</span></h3>
          <div style="width: 125px;border-bottom: 4px solid #f8a614"></div>
		  <div style="padding: 0px 0px 8px 0px;"></div>
          <p style="font-size:14px;">注册成为沃歌斯会员，可在Wagas 和 Baker & Spice参与门店购买全价产品时获得积分。每消费一元积一分，积分有效期为1年。积分可兑换会员专享优惠券！</p>
          <p>会员级别越高，可享优惠越多！快来加入，用健康饮食开启您的美好生活吧！</p>
          <div> <a href="/member_cn.php?act=2" target="_blank">
            <button class="btn c-btn-dark c-btn-square" type="button" style="margin-top:20px;color:#FFF;"> 会员奖励计划</button>
          </a> <a href="/member_cn.php" target="_blank">
          <button class="btn c-btn-dark c-btn-square" type="button" style="margin-top:20px; color:#FFF;"> FAQ</button>
        </a> </div>
        <!--<p style="padding:15px 0px;">点击微信按钮关注Wagas微信了解更多 <a data-toggle="modal" data-target=".bs-example-modal-sm"><i class="fa fa-wechat"></i></a></p>-->
      </div>
      <div class="col-md-6" style="padding:0px 30px;"> <img src="/sites/themes.labx.top/files/upload/wagas/wagas_home_member02.jpg" class="img-responsive"> </div>
    </div>
    <!-- End-->
  </div>
</div>
<!-- END: CONTENT/SLIDERS/TEAM-1 -->
</section>


<!-- ========位置信息========== -->
<section id="location">
  <!-- BEGIN: CONTENT/FEATURES/FEATURES-11 -->
  <div class="c-content-box c-size-md c-bg-parallax" style="">
    <div class="container">
      <div class="row" style="margin-bottom:20px;" id="outer-box">
        <div class="col-md-7" style="padding:0px 30px;">
          <div id="container" tabindex="0"></div>
          <div id="tip" style="display:none;"></div>
        </div>
        <div class="col-md-5" style="padding:0px 30px;">
          <h3 class="c-font-bold"><span style="font-size:18px;font-weight:700;padding: 0px 0px 2px 0px;margin-bottom: 31px;">找到我们</span></h3>
          <div style="width: 75px;border-bottom: 4px solid #f8a614"></div>
		  <div style="padding: 0px 0px 10px 0px;"></div>
          <p style="font-weight:700;">当前位置
            <span id="province"></span>
          
            <span id="district"></span> </p>
            <div id="testDiv" style="overflow: hidden; width: auto; height: 270px;">
              <div id="panel" class="scrollbar1">
                <ul id="myList">
                </ul>
              </div>
            </div>
            <script type="text/javascript">

              $(function(){

                $('#testDiv').slimScroll({
                  height: '270px'
                });



              });

            </script>
            <input id="path1" value="0" type="hidden">
            <input id="lng1" value="0" type="hidden">
            <input id="lat1" value="0" type="hidden">
            <ul id="btnList" class="hide">
              <li>
                <input value="xx" type="button" data-path="/1071?act=json" />
              </li>
            </ul>
          </div>
        </div>
<!--         <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=95c80cfd691b63ad0124904ea7ac5243&plugin=AMap.Geocoder"></script> -->
      <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=3cf802c87163003905e0a52cd3b262d2&plugin=AMap.Geocoder"></script>
      <script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
        <!-- UI组件库 1.0 -->
         <script src="//webapi.amap.com/ui/1.0/main.js"></script>
         <script language="javascript">
          var map, geolocation;
          var result;
          var pospath;
          /* 初始化地图 */
          function mapInit () {
    /*map = new AMap.Map('container');    //默认定位：初始化加载地图时，center及level属性缺省，地图默认显示用户所在城市范围
	map.setLang('en');
	map.zoom('11');*/
	
	map = new AMap.Map('container', {
    resizeEnable: true,
    zoom:15,
    scrollWheel:false,  
  });
  AMapUI.loadUI(['control/BasicControl'], function(BasicControl) {
      map.addControl(new BasicControl.Zoom({
        position: 'lt', //left top，左上角
        showZoomNum: true //显示zoom值
      }));
    });
};

/*** STEP 1 ***/
function getCurrentPosition () { //调用浏览器定位服务
  map.plugin('AMap.Geolocation', function () {
    geolocation = new AMap.Geolocation({
            enableHighAccuracy: true,//是否使用高精度定位，默认:true
            timeout: 10000,          //超过10秒后停止定位，默认：无穷大
            maximumAge: 0,           //定位结果缓存0毫秒，默认：0
            convert: true,           //自动偏移坐标，偏移后的坐标为高德坐标，默认：true
            showButton: true,        //显示定位按钮，默认：true
            buttonPosition: 'LB',    //定位按钮停靠位置，默认：'LB'，左下角
            buttonOffset: new AMap.Pixel(30, 20),//定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20)
            showMarker: true,        //定位成功后在定位到的位置显示点标记，默认：true
            showCircle: true,        //定位成功后用圆圈表示定位精度范围，默认：true
            panToLocation: true,     //定位成功后将定位到的位置作为地图中心点，默认：true
            zoomToAccuracy:true      //定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false
          });
    map.addControl(geolocation);
    geolocation.getCurrentPosition();
        AMap.event.addListener(geolocation, 'complete', onComplete);//返回定位信息
        AMap.event.addListener(geolocation, 'error', onError);      //返回定位出错信息
      });
};
function onComplete (data) {   //解析定位结果
    //var str = '<p>定位成功</p>';
    //str += '<p>经度：' + data.position.getLng() + '</p>';
    //str += '<p>纬度：' + data.position.getLat() + '</p>';
    //str += '<p>精度：' + data.accuracy + ' 米</p>';
    //str += '<p>是否经过偏移：' + (data.isConverted ? '是' : '否') + '</p>';
    //result.innerHTML = str;
    console.log("STEP 1 定位成功");
	//console.log("经度： " + data.position.getLng());
	//console.log("纬度： " + data.position.getLat());
	//document.getElementById('result').innerHTML = str;
	
	document.getElementById("lng1").value = data.position.getLng();
	document.getElementById("lat1").value = data.position.getLat();
	
	
	/*** 逆地理编码 ***/
  lnglatXY = [data.position.getLng(), data.position.getLat()];


		function regeocoder() {  //逆地理编码
      var geocoder = new AMap.Geocoder({
       radius: 1000,
       extensions: "all"
     });     
      geocoder.getAddress(lnglatXY, function(status, result) {

       console.log(status);
       console.log(result);
       console.log("222");

       if (status === 'complete' && result.info === 'OK') {
         console.log(lnglatXY);
         geocoder_CallBack(result);
         console.log("111");
       }
     });        
    }
    function geocoder_CallBack(data) {
			var address = data.regeocode.formattedAddress; //返回地址描述
			var province = data.regeocode.addressComponent.province;
			var district = data.regeocode.addressComponent.district;
			console.log(data.regeocode.addressComponent);
			console.log("省市:" + data.regeocode.addressComponent.province + "市:" +data.regeocode.addressComponent.city + "区:" +data.regeocode.addressComponent.district);
			document.getElementById("province").innerHTML = " > " + province;
			document.getElementById("district").innerHTML = " > " + district;
			document.getElementById("path1").value="/res_cn.php?act=json&type=1&city=" + province;
			
		}
		regeocoder();
		//document.getElementById("path1").value="/res.php?act=json&type=1&lng=" + data.position.getLng() + "&lat=" + data.position.getLng();
   placelist();

   /*** ***/

 };
function onError (data) {    //解析定位错误信息
  console.log("STEP 1 定位失败");
  showCityInfo();
};

/*** STEP 2 ***/
function showCityInfo() {  //IP定位
    //加载IP定位插件
    map.plugin(["AMap.CitySearch"], function() {
        //实例化城市查询类
        var citysearch = new AMap.CitySearch();
        //自动获取用户IP，返回当前城市
        citysearch.getLocalCity();
        AMap.event.addListener(citysearch, "complete", function(result){
          if(result && result.city && result.bounds) {
            var cityinfo = result.city;
            var citybounds = result.bounds;
            console.log("STEP 2 : 您当前所在城市："+cityinfo+"");
                //document.getElementById('result').innerHTML = "您当前所在城市："+cityinfo+"";
                //地图显示当前城市
                map.setBounds(citybounds);
              }
              else {
                console.log("STEP 2 : 您当前所在城市："+cityinfo+"");
				//document.getElementById('result').innerHTML = "您当前所在城市："+result.info+"";
      }
      document.getElementById("path1").value = "/res_cn.php?act=json&type=2&city=" + cityinfo;
      placelist();
    });
        AMap.event.addListener(citysearch, "error", function(result){
          console.log("STEP 2 : 您当前IP所在城市无效");
          placeSearch();
        });
      });
  }

  /*** STEP 3 ***/
  var MSearch;
  var key_1;
function placeSearch() {  //POI搜索，关键字查询
    //key_1 = document.getElementById("key_1").value;
    key_1 = "上海市";
    document.getElementById('result').innerHTML = "您输入的是：" + key_1;
    map.plugin(["AMap.PlaceSearch"], function() {    //构造地点查询类  
      MSearch = new AMap.PlaceSearch({ 
        pageSize:10,
        pageIndex:1,
            city:"021" //城市
          });
      AMap.event.addListener(MSearch, "complete", function(data){
        var poiArr = data.poiList.pois;
        var lngX = poiArr[0].location.getLng();
        var latY = poiArr[0].location.getLat();
        map.setCenter(new AMap.LngLat(lngX, latY));
        });//返回地点查询结果        
        MSearch.search(key_1); //关键字查询
      });
    document.getElementById("path1").value = "/res_cn.php?act=json&type=3&city=" + key_1;
    placelist();
  }

  mapInit();
  getCurrentPosition();


  /*** STEP 4 ***/
  function placelist() { 
    AMapUI.loadUI(['misc/MarkerList', 'overlay/SimpleMarker', 'overlay/SimpleInfoWindow'],
      function(MarkerList, SimpleMarker, SimpleInfoWindow) {


            //即jQuery/Zepto
            var $ = MarkerList.utils.$;

            // var defaultIconStyle = 'red', //默认的图标样式
            //     hoverIconStyle = 'green', //鼠标hover时的样式
            //     selectedIconStyle = 'purple' //选中时的图标样式
            //     ;
            var defaultIconStyle = {
              src: 'http://www.wagas.com.cn/images/hei.png',
              style: {
                width:'20px'
              }
            };
            var hoverIconStyle = {
              src: 'http://www.wagas.com.cn/images/huang.png',
              style: {
                width:'20px'
              }
            };
            var selectedIconStyle = {
                  src: 'http://www.wagas.com.cn/images/huang.png',
                  style: {
                      width:'20px'
                  }
                };
                var markerList = new MarkerList({
                  map: map,
                //ListElement对应的父节点或者ID
                listContainer: "myList", //document.getElementById("myList"),
                //选中后显示

                //从数据中读取位置, 返回lngLat
                getPosition: function(item) {
                  return [item.longitude, item.latitude];
                },
                //数据ID，如果不提供，默认使用数组索引，即index
                getDataId: function(item, index) {

                  return item.id;
                },
                getInfoWindow: function(data, context, recycledInfoWindow) {

                  if (recycledInfoWindow) {

                    recycledInfoWindow.setInfoTitle(data.name);
                    // recycledInfoWindow.setInfoBody(data.address);
                    recycledInfoWindow.setInfoBody(data.address+"</br>"+data.tel);

                    return recycledInfoWindow;
                  }

                  return new SimpleInfoWindow({
                    infoTitle: data.name,
                    // infoBody: data.address,
                    infoBody: data.address+"</br>"+data.tel,
                    offset: new AMap.Pixel(0, -37)
                  });
                },
                //构造marker用的options对象, content和title支持模板，也可以是函数，返回marker实例，或者返回options对象
                getMarker: function(data, context, recycledMarker) {

					//console.log(context);
					//var label = String.fromCharCode('A'.charCodeAt(0) + context.index);
					var label = context.index + 1;

          if (recycledMarker) {
            // recycledMarker.setIconLabel(label);
            return;
          }

          return new SimpleMarker({
            containerClassNames: 'my-marker',
            iconStyle: defaultIconStyle,
            // iconLabel: label
          });
        },
                //构造列表元素，与getMarker类似，可以是函数，返回一个dom元素，或者模板 html string
                getListElement: function(data, context, recycledListElement) {

                    //var label = String.fromCharCode('A'.charCodeAt(0) + context.index);
                    var label = context.index + 1;

                    if(document.getElementById("lng1").value!="0"){
					//var lnglat = new AMap.LngLat(document.getElementById("lng1").value, document.getElementById("lat1").value);
	                //var strdistance = Math.floor(lnglat.distance([data.longitude, data.latitude]));//
					//console.log(document.getElementById("lng1").value);
					//console.log(document.getElementById("lat1").value);
					//console.log(strdistance);
					var innerHTML = MarkerList.utils.template('<div class="poi-imgbox">' +
            '    <span class="poi-img" style="background-image:url(<%- data.pic %>)"></span>' +
            '</div>' +
            '<div class="poi-info-left">' +
            '    <h3 class="poi-title">' +
            '        <%- label %>. <%- data.name %>(<%- data.distance %>M)' +
            '    </h3>' +
            '    <div class="poi-info">' +
            '        <p class="poi-addr"><%= data.address %></p>' +
            '        <span class="poi-price">' +
            '            <%= data.price %>' +
            '        </span>' +
            '    </div>' +
            '</div>' +
            '<div class="clear"></div>', {
              data: data,
              label: label
							//strdistance: strdistance
            });
        }else{
					//使用模板创建
					var innerHTML = MarkerList.utils.template('<div class="poi-imgbox">' +
            '    <span class="poi-img" style="background-image:url(<%- data.pic %>)"></span>' +
            '</div>' +
            '<div class="poi-info-left">' +
            '    <h3 class="poi-title">' +
            '        <%- label %>. <%- data.name %>' +
            '    </h3>' +
            '    <div class="poi-info">' +
            '        <p class="poi-addr"><%= data.address %></p>' +
            '        <span class="poi-price">' +
            '            <%= data.price %>' +
            '        </span>' +
            '    </div>' +
            '</div>' +
            '<div class="clear"></div>', {
              data: data,
              label: label
            });
       }


       if (recycledListElement) {
        recycledListElement.innerHTML = innerHTML;
        return recycledListElement;
      }

      return '<li class="poibox">' +
      innerHTML +
      '</li>';
    },
                //列表节点上监听的事件
                listElementEvents: ['click', 'mouseenter', 'mouseleave'],
                //marker上监听的事件
                markerEvents: ['click', 'mouseover', 'mouseout'],
                //makeSelectedEvents:false,
                selectedClassNames: 'selected',
                autoSetFitView: true
              });

window.markerList = markerList;

markerList.on('selectedChanged', function(event, info) {

  checkBtnStats();

  if (info.selected) {

    if (info.selected.marker) {
                        //更新为选中样式
                        info.selected.marker.setIconStyle(selectedIconStyle);
                      }

                    //选中并非由列表节点上的事件触发，将关联的列表节点移动到视野内
                    if (!info.sourceEventInfo.isListElementEvent) {

                      if (info.selected.listElement) {
                        scrollListElementIntoView($(info.selected.listElement));
                      }
                    }
                  }

                  if (info.unSelected && info.unSelected.marker) {
                    //更新为默认样式
                    info.unSelected.marker.setIconStyle(defaultIconStyle);
                  }
                });

markerList.on('listElementMouseenter markerMouseover', function(event, record) {

  if (record && record.marker) {

                    //forcusMarker(record.marker);

                    //this.openInfoWindowOnRecord(record);

                    //非选中的id
                    if (!this.isSelectedDataId(record.id)) {
                        //设置为hover样式
                        record.marker.setIconStyle(hoverIconStyle);
                        //this.closeInfoWindow();
                      }
                    }
                  });

markerList.on('listElementMouseleave markerMouseout', function(event, record) {

  if (record && record.marker) {

    if (!this.isSelectedDataId(record.id)) {
                        //恢复默认样式
                        record.marker.setIconStyle(defaultIconStyle);
                      }
                    }
                  });

            //数据输出完成
            markerList.on('renderComplete', function(event, records) {

              checkBtnStats();
            });

            // markerList.on('*', function(type, event, res) {
            //     console.log(type, event, res);
            // });

            //加载数据
            function loadData(src, callback) {

              $.getJSON(src, function(data) {

                markerList._dataSrc = src;

					//console.log(data);
					//console.log(data.length);
					
					var lnglat = new AMap.LngLat(document.getElementById("lng1").value, document.getElementById("lat1").value);

          for (var j = 0; j < data.length; j++) {

                //console.log(data[j]);

                
				//var lnglat = new AMap.LngLat(data[j].longitude, data[j].latitude);
       var strdistance = Math.floor(lnglat.distance([data[j].longitude, data[j].latitude]));

       data[j].distance = strdistance;
     }

     console.log(data);




     var newdata = data;

     var sortBy=function (filed,rev,primer){
      rev = (rev) ? -1 : 1;
      return function (a, b) {
        a = a[filed];
        b = b[filed];
        if (typeof (primer) != 'undefined') {
          a = primer(a);
          b = primer(b);
        }
        if (a < b) { return rev * -1; }
        if (a > b) { return rev * 1; }
        return 1;
      }
    };
    newdata.sort(sortBy('distance',false,parseInt));
    console.log(newdata);


                    //渲染数据
                    markerList.render(newdata);

                    if (callback) {
                      callback(null, data);
                    }
                  });
            }

            var $btns = $('#btnList input[data-path]');

            /**
             * 检测各个button的状态
             */

             function checkBtnStats() {
              $('#btnList input[data-enable]').each(function() {

                var $input = $(this),
                codeEval = $input.attr('data-enable');

                $input.prop({
                  disabled: !eval(codeEval)
                });
              });
            }
            

            $('#btnList').on('click', 'input', function() {

              var $input = $(this),
              dataPath = $input.attr('data-path'),
              codeEval = $input.attr('data-eval');

              if (dataPath) {
                loadData(dataPath);
              } else if (codeEval) {
                eval(codeEval);
              }

              checkBtnStats();
            });

            //loadData($btns.attr('data-path'));
            pospath = document.getElementById("path1").value;
			//if(pospath!="test"){
       console.log("pospath:" + pospath)
       loadData(pospath);
			//}
			
			//console.log(pospath);

			/*
            function forcusMarker(marker) {
                marker.setTop(true);

                //不在地图视野内
                if (!(map.getBounds().contains(marker.getPosition()))) {

                    //移动到中心
                    map.setCenter(marker.getPosition());
                }
            }
            */

            function isElementInViewport(el) {
              var rect = el.getBoundingClientRect();

              return (
                rect.top >= 0 &&
                rect.left >= 0 &&
                rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */
                rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */
                );
            }

            function scrollListElementIntoView($listEle) {

              if (!isElementInViewport($listEle.get(0))) {
                $('#panel').scrollTop($listEle.offset().top - $listEle.parent().offset().top);
              }

                //闪动一下
                $listEle
                .one('webkitAnimationEnd oanimationend msAnimationEnd animationend',
                  function(e) {
                    $(this).removeClass('flash animated');
                  }).addClass('flash animated');
              }


            });
}

/*** STEP 5 ***/
</script>
<!-- ========我们的餐厅========== -->
<div class="row">
  <div class="col-md-12">
    <style>
     .item {
      padding: 0px;
      text-align: center;
    }
    .owl-stage-outer {
      position: relative;
    }
    .owl-theme .owl-controls .owl-nav [class*="owl-"] {
      margin:0px;
      padding:0px;
      background:none;
      color:#ccc;
      font-size: 30px;
      position: absolute;
      top: calc(50% - 8px);
      border-radius: 50%;
    }
    .owl-theme .owl-controls .owl-nav .owl-prev {
      left: 0px;
    }
    .owl-theme .owl-controls .owl-nav .owl-next {
      right: 0px;
    }
    .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover {
      color: #f8a614;
      text-decoration: none;
      opacity: 1 !important;
    }
    .owl-theme .owl-dots {
      position: absolute;
      bottom: 0px;
      left: calc(50% - 40px);
    }
    .owl-theme .owl-dots .owl-dot span {
      margin: 5px 5px;
      border-radius: 30px !important;
    }
    .owl-theme:not(.owl-single):not(.owl-bordered){
      margin-left: 0px !important;
      width: 100%;
    }
    @media (min-width: 768px) {
      .owl-carousel .col-xs-12,.title-12{
       width: inherit;
     }
     .owl-carousel2 .col-xs-12{
       width: inherit;
     }
     .owl-theme:not(.owl-single):not(.owl-bordered){
       width: inherit;
     }
     .hzhb img{
       min-height: 400px;
     }
   }

   .owl-theme .owl-controls .owl-nav .owl-prev {
    left: 20px;
  }
  .owl-theme .owl-controls .owl-nav .owl-next {
    right: 20px;
  }

  .owl-controls{
    margin-top: 0px;
  }
  .owl-carousel1 img{
    width: 100px !important;
    margin:0px auto;
  }
  .owl-carousel .titel-h4{
    font-size: 15px; 
    color: white;
  }
  .owl-carousel .content-p{
    font-size: 12px;
    color: white;
    text-align: left;
  }

  .owl-carousel2 img{
    width:
    margin:0px auto;
  }
  .owl-carousel2 .owl-stage-outer .owl-item{
    padding:0px !important;
  }
  .owl-carousel2 .owl-controls .owl-nav [class*="owl-"] {
    width: 30px;
    background-color: #161A1D;
    opacity: 0.4;
  }
  @media(max-width:450px) and (min-width: 360px){
    .owl-carousel2 .item{
     padding:0px;
   }
 }
 @media(max-width:360px) and (min-width: 280px){
  .owl-carousel2 .item{
   padding:0px;
 }
}
/* Team */
.team-figure{ position: relative; text-align: center; padding: 0px;}
figcaption h2{color:white;}
figcaption p{color:white;font-size: 14px;padding:0px 20px;opacity:0;}
.team-figure::before{ content: ""; position: absolute; left: 0; z-index: 1; top: 0;background:#000;  height: 100%; width: 100%;opacity:0;}
.team-figure.opacity82::before{opacity:0;}
.team-figure:hover::before{ height: 100%;opacity: 0.8;background: #000;}

.employee-detail{ position: absolute; top: 0; height: 100%; width: 100%; left: 0;z-index: 2;}	
.employee-desination{padding-top:35%;}

.team-figure:hover .employee-desination{ opacity: 1;padding-top: 20%;}
.team-figure:hover .employee-desination .item-line{opacity: 0 !important;}

.item-img, .item-img-hover{position: absolute;left: 0;right: 0;top: 0;}

.item-img-hover{opacity: 0;}
.team-figure:hover .item-img-hover{opacity: 1;}
.team-figure:hover figcaption p{opacity: 1;}
.team-figure:hover figcaption{margin-top:-10px;}
.employee-desination, .employee-desination .item-line, .item-img-hover,.item-img, figcaption, figcaption p, .team-figure::before{
  transition: all .4s cubic-bezier(0.4, 0, 0.2, 1);
}
.owl-carousel .owl-controls{margin-top: 0px}
</style>
<div class="c-content-box text-center">
  <div class="row" >
    <!-- owl-carousel start -->
    <div class="container" style="padding:0px;">
      <div class="owl-carousel2">
        <div class="item">
		<figure class="team-figure"> <img src="/sites/themes.labx.top/files/upload/wagas/wagas_shop_07.jpg" alt="img-01">
                        <div class="employee-detail">
                          <div class="employee-desination">
                            <figcaption>
                              <p>上海市普陀区中山北路3300号上海环球港一层L1045-L1047<br>
                                021-52995677</p>
                              </figcaption>
                            </div>
                          </div>
                        </figure>
          

          </div>

          <div class="item">

            <figure class="team-figure"> <img src="/sites/themes.labx.top/files/upload/wagas/wagas_shop_02.jpg" alt="img-01">
              <div class="employee-detail">
                <div class="employee-desination">
                  <figcaption>
                    <p>成都市锦江区中纱帽街8号1层1239商铺<br>
                      028-86946802</p>
                    </figcaption>
                  </div>
                </div>
              </figure>
            </div>
            <div class="item">
              <figure class="team-figure"> <img src="/sites/themes.labx.top/files/upload/wagas/wagas_shop_03.jpg" alt="img-01">
                <div class="employee-detail">
                  <div class="employee-desination">
                    <figcaption>
                      <p>广州市天河区天河路383号太古汇商场裙楼一层MU06单元<br>
                        020-85655790</p>
                      </figcaption>
                    </div>
                  </div>
                </figure>
              </div>
              <div class="item">
                <figure class="team-figure opacity82"> <img src="/sites/themes.labx.top/files/upload/wagas/wagas_shop_04.jpg" alt="img-01">
                  <div class="employee-detail">
                    <div class="employee-desination">
                      <figcaption>
                        <p>上海市徐汇区东湖路7号<br>
                          021-54661488</p>
                        </figcaption>
                      </div>
                    </div>
                  </figure>
                </div>
                <div class="item">
                  <figure class="team-figure opacity82"> <img src="/sites/themes.labx.top/files/upload/wagas/wagas_shop_05.jpg" alt="img-01">
                    <div class="employee-detail">
                      <div class="employee-desination">
                        <figcaption>
                          <p>上海市静安区南京西路1515号 N1-22<br>
                            021-62521509</p>
                          </figcaption>
                        </div>
                      </div>
                    </figure>
                  </div>
                  <div class="item">
                    <figure class="team-figure"> <img src="/sites/themes.labx.top/files/upload/wagas/wagas_shop_06.jpg" alt="img-01">
                      <div class="employee-detail">
                        <div class="employee-desination">
                          <figcaption>
                            <p>上海市浦东新区陆家嘴环路1188号L1商铺<br>
                              021-68685296</p>
                            </figcaption>
                          </div>
                        </div>
                      </figure>
                    </div>
                    <div class="item">
                      <figure class="team-figure opacity82"> <img src="/sites/themes.labx.top/files/upload/wagas/wagas_shop_01.jpg" alt="img-01">
            <div class="employee-detail">
              <div class="employee-desination">
                <figcaption>
                  <p>北京市朝阳区建国路91号金地广场一层L108 L109<br>
                    010-85712826</p>
                  </figcaption>
                </div>
              </div>
            </figure>
                      </div>
                      <div class="item">
                        <figure class="team-figure opacity82"> <img src="/sites/themes.labx.top/files/upload/wagas/wagas_shop_08.jpg" alt="img-01">
                          <div class="employee-detail">
                            <div class="employee-desination">
                              <figcaption>
                                <p>无锡市滨湖区立信大道168号海岸城购物中心1层117室<br>
                                  0510-85179897</p>
                                </figcaption>
                              </div>
                            </div>
                          </figure>
                        </div>
                      </div>
                    </div>
                    <!-- owl-carousel end -->
                  </div>
                </div>
                <script type="text/javascript">
                 $(document).ready(function(){
                  $('.owl-carousel2').owlCarousel({
                   loop:true,
                   margin:10,
                   nav:true,
                   navText:['',''],
                   responsive:{
                    100:{
                      items:1,
                      dots:false
                    },
                    320:{
                      items:1,
                      dots:false
                    },
                    530:{
                      items:2,
                      dots:false
                    },
                    640:{
                      items:2,
                      dotsEach:false
                    },
                    960:{
                      items:3,
                      dotsEach:false
                    },
                    1280:{
                      items:3,
                      dotsEach:false
                    }
                  }
                });
                  $('.owl-carousel2 .owl-prev').addClass('fa fa-angle-left');
                  $('.owl-carousel2 .owl-next').addClass('fa fa-angle-right');
                });
              </script>
            </div>
          </div>
        </div>
      </div>
      <!-- END: CONTENT/FEATURES/FEATURES-11 -->
    </section>
    <!-- ================加入我们=================== -->
    <section id="join">
      <!-- BEGIN: CONTENT/SLIDERS/TEAM-1 -->
      <div class="c-content-box c-size-md c-bg-white">
        <div class="container">
          <!-- Begin: Testimonals 1 component -->
          <div class="row">
            <div class="col-md-6" style="margin-bottom:20px;"> <span style="font-size:18px;font-weight:700;padding: 0px 0px 2px 0px;margin-bottom: 31px;">欢迎你加入Wagas<span style="color:#ff9e19;">大家庭</span><span>，</span><br>
              <span>找到<span style="color:#ff9e19;">不一样</span><span>的自己 </span>
			  <div style="padding: 0px 0px 8px 0px;"></div>
              <div style="width: 210px;border-bottom: 4px solid #f8a614"></div>
              <p style="font-size:14px; line-height:23px; padding-top:10px;">如果你对服务行业有极大的热情， 愿意接受培训聪明，且充满活力，<br>
                如果你极具设计天赋，愿意参与精美的门店设计或平面设计，<br>
                如果你对精致咖啡有浓厚的兴趣，愿意在工作时间学习英文，<br>
                无论你是什么专业，只要你对自己充满自信！<br>
                我们要的就是你！<br>
                你的微笑是我们信心的来源，你的热情是我们品牌的保证。<br>
                你在Wagas有着令人期待的未来！<br>
                现正在招聘职位：高级/室内设计师，高级/平面设计师，门店经理，见习经理，咖啡师及其他相关人员 </p>
                <p><span style="font-size:12px;">应聘方式：021- 6234 0680 转121 careers@wagas.com.cn</span></p>
                <!--<p style="text-align: right; font-size:14px;">Love, Wagas</p>-->
                <ul class="c-icons c-theme-ul jiathis_style">
              <!--<li> <a href="#"> <i class="fa fa-facebook"></i> </a> </li>
              <li> <a href="#"> <i class="fa fa-vimeo"></i> </a> </li>
              <li> <a href="#"> <i class="fa fa-twitter"></i> </a> </li>-->
              <li> <a class="jiathis_button_tsina" id="sina2"></a></li>
              <li><a class="jiathis_button_weixin" id="weixin2"></a></li>
              <!-- <li> <a data-toggle="modal" data-target=".bs-example-modal-sm2"> <i class="fa fa-wechat"></i> </li> -->
            </ul>
            <!-- JiaThis Button BEGIN -->
            <script type="text/javascript" src="http://v3.jiathis.com/code/jia.js" charset="utf-8"></script>
            <script>
              $(document).ready(function(){

                $("#sina1").html("<i class='fa fa-weibo'></i>");
                $("#weixin1").html("<i class='fa fa-wechat'></i>");
                $("#sina2").html("<i class='fa fa-weibo'></i>");
                $("#weixin2").html("<i class='fa fa-wechat'></i>");

              });
            </script>
            <style>

             .c-top-menu .jtico_tsina{
               padding-top: 5px;
             }
             .jiathis_style .jtico_tsina {
              background-position: -100px -96px !important;
              padding-left:0px !important;
              font-size:16px;
              overflow: visible;
            }
            .jiathis_style .jtico_weixin {
              background-position: -100px -1809px !important;
              padding-left:0px !important;
              font-size:16px;
              overflow: visible;
            }
          </style>
          <!-- JiaThis Button END -->
        </div>
        <div class="col-md-6">
          <img src="/sites/themes.labx.top/files/upload/wagas/wagas_js_044.jpg" class="img-responsive">
        </div>
      </div>
      <!-- End-->
    </div>
  </div>
  <!-- END: CONTENT/SLIDERS/TEAM-1 -->
</section>
<section id="contact"> </section>
<!-- END: PAGE CONTENT -->
</div>
<script type="text/javascript">
  var offset = function(){
   var imgw = $('#img').height();
   var conw = $('#msg-img').height();
   var offset = imgw - conw;

   if($("#cc").width() >= "710"){
    $('.msg-info').css('height',offset);
    $('#msg-img').css('margin-bottom','0px');
  }else{
   $('.msg-info').css('height','auto');
   $('#msg-img').css('margin-bottom','30px');
 }

}
window.onload = offset;
window.onresize = offset;
</script>

<?php print $content_bottom; ?>
<!-- BEGIN: LAYOUT/FOOTERS -->
<?php print $footer; ?> <a name="footer"></a>


<!-- 底部栏 -->
<footer class="c-layout-footer c-layout-footer-6">
  <div class="c-postfooter c-bg-dark-2">
    <div class="container">
      <div class="row text-center">
        <div class="col-md-5">
          <div class="row">


           <div class="col-xs-12">
             <style>
              #accordion4 .panel { border:none; box-shadow: none; }
              #accordion4 a{ color: #FFF; font-size:14px;}
              #accordion4 a:hover { color: #FFF;}
              #accordion4 .panel-heading { background-color: #50505a; border-bottom:1px solid #FFF; color:#fafafa;}

              #accordion4 .panel-body { background-color: #50505a; border-top:0px solid #DDD !important; color:#acacac; padding:5px 0px 0px 0px;}

              #accordion4 .panel-title .accordion-toggle.accordion-toggle-icon .toggle-icon:before{font:normal normal normal 14px/1 FontAwesome;content:"\f107";}
              #accordion4 .panel-title .accordion-toggle.accordion-toggle-icon.collapsed .toggle-icon:before{font:normal normal normal 14px/1 FontAwesome;content:"\f106";}
            </style>
            <div id="accordion4" class="panel-group accordion">
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="panel-title"> <a href="#collapse_41" data-parent="#accordion4" data-toggle="collapse" class="accordion-toggle accordion-toggle-icon text-center"> 关注我们 <i class="toggle-icon pull-right"></i></a> </h4>
                </div>
                <div class="panel-collapse collapse" id="collapse_41">
                  <div class="panel-body">
                    <ul class="c-icons c-theme-ul" style="margin:5px 0px;">
                      <li> <a href="http://weibo.com/wagascn" target="_blank" style="color:#acacac;"> <i class="fa fa-weibo"></i> </a> </li>
                      <li> <a data-toggle="modal" data-target=".bs-example-modal-sm" style="color:#acacac;"> <i class="fa fa-wechat"></i> </a> </li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="panel-title"> <a href="#collapse_42" data-parent="#accordion4" data-toggle="collapse" class="accordion-toggle accordion-toggle-icon text-center"> 法律法规 <i class="toggle-icon pull-right"></i></a> </h4>
                </div>
                <div class="panel-collapse collapse" id="collapse_42">
                  <div class="panel-body">
                    <!--<p><a href="/term01_cn.php" target="_blank" style="color:#7f8c97;font-size: 12px;">电子卡券购买须知</a></p>-->
                    <p><a href="/term02_cn.php" target="_blank" style="color:#7f8c97;font-size: 12px;">沃歌斯单用途商业预付卡章程</a></p>
                    <p><a href="/member_cn.php" target="_blank" style="color:#7f8c97;font-size: 12px;">FAQ</a></p>
                  </div>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="panel-title"> <a href="#collapse_43" data-parent="#accordion4" data-toggle="collapse" class="accordion-toggle accordion-toggle-icon text-center">联系我们 <i class="toggle-icon pull-right"></i></a> </h4>
                </div>
                <div class="panel-collapse collapse" id="collapse_43">
                  <div class="panel-body">

                    <p class="c-font-grey-3" style="font-size:14px;"> 上海市西康路225号2楼<br>
                      +86 2162340680<br>
                      意见建议及咨询<br>
                      <a href="mailto:feedback@wagas.com.cn" style="color:#7f8c97;">feedback@wagas.com.cn</a><br>
                      工作机会<br>
                      <a href="mailto:careers@wagas.com.cn" style="color:#7f8c97;">careers@wagas.com.cn</a> </p>
                    </div>
                  </div>
                </div>

              </div>
              
            </div>
            
          </div>
        </div>
        <div class="col-md-7">
          <p class="c-copyright c-font-grey"><img src="/sites/themes.labx.top/files/upload/wagas/wagas_logo2.png" alt="logo" class="c-desktop-logo" style="margin:auto auto; padding: 28px 0px;"></p>
          <p class="c-font-grey-3" style="font-size:14px;">&copy; Website by Wagas &nbsp;<a href="http://www.miitbeian.gov.cn/" target="_blank" style="color:#7f8c97;">沪ICP备07506310号-4</a></p>
        </div>
        
      </div>
    </div>
  </div>
</footer>
<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true" style="display: none;">
  <div class="modal-dialog modal-sm">
    <div class="modal-content c-square">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
        <h4 class="modal-title" id="mySmallModalLabel">微信</h4>
      </div>
      <div class="modal-body"> <img src="/sites/themes.labx.top/files/upload/wagas/wagas_home_042.jpg" class="img-responsive" style="margin:0 auto;"> </div>
      <div class="modal-footer">
        <button type="button" class="btn default" data-dismiss="modal">关闭</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
<div class="modal fade bs-example-modal-sm2" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true" style="display: none;">
  <div class="modal-dialog modal-sm">
    <div class="modal-content c-square">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
        <h4 class="modal-title" id="mySmallModalLabel">分享到微信朋友圈</h4>
      </div>
      <div class="modal-body"> <img src="/sites/themes.labx.top/files/upload/wagas/wagas_qrcode.png" class="img-responsive" style="margin:0 auto;"> </div>
      <div class="modal-footer">
        <p style="text-align:left;">打开微信，点击底部的“发现”，使用 “扫一扫” 即可将网页分享到我的朋友圈。</p>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
<style>
  .modal{
    padding-right:0px !important;
  }
</style>
<?php print $page_closure; ?> <?php print $closure; ?>
<!-- END: LAYOUT/FOOTERS -->
<script type="text/javascript">
  $(document).ready(function(){
    //var myhtml = document.getElementById("myhtml").innerHTML; 
    //var myfoot = document.getElementById("myfoot").innerHTML;
    //console.log(myhtml);

    //$(".region-header").html("");
	//$(myhtml).insertBefore(".region-header");
  $(".c-topbar").hide(); 
  $("body").removeClass("c-layout-header-fullscreen");

    //$(".region-footer .content").html(myfoot);
  });     
</script>
<!-- BEGIN: LAYOUT/FOOTERS/GO2TOP -->
<div class="c-layout-go2top"> <i class="icon-arrow-up"></i> </div>
<!-- END: LAYOUT/FOOTERS/GO2TOP -->
<!-- BEGIN: LAYOUT/BASE/BOTTOM -->
<!-- BEGIN: CORE PLUGINS -->
<!--[if lt IE 9]>
	<script src="/themes/jango/assets/global/plugins/excanvas.min.js"></script> 
	<![endif]-->
  <script src="/themes/jango/assets/plugins/jquery.easing.min.js" type="text/javascript"></script>
  <script src="/themes/jango/assets/plugins/reveal-animate/wow.js" type="text/javascript"></script>
  <script src="/themes/jango/assets/base/js/scripts/reveal-animate/reveal-animate.js" type="text/javascript"></script>
  <!-- END: CORE PLUGINS -->
  <!-- BEGIN: LAYOUT PLUGINS -->
  <script type="text/javascript" src="/assets/global/plugins/flexslider/jquery.flexslider.js"></script>
  <script type="text/javascript" src="/assets/global/plugins/flexslider/jquery.mousewheel.min.js"></script>
<!--
<script src="/themes/jango/assets/plugins/revo-slider/js/jquery.themepunch.tools.min.js" type="text/javascript"></script>
<script src="/themes/jango/assets/plugins/revo-slider/js/jquery.themepunch.revolution.min.js" type="text/javascript"></script>
<script src="/themes/jango/assets/plugins/revo-slider/js/extensions/revolution.extension.slideanims.min.js" type="text/javascript"></script>
<script src="/themes/jango/assets/plugins/revo-slider/js/extensions/revolution.extension.layeranimation.min.js" type="text/javascript"></script>
<script src="/themes/jango/assets/plugins/revo-slider/js/extensions/revolution.extension.navigation.min.js" type="text/javascript"></script>
<script src="/themes/jango/assets/plugins/revo-slider/js/extensions/revolution.extension.video.min.js" type="text/javascript"></script>
-->
<script src="/themes/jango/assets/plugins/cubeportfolio/js/jquery.cubeportfolio.min.js" type="text/javascript"></script>
<script src="/themes/jango/assets/plugins/owl-carousel/owl.carousel.min.js" type="text/javascript"></script>
<script src="/themes/jango/assets/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
<script src="/themes/jango/assets/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
<script src="/themes/jango/assets/plugins/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script>
<script src="/themes/jango/assets/plugins/smooth-scroll/jquery.smooth-scroll.js" type="text/javascript"></script>
<script src="/themes/jango/assets/plugins/slider-for-bootstrap/js/bootstrap-slider.js" type="text/javascript"></script>
<script src="/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<!-- END: LAYOUT PLUGINS -->
<!-- BEGIN: THEME SCRIPTS -->
<script src="/themes/jango/assets/base/js/components.js" type="text/javascript"></script>
<script src="/themes/jango/assets/base/js/components-shop.js" type="text/javascript"></script>
<script src="/themes/jango/assets/base/js/app.js" type="text/javascript"></script>
<script>
  $(document).ready(function()
  {
                App.init(); // init core    
              });
            </script>
            <!-- END: THEME SCRIPTS -->
            <!-- BEGIN: PAGE SCRIPTS -->
            <script type="text/javascript"> 
              $(window).load(function() {
                $(".flexslider-container8624").flexslider({
                  animation:"fade",
                  animationLoop:true,
                  startAt:0,
                  slideshow :true,
                  slideshowSpeed :7000,
                  animationSpeed :600,
                  initDelay :0,randomize :false,pauseOnAction :false,pauseOnHover :false,smoothHeight :false,useCSS :true,touch :true,video :true,controlNav :true,directionNav :true,prevText :"",nextText :"",keyboard :true,multipleKeyboard :true,mousewheel :true,pausePlay :false,pauseText :"",playText :"",
                  namespace: "flex-",
                  start: function(){
                   $(".external-flexslider-container8624.flexslider-img-preloader").css("background-image","none");
                   $(".external-flexslider-container8624 .flexslider-img-content").css("opacity","1");
                   $(".external-flexslider-container8624 .flexslider-img-content").css("visibility","visible");
                   $(".flex-control-nav a").empty();  
                 }
               });
                $( window ).resize(function() {
                  $(".external-flexslider-container8624 .flex-control-nav a").empty(); 
                });	
              });
            </script>

            <script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
            <script type="text/javascript">
              $(document).ready(function(){
                $('.flexslider').flexslider({
                  directionNav: true,
                  pauseOnAction: false,
                  slideshowSpeed: 3000
                });
                $(".flex-control-nav li>a").html("");
                $(".flexslider").css('height',$(window).width()/(2.7));
                $(".slides li").css('height',$(window).width()/(2.7));
                $(window).resize(function () {
                  $(".flexslider").css('height',$(window).width()/(2.7));
                  $(".slides li").css('height',$(window).width()/(2.7));
                });
              });




            </script>
            <!-- END: PAGE SCRIPTS -->
            <!-- END: LAYOUT/BASE/BOTTOM -->
          </body>
          </html>
ҳ̸Ҳ̸ҳ Rabiza Ekel ҳ̸Ҳ̸ҳ