From d656cde2002c0272d9564b33421ec9ce9cc96d79 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E9=B9=8F?= <zhaopeng@hainatravel.com>
Date: Thu, 21 Nov 2024 14:24:22 +0800
Subject: [PATCH] =?UTF-8?q?TS=E7=BD=91=E7=AB=99=E6=96=B0=E5=A2=9E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../trainspread-daydetail-form.php            | 322 ++++++++++++++++++
 .../views/mobile_first/trainspread-pc.php     | 167 +++++++++
 .../mobile_first/trainspread-train-index.php  |  92 +++++
 .../views/mobile_first/trainspread.php        | 197 +++++++++++
 4 files changed, 778 insertions(+)
 create mode 100644 application/views/mobile_first/trainspread-daydetail-form.php
 create mode 100644 application/views/mobile_first/trainspread-pc.php
 create mode 100644 application/views/mobile_first/trainspread-train-index.php
 create mode 100644 application/views/mobile_first/trainspread.php

diff --git a/application/views/mobile_first/trainspread-daydetail-form.php b/application/views/mobile_first/trainspread-daydetail-form.php
new file mode 100644
index 00000000..ecbd0eef
--- /dev/null
+++ b/application/views/mobile_first/trainspread-daydetail-form.php
@@ -0,0 +1,322 @@
+<div class="flex-box m-bottom50">
+   
+        <div class="tours-pic">
+            <?php if ($device == "pc") { ?>
+            <img src="<?php echo $picture_pc ?>" class="img-responsive" width="750" height="460" alt="<?php echo $TITLE ?>">
+             <?php } else { ?>
+            <img src="<?php echo $picture_mobile ?>" class="img-responsive" width="360" height="330" alt="<?php echo $TITLE ?>">
+            <?php } ?>
+            <div class="tourspic-text">
+                <ul>
+                    <li><span class="duration"></span><?php echo $TourData->PAG_NeedTime ==""?"":"Duration:".$TourData->PAG_NeedTime." hours" ?></li>
+                    <li><span class="departure"></span>Departure:Daily</li>
+                    <li><span class="travelers"></span><?php echo $InfoData->MinTravelers>0?"Min Travelers:".$InfoData->MinTravelers." Pax" : "Min Travelers:NO Limit" ?></li>
+                </ul>
+            </div>
+        </div>
+    <div class="container-right right-m">
+        <div class="right-check box-show">
+            <div class="rcheck-top">
+                <p><strong>Price from</strong> <span class="font36 red">US$261</span></p>
+                <p>Per Person/Per Grop up to 3</p>
+                <p><a href="#modal-guarantee">Lowest Prices Guarantee</a></p>
+                <article id="modal-guarantee" class="modal-box">
+                    <div class="guarantee-text"> <a href="#" class="close"></a>
+                        <h2>Lowest Prices Guarantee</h2>
+                        <p>We guarantee the lowest price on all 300,000+ experiences available to book on our site. If you find the same product cheaper online up until 48 hours after your trip starts we'll refund the difference.</p>
+                        <h3>It's Easy To Do</h3>
+                        <ul class="circle-ul red-ul">
+                            <li>
+                                <p><strong>Gather your information</strong></p>
+                                Escape the bustle and hustle of city life in Shanghai to explore the two picturesque towns of Suzhou and Zhouzhuang in one day.
+                            </li>
+                            <li> Visit a glamorous garden, pass by the Great Canal and then see local life in Zhouzhuang Ancient Watertown from a traditional wooden boat.</li>
+                            <li> The coach will pick you up at the appointed time from one of the hotels listed below. </li>
+                            <li> After about two hours drive to Suzhou your tour starts at Lion </li>
+                        </ul>
+                    </div>
+                </article>
+            </div>
+            <div class="rcheck-form">
+                <p class="text-center"><strong>Select Date and Travelers</strong></p>
+                <div class="rcheck-input"><span class="f-date"></span>
+                    <input class="form-control flatpickr-input" name="Starting_Date" id="Starting_Date" value="" type="text" placeholder="Start Date *" readonly="readonly">
+                </div>
+                <?php
+                if ($Other_Msg != null || $AdultMsg != null) {
+                    if ($Other_Msg != null) {
+                        if (strpos(strtolower($Other_Msg), "age") !== false) {
+                            //如果是默认的接送类基本都带age字符串
+                            $show_Othermsg = "No. of Travelers";
+                        } else {
+                            $show_Othermsg = $Other_Msg;
+                        }
+                    ?>
+                        <div class="rcheck-input"><span class="f-name"></span>
+                            <select name="Adults_Num" id="Adults_Num" class="form-control">
+                                <option value="0" selected="selected"><?php echo $show_Othermsg ?></option>
+                                <option value="1">1 </option>
+                                <option value="2">2 </option>
+                                <option value="3">3 </option>
+                                <option value="4">4 </option>
+                                <option value="5">5 </option>
+                                <option value="6">6 </option>
+                                <option value="7">7 </option>
+                                <option value="8">8 </option>
+                                <option value="9">9 </option>
+                                <option value="10">10 </option>
+                                <option value="11">11 </option>
+                                <option value="12">12 </option>
+                                <option value="13">13 </option>
+                                <option value="14">14 </option>
+                                <option value="15">15 </option>
+                                <option value="16">16 </option>
+                                <option value="17">17 </option>
+                                <option value="18">18 </option>
+                                <option value="19">19 </option>
+                                <option value="20">20 </option>
+                            </select>
+                        </div>
+                    <?php } else { ?>
+                        <div class="rcheck-input"><span class="f-name"></span>
+                            <select name="Adults_Num" id="Adults_Num" class="form-control">
+                                <option value="0" selected="selected">Adult (<?php echo $AdultMsg != null ? $AdultMsg : $Other_Msg ?>)</option>
+                                <option value="1">1 </option>
+                                <option value="2">2 </option>
+                                <option value="3">3 </option>
+                                <option value="4">4 </option>
+                                <option value="5">5 </option>
+                                <option value="6">6 </option>
+                                <option value="7">7 </option>
+                                <option value="8">8 </option>
+                                <option value="9">9 </option>
+                                <option value="10">10 </option>
+                                <option value="11">11 </option>
+                                <option value="12">12 </option>
+                                <option value="13">13 </option>
+                                <option value="14">14 </option>
+                                <option value="15">15 </option>
+                                <option value="16">16 </option>
+                                <option value="17">17 </option>
+                                <option value="18">18 </option>
+                                <option value="19">19 </option>
+                                <option value="20">20 </option>
+                            </select>
+                        </div>
+                        <?php if ($ChildMsg != null) { ?>
+                            <div class="rcheck-input"><span class="f-child"></span>
+                                <select name="Child_Num" id="Child_Num" class="form-control">
+                                    <option value="0" selected="selected">Child (<?php echo $ChildMsg ?>)</option>
+                                    <option value="1">1 </option>
+                                    <option value="2">2 </option>
+                                    <option value="3">3 </option>
+                                    <option value="4">4 </option>
+                                    <option value="5">5 </option>
+                                    <option value="6">6 </option>
+                                    <option value="7">7 </option>
+                                    <option value="8">8 </option>
+                                    <option value="9">9 </option>
+                                    <option value="10">10 </option>
+                                    <option value="11">11 </option>
+                                    <option value="12">12 </option>
+                                    <option value="13">13 </option>
+                                    <option value="14">14 </option>
+                                    <option value="15">15 </option>
+                                    <option value="16">16 </option>
+                                    <option value="17">17 </option>
+                                    <option value="18">18 </option>
+                                    <option value="19">19 </option>
+                                    <option value="20">20 </option>
+                                </select>
+                            </div>
+                        <?php } ?>
+                        <?php if ($InfantMsg != null) { ?>
+                            <div class="rcheck-input"><span class="f-child"></span>
+                                <select name="Infant_Num" id="Infant_Num" class="form-control">
+                                    <option value="0" selected="selected">Infant (<?php echo $InfantMsg ?>)</option>
+                                    <option value="1">1 </option>
+                                    <option value="2">2 </option>
+                                    <option value="3">3 </option>
+                                    <option value="4">4 </option>
+                                    <option value="5">5 </option>
+                                    <option value="6">6 </option>
+                                    <option value="7">7 </option>
+                                    <option value="8">8 </option>
+                                    <option value="9">9 </option>
+                                    <option value="10">10 </option>
+                                    <option value="11">11 </option>
+                                    <option value="12">12 </option>
+                                    <option value="13">13 </option>
+                                    <option value="14">14 </option>
+                                    <option value="15">15 </option>
+                                    <option value="16">16 </option>
+                                    <option value="17">17 </option>
+                                    <option value="18">18 </option>
+                                    <option value="19">19 </option>
+                                    <option value="20">20 </option>
+                                </select>
+                            </div>
+                        <?php } ?>
+                    <?php   }
+                } else { ?>
+                    <div class="rcheck-input"><span class="f-name"></span>
+                        <select name="Adults_Num" id="Adults_Num" class="form-control">
+                            <option value="0" selected="selected">Adults(Age12+)</option>
+                            <option value="1">1 </option>
+                            <option value="2">2 </option>
+                            <option value="3">3 </option>
+                            <option value="4">4 </option>
+                            <option value="5">5 </option>
+                            <option value="6">6 </option>
+                            <option value="7">7 </option>
+                            <option value="8">8 </option>
+                            <option value="9">9 </option>
+                            <option value="10">10 </option>
+                            <option value="11">11 </option>
+                            <option value="12">12 </option>
+                            <option value="13">13 </option>
+                            <option value="14">14 </option>
+                            <option value="15">15 </option>
+                            <option value="16">16 </option>
+                            <option value="17">17 </option>
+                            <option value="18">18 </option>
+                            <option value="19">19 </option>
+                            <option value="20">20 </option>
+                        </select>
+                    </div>
+                    <div class="rcheck-input"><span class="f-child"></span>
+                        <select name="Child_Num" id="Child_Num" class="form-control">
+                            <option value="0" selected="selected">Child(Age0-11)</option>
+                            <option value="1">1 </option>
+                            <option value="2">2 </option>
+                            <option value="3">3 </option>
+                            <option value="4">4 </option>
+                            <option value="5">5 </option>
+                            <option value="6">6 </option>
+                            <option value="7">7 </option>
+                            <option value="8">8 </option>
+                            <option value="9">9 </option>
+                            <option value="10">10 </option>
+                            <option value="11">11 </option>
+                            <option value="12">12 </option>
+                            <option value="13">13 </option>
+                            <option value="14">14 </option>
+                            <option value="15">15 </option>
+                            <option value="16">16 </option>
+                            <option value="17">17 </option>
+                            <option value="18">18 </option>
+                            <option value="19">19 </option>
+                            <option value="20">20 </option>
+                        </select>
+                    </div>
+
+                <?php } ?>
+                <div class="rcheck-input">
+                    <a href="javascript:;" class="btn btn-red block" role="button">Check Avalibility</a>
+                </div>
+                <input type="hidden" name="InfoData" id="InfoData" value="<?php echo json_encode($InfoData) ?>" />
+                <input type="hidden" name = "TourData" id = "TourData" value="<?php echo json_encode($TourData) ?>" />
+            </div>
+        </div>
+    </div>
+</div>
+<div class="toursgrade-box" id="product">
+    <div class="toursgrade-list active" role="button">
+        <div class="toursgrade-left">
+            <label class="font24">
+                <input name="" type="radio" value="" checked="checked">
+                Seclce tours</label>
+            <div class="grade-info">
+                <p>Shared Group tour of maximum 12 people. Join this Award Winning shared group food tour at sunset</p>
+                <div class="grade-col grade-titme">
+                    <div class="flex-col col-label">
+                        <input checked="CHECKED" class="mgc" id="r1" name="gender" type="radio" value="Mr.">
+                        <label for="r1">10:00 AM</label>
+                    </div>
+                    <div class="flex-col col-label">
+                        <input checked="CHECKED" class="mgc" id="r3" name="gender" type="radio" value="Mr.">
+                        <label for="r3">10:00 AM</label>
+                    </div>
+                    <div class="flex-col col-label">
+                        <input checked="CHECKED" class="mgc" id="r4" name="gender" type="radio" value="Mr.">
+                        <label for="r4">10:00 AM</label>
+                    </div>
+                    <div class="flex-col col-label">
+                        <input checked="CHECKED" class="mgc" id="r5" name="gender" type="radio" value="Mr.">
+                        <label for="r5">10:00 AM</label>
+                    </div>
+                    <div class="flex-col col-label">
+                        <input checked="CHECKED" class="mgc" id="r6" name="gender" type="radio" value="Mr.">
+                        <label for="r6">10:00 AM</label>
+                    </div>
+                    <div class="flex-col col-label not-btn">
+                        <input checked="CHECKED" class="mgc" id="r7" name="gender" type="radio" value="Mr.">
+                        <label for="r7">10:00 AM</label>
+                    </div>
+                </div>
+                <div class="grade-col grade-city">
+                    <div class="flex-col col-label">
+                        <input checked="CHECKED" class="mgc" id="r8" name="gender" type="radio" value="Mr.">
+                        <label for="r8">Guilin Railway Station- Yangshuo Railway Station</label>
+                    </div>
+                    <div class="flex-col col-label not-btn">
+                        <input checked="CHECKED" class="mgc" id="r9" name="gender" type="radio" value="Mr.">
+                        <label for="r9">Guilin - Yangshuo</label>
+                    </div>
+                </div>
+                <div class="grade-col grade-day">
+                    <div class="flex-col col-label">
+                        <input checked="CHECKED" class="mgc" id="r10" name="gender" type="radio" value="Mr.">
+                        <label for="r10">Morning</label>
+                    </div>
+                    <div class="flex-col col-label">
+                        <input checked="CHECKED" class="mgc" id="r11" name="gender" type="radio" value="Mr.">
+                        <label for="r11">Noon</label>
+                    </div>
+                    <div class="flex-col col-label not-btn">
+                        <input checked="CHECKED" class="mgc" id="r12" name="gender" type="radio" value="Mr.">
+                        <label for="r12">Evening</label>
+                        <label for="r12">Evening</label>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="toursgrade-right">
+            <div class="grade-price">
+                <div class="gradeprice-box">
+                    <div class="grade-totalprice"><strong class="font24">$388.50</strong></div>
+                    <div class="gradeprice-pricedown">1 Adult x $122.10<br>
+                        3 Children x $88.80</div>
+                </div>
+            </div>
+            <div class="grade-btn"><a href="#" class="btn btn-red block" role="button">Book now</a></div>
+        </div>
+    </div>
+    <div class="toursgrade-list" role="button">
+        <div class="toursgrade-left">
+            <label class="font24">
+                <input name="" type="radio" value="">
+                Seclce tours</label>
+            <div class="grade-info">
+                <p>Shared Group tour of maximum 12 people. Join this Award Winning shared group food tour at sunset</p>
+                <div class="">
+                    <button data-automation="start_time" type="button" class="chip__ifUI selected__eXqu primary__q2qK"><span class="chipLabel__WFN7">10:00 AM</span></button>
+                    <div class="col-label">
+                        <input checked="CHECKED" class="mgc" id="r2" name="gender" type="radio" value="Mr.">
+                        <label for="r2">10:00 AM</label>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="toursgrade-right">
+            <div class="grade-price">
+                <div class="gradeprice-box">
+                    <div class="grade-totalprice"><strong class="font24">$388.50</strong></div>
+                    <div class="gradeprice-pricedown">1 Adult x $122.10<br>
+                        3 Children x $88.80</div>
+                </div>
+            </div>
+            <div class="grade-btn"><a href="#" class="btn btn-red block" role="button">Book now</a></div>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/application/views/mobile_first/trainspread-pc.php b/application/views/mobile_first/trainspread-pc.php
new file mode 100644
index 00000000..035531f6
--- /dev/null
+++ b/application/views/mobile_first/trainspread-pc.php
@@ -0,0 +1,167 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <title><?php echo $TITLE ?></title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta content="yes" name="apple-mobile-web-app-capable">
+    <meta name="apple-mobile-web-app-title" content="<?php echo $TITLE ?>">
+    <?php if (in_array($productType, array("customize", "contactus", "cruiseform", "daytripform"))) { // 预订表单不显示 
+    ?>
+        <meta name="robots" content="noindex,nofollow">
+    <?php } else { ?>
+        <meta name="keywords" content="<?php echo $KEYWORDS ?>">
+        <meta name="description" content="<?php echo $DESCRIPTION ?>">
+        <!--@OG:IMAGE@--><?php echo $OGIMAGE ?>
+    <?php } ?>
+    <link rel="canonical" href="<?php echo $CANONICAL ?>">
+    <link rel="shortcut icon" href="/favicon.ico">
+    <link rel="preconnect" href="//data.trainspread.com">
+    <link rel="dns-prefetch" href="//data.trainspread.com">
+    <link rel="dns-prefetch" href="//images.trainspread.com">
+    <link rel="dns-prefetch" href="//www.googletagmanager.com">
+    <link rel="dns-prefetch" href="//www.googleadservices.com">
+    <link rel="dns-prefetch" href="//www.google-analytics.com">
+    <link rel="dns-prefetch" href="//connect.facebook.net">
+    <link rel="dns-prefetch" href="//www.facebook.com">
+    <!--@MAIN-CSS@--><?php echo $MAINCSS ?>
+    <!--@ADDON-CSS@--><?php echo $ADDONCSS ?>
+    <!--@CONSTRUCTION-CODE@--><?php echo $ConstructionCode ?>
+</head>
+
+<body>
+    <!--header-->
+    <header id="header">
+        <div class="container header-flex">
+            <div class="logopc"><a href="/"><img src="https://data.trainspread.com/css/images/logo.png" alt="trainspread logo" width="273" height="50" class="logo img-responsive"></a></div>
+            <div class="top-right">
+                <div class="top-box">
+                    <div class="topsearch">
+                        <form id="cse-search-box" name="googlesreach" action="/search">
+                            <input type="hidden" name="cx" value="016808570474272112209:2xv5z3olaus">
+                            <input type="hidden" name="cof" value="FORID:11">
+                            <div class="relative">
+                                <input type="text" class="siteser" placeholder="Site Search..." name="q">
+                                <button type="submit" class="sitebtn" name="searchbtn" aria-label="searchbtn"><i class="fa fa-search" aria-hidden="true"></i></button>
+                            </div>
+                        </form>
+                    </div>
+                    <a href="/contact-us/" rel="nofollow" class="top-con">Contact Us</a>
+                    <div class="topcontact">
+                        <ul>
+                            <li><a href="mailto:service@chinatravel.com" rel="nofollow"><i class="fa fa-envelope-o" aria-hidden="true"></i>service@chinatravel.com</a></li>
+                            <li><i class="fa fa-envelope-o" aria-hidden="true"></i>86-773-286-5632 (Intl rates apply)</li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="topnav" role="navigation">
+                    <ul id="js_menuBox">
+                        <li><a href="/">Home</a></li>
+                        <li><a href="/china/">Travel Guide</a></li>
+                        <li><a href="/china/">Travel Guide</a></li>
+                        <li><a href="/china/">Travel Guide</a></li>
+                        <li><a href="/china/">Travel Guide<i class="fa fa-angle-down" aria-hidden="true"></i></a>
+                            <ul><span class="container">
+                                    <li><a href="/china/">China</a></li>
+                                    <li><a href="/india/">India</a></li>
+                                    <li><a href="/japan/">Japan </a></li>
+                                    <li><a href="/russia/">Russia </a></li>
+                                    <li><a href="/vietnam/">Vietnam</a></li>
+                                    <li><a href="/south-korea/">South Korea</a></li>
+                                    <li><a href="/thailand/">Thailand</a></li>
+                                    <li><a href="/mongolia/">Mongolia</a></li>
+                                </span>
+                            </ul>
+                        </li>
+                        <li><a href="/aboutus/">About Us </a></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </header>
+    <!--header end-->
+    <!--@TOP-BANNER@--><?php if (isset($TOPBANNER)){ echo $TOPBANNER; } ?>
+    <!--@TOP-VIDEO@--><?php if (isset($TOPVIDEO)) {echo $TOPVIDEO;} ?>
+    <!--banner end-->
+    <main id="main">
+        <?php echo $CUSTOMCONENT ?>
+    </main>
+    <!---mian end---->
+    <?php if (!in_array($productType,array("customize","contactus"))) { // 预订表单不显示 ?>
+        <?php echo $FloatIcon  ?>
+    <!---tailor made star---->
+    <div class="content-tm">
+        <div class="">
+            <div class="content-tm-info">
+                <p>We are here to help you...<br>
+                    start planning your tailor-made China tour with 1-1 help from our travel advisors.</p>
+                <p><a href="/forms/customize.html" class="btn-white">Create Your Trip <i class="fa fa-angle-right" aria-hidden="true"></i></a></p>
+            </div>
+        </div>
+    </div>
+    <!---tailor made end---->
+    <?php } ?>
+    <!--footer star-->
+    <footer id="footer">
+        <div class="container">
+            <div class="flex-row">
+                <div class="footer-left vw-width">
+                    <div class="footer-title">Train Spread</div>
+                    <p>Train Spread is the leading online Shanghai tour operator, offering one-stop Shanghai travel service and tours. <a href="/about-us/">More...</a></p>
+                    <p><i class="fa fa-map-marker"></i>No.70, Qilidian Road, Guilin, Guangxi, P. R. China</p>
+                    <p><i class="fa fa-phone" aria-hidden="true"></i>86-773-286-5632 (Intl rates apply)</p>
+                    <p class="fl-logo"><img src="/images/icon/pata-f.jpg" alt="pata" width="80" height="33"><img src="/images/icon/paypal-f.jpg" alt="paypal" width="80" height="33"></p>
+                </div>
+                <div class="footer-right vw-width">
+                    <div class="footer-list footer-about">
+                        <p class="pr-title">ABOUT US</p>
+                        <ul>
+                            <li><a rel="nofollow" href="/contact-us/">Contact Us</a></li>
+                            <li><a rel="nofollow" href="/about-us/">About Us</a></li>
+                            <li><a rel="nofollow" href="/about-us/terms.html">Terms and Conditions</a></li>
+                            <li><a rel="nofollow" href="/about-us/why-us.html">Why Us</a></li>
+                            <li><a rel="nofollow" href="/about-us/volunteer.htm">Work for us</a></li>
+                        </ul>
+                    </div>
+                    <div class="footer-list text-center">
+                        <p class="pr-title">WHAT OUR CUSTOMERS<br>
+                            ARE SAYING</p>
+                        <p><a href="https://www.tripadvisor.com/Attraction_Review-g298556-d16700226-Reviews-Train_Spread-Guilin_Guangxi.html"><img src="/images/icon/footer-ta.png" alt="Tripadvisor" width="129" height="93"></a></p>
+                    </div>
+                </div>
+            </div>
+            <div class="footer-welogo"> <span class="pr-title">WE ALSO HAVE:</span>
+                <div class="welogo-box"> <a href="https://www.chinatravel.com" target="_blank"><img src="/images/icon/welogo-ct.png" width="90" height="90" alt="chinatravel logo" /></a> <a href="https://www.shanghaihighlights.com" target="_blank"><img src="/images/icon/welogo-sh.png" width="90" height="90" alt="shanghaihighlights logo" /></a> <a href="https://www.mybeijingchina.com" target="_blank"><img src="/images/icon/welogo-bj.png" width="90" height="90" alt="mybeijingchina logo" /></a> <a href="https://www.yangtzeriver.org" target="_blank"><img src="/images/icon/welogo-yz.png" width="90" height="90" alt="yangtzeriver logo" /></a> <a href="https://www.guilinchina.net" target="_blank"><img src="/images/icon/welogo-gl.png" width="90" height="90" alt="guilinchina logo" /></a> <a href="https://www.tibetguru.com" target="_blank"><img src="/images/icon/welogo-tb.png" width="90" height="90" alt="tibetguru logo" /></a></div>
+            </div>
+        </div>
+        <div class="footer-bottom">
+            <p>Copyright © 1998 - 2024. All Rights Reserved to Train Spread</p>
+        </div>
+    </footer>
+    <!--footer end-->
+    <script>
+eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('8.R=10;(4(){3 h=b 26();4 11(X){8.R=X&&X.1I===\'1b\'?h.1V==1:10;1c()}h.1T=11;h.1Z=11;h.S=\'1M:1R/1x;1F,1Q/1P=\'})();5(!c.g){c.g=(4(){3 1u=y.M.1S;3 P=4(l){6 I l==="4"||1u.Q(l)==="[19 1L]"};3 1j=4(D){3 f=1O(D);5(1N(f)){6 0}5(f===0||!1Y(f)){6 f}6(f>0?1:-1)*o.1X(o.20(f))};3 1y=o.1U(2,1W)-1;3 1a=4(D){3 9=1j(D);6 o.1G(o.1H(9,0),1y)};6 4 g(J){3 C=E;3 U=y(J);5(J==p){F b H("c.g 1K 1J 1E-1D 19 - V p 1k B")}3 n=j.m>1?j[1]:2o B;3 T;5(I n!=="B"){5(!P(n)){F b H("c.g: 2q 2j, 2i 2k 2l 2m 2n a 4")}5(j.m>2){T=j[2]}}3 9=1a(U.m);3 A=P(C)?y(b C(9)):b c(9);3 k=0;3 d;1l(k<9){d=U[k];5(n){A[k]=I T==="B"?n(d,k):n.Q(T,d,k)}z{A[k]=d}k+=1}A.m=9;6 A}}())}5(!c.M.v){c.M.v=4(u){3 T,k;5(E==p){F b H("E 1i p 1k V 2p")}3 O=y(E);3 9=O.m>>>0;5(I u!=="4"){F b H(u+" 1i V a 4")}5(j.m>1){T=j[1]}k=0;1l(k<9){3 d;5(k 13 O){d=O[k];u.Q(T,d,k,O)}k++}}}4 1c(2h){3 14=4(i){i.W("1b",4(){i.r.q=1});5(8.R){i.1z("S",i.1B("1A").25(\'.28\',\'.1x\'))}z{i.1z("S",i.1B("1A"))}};3 1p=c.g(e.1q("h[1C=27]"));1p.v(4(7,Y){7.r.q=0;7.r.1w="q 0.18 1e-13-1m";14(7)});3 w=1o();w();4 12(l,1s,1v){3 N=p,L=b 1r();6 4(){3 K=b 1r();22(N);5(K-L>=1v){l();L=K}z{N=21(l,1s)}}}4 1h(1n){3 16=1n.24();6{15:16.15+8.23-e.t.2e,1t:16.1t+8.2d-e.t.2g}}4 1o(){3 G=c.g(e.1q("h[1C=2f]"));G.v(4(7,Y){7.r.q=0;7.r.1w="q 0.18 1e-13-1m"});6 4(){3 1g=8.2a;3 x=(e.t&&e.t.x)||(e.1d&&e.1d.x);G=G.29(4(7,Y){3 1f=1h(7).15;3 Z=1f<1g+x;5(Z){14(7)}6!Z})}}5(8.W){8.W("2c",12(w,s,s),10)}z{5(8.17){8.17("2b",12(w,s,s))}}};',62,151,'|||var|function|if|return|element|window|len||new|Array|kValue|document|number|from|img|target|arguments||fn|length|mapFn|Math|null|opacity|style|500|documentElement|callback|forEach|lazyloader|scrollTop|Object|else||undefined||value|this|throw|lazyImageList|TypeError|typeof|arrayLike|curTime|startTime|prototype|timeout||isCallable|call|isSupportWebp|src||items|not|addEventListener|event|index|hasVisible|false|getResult|throttle|in|loadImageByUrl|top|box|attachEvent|5s|object|toLength|load|createImageLoader|body|ease|offsetTop|seeHeight|getOffset|is|toInteger|or|while|out|el|createLazyloader|imageList|querySelectorAll|Date|delay|left|toStr|atleast|transition|webp|maxSafeInteger|setAttribute|originalsrc|getAttribute|loader|like|array|base64|min|max|type|an|requires|Function|data|isNaN|Number|vuUAAA|UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA|image|toString|onerror|pow|width|53|floor|isFinite|onload|abs|setTimeout|clearTimeout|pageYOffset|getBoundingClientRect|replace|Image|ready|jpg|filter|innerHeight|onscroll|scroll|pageXOffset|clientTop|lazy|clientLeft|settings|the|provided|second|argument|must|be|void|defined|when'.split('|'),0,{}))
+    function loadScriptByAsync(src) {var asyncScript = document.createElement("script");asyncScript.async = true;asyncScript.crossorigin = "anonymous";asyncScript.src = src;firstScript=document.getElementsByTagName("script")[0];firstScript.parentNode.insertBefore(asyncScript, firstScript);}
+</script>
+<!--@PRODUCT-JS@--> <?php echo $PRODUCTJS ?>
+<!--@ADDON-JS@-->  <?php echo $ADDONJS ?>
+<!--@IN-ARTICLE-GOOGLE@-->
+<!--@ADDTHIS-WIDGET@--><?php echo $addthis_widget  ?>
+<!--@PASSPARAM@--><?php echo $passParam  ?>
+<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3275214174607898" crossorigin="anonymous"></script>
+<!-- Google Tag Manager -->
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-W56MSQ3');</script>
+<!-- End Google Tag Manager -->
+<!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W56MSQ3"
+height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+<!-- End Google Tag Manager (noscript) -->
+</body>
+
+</html>
\ No newline at end of file
diff --git a/application/views/mobile_first/trainspread-train-index.php b/application/views/mobile_first/trainspread-train-index.php
new file mode 100644
index 00000000..7e708781
--- /dev/null
+++ b/application/views/mobile_first/trainspread-train-index.php
@@ -0,0 +1,92 @@
+<div id="loader" style="display: none;">
+    <div id="loading"></div>
+  </div>
+<div class="trainSearchBox ">
+  <p class="trainSear-title">China Train Ticket Service</p>
+  <div class="searchBox autocomplete"  id="searchbox">
+
+    <ul class="nav nav-tabs" id="navtraintop">
+      <li role="presentation" class="mainland active"><a href="javascript:;">China Train</a></li>
+      <li role="presentation" class="intel" style="display:none;"><a href="javascript:;">Asia Trains</a></li>
+    </ul>
+
+      <form action="https://www.trainspread.com/trains/search_result/" method="POST" name="ZZform1"
+        target="_self" class="formWrap form-inline jsbox" onsubmit="return Chk_InnerTrainForm();">
+        <div class="searchList ">
+          <label class="searchLabel">Journey:</label>
+			<div class="search-row">
+          <div class="flex-row">
+            <div class="flex-col-3">
+              <input name="Txt_FZ_1" id="Txt_FZ_1" type="text" class="inputBox form-control" autocomplete="off"
+                placeholder="From">
+              <input default="" id="Code_Txt_FZ_1" name="Code_Txt_FZ_1" type="hidden" value="" />
+            </div>
+            <div class="flex-col-3">
+              <input name="Txt_DZ_1" id="Txt_DZ_1" type="text" class="inputBox form-control" autocomplete="off"
+                placeholder="To">
+              <input default="" id="Code_Txt_DZ_1" name="Code_Txt_DZ_1" type="hidden" value="" />
+            </div>
+            <div class="flex-col-3">
+              <input class="calendar3  form-control " id="stationDate_1" name="stationDate_1" placeholder="Date"
+                type="text" readonly />
+            </div>
+          </div>
+			</div>
+        </div>
+        <div class="addTr">
+          <div class="searchBtn"><button type="submit" name="button" value="" class="searchButtonLong">SEARCH</button>
+            <input type="hidden" name="si" id="si" value="1">
+          </div>
+        </div>
+        <input type="hidden" name="utm_source" id="utm_source" value="32150">
+      </form>
+      <form action="https://www.trainspread.com/trains/search_result/" method="POST" name="ZZform1"
+        target="_self" class="formWrap form-inline jsbox hidden" onsubmit="return Chk_IntelTrainForm();">
+        <div id="IterTrain" class="searchList  ">
+          <label class="searchLabel">Train:</label>
+			<div class="search-row">
+          <div class="flex-row">
+            <div class="flex-col-3">
+              <select class="inputBox form-control intel-input" name="IT_Txt_FZ_1" id="IT_Txt_FZ_1">
+                <option value="Lao Cai">Lao Cai</option>
+                <option value="Beijing">Beijing</option>
+                <option value="Manzhouli">Manzhouli</option>
+                <option value="Harbin">Harbin</option>
+                <option value="Erlian">Erlian</option>
+                <option value="Jining South">Jining South</option>
+                <option value="Urumqi">Urumqi</option>
+              </select>
+
+            </div>
+            <div class="flex-col-3">
+              <select class="inputBox form-control intel-input" name="IT_Txt_DZ_1" id="IT_Txt_DZ_1">
+                <option value="">Please Select</option>
+                <option value="Nanning" data="">Nanning</option>
+              </select>
+            </div>
+            <div class="flex-col-3">
+              <input class="calendar3 form-control" id="stationDate_IT_1" name="stationDate_IT_1" placeholder="Date"
+                type="text" readonly />
+            </div>
+          </div>
+        </div>
+		  </div>
+       
+        <div class="addTr">
+          <span id="ItelMsg_1"></span>
+          <div class="searchBtn"><button type="submit" name="button" value="" class="searchButtonLong">SEARCH</button>
+          </div>
+          <input type="hidden" name="ItelTrain" id="ItelTrain" value="0">
+        </div>
+        <input type="hidden" name="utm_source" id="utm_source2" value="32150">
+      </form>
+
+
+    
+
+  </div>
+</div>
+  <link href="http://202.103.68.104:71/css/flatpickr.css" rel="stylesheet" type="text/css" />
+  <link href="http://202.103.68.104:71/js/mobile-first/train/train-search.css" rel="stylesheet" type="text/css" />
+  <script defer type="text/javascript" src="https://data.chinahighlights.com/js/train/StationInfo.js"></script>
+  <script src="http://202.103.68.104:71/js/mobile-first/train/train.js" ></script>
\ No newline at end of file
diff --git a/application/views/mobile_first/trainspread.php b/application/views/mobile_first/trainspread.php
new file mode 100644
index 00000000..9a01a960
--- /dev/null
+++ b/application/views/mobile_first/trainspread.php
@@ -0,0 +1,197 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <title><?php echo $TITLE ?></title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta content="yes" name="apple-mobile-web-app-capable">
+    <meta name="apple-mobile-web-app-title" content="<?php echo $TITLE ?>">
+    <?php if (in_array($productType,array("customize","contactus","cruiseform","daytripform"))) { // 预订表单不显示 ?>
+    <meta name="robots" content="noindex,nofollow">
+    <?php } else { ?>
+    <meta name="keywords" content="<?php echo $KEYWORDS ?>">
+    <meta name="description" content="<?php echo $DESCRIPTION ?>">
+    <!--@OG:IMAGE@--><?php echo $OGIMAGE ?>
+    <?php } ?>
+    <link rel="canonical" href="<?php echo $CANONICAL ?>">
+    <link rel="shortcut icon" href="/favicon.ico">
+    <link rel="preconnect" href="//data.trainspread.com">
+    <link rel="dns-prefetch" href="//data.trainspread.com">
+    <link rel="dns-prefetch" href="//images.trainspread.com">
+    <link rel="dns-prefetch" href="//www.googletagmanager.com">
+    <link rel="dns-prefetch" href="//www.googleadservices.com">
+    <link rel="dns-prefetch" href="//www.google-analytics.com">
+    <link rel="dns-prefetch" href="//connect.facebook.net">
+    <link rel="dns-prefetch" href="//www.facebook.com">
+    <link href="/css/base.css" rel="stylesheet" type="text/css" />
+    <!--@MAIN-CSS@--><?php echo $MAINCSS ?>
+    <!--@ADDON-CSS@--><?php echo $ADDONCSS ?>
+    <!--@CONSTRUCTION-CODE@--><?php  echo $ConstructionCode ?>
+</head>
+
+<body>
+    <!--header-->
+    <header class="headerbar flex justify-start items-center top-0 left-0 right-0 pl2 pr4 pt2 md-pt0" id="header">
+        <div role="button" tabindex="0" class="mobile-top">
+            <a href="/" class="toplogo"><img src="https://data.trainspread.com/css/images/logo.png" alt="trainspread logo" width="200" height="37" class="img-responsive"></a>
+            <div class="topnavitailor">
+                <a href="javascript:;" class="mobile-ser search--open" aria-label="SearchOpen"><i class="fa fa-search" aria-hidden="true"></i></a>
+                <a href="#modal-cell"><em class="fa fa-phone"></em></a>
+                <a href="#modal-weixin"><em class="fa fa-weixin"></em></a>
+                <em class="fa fa-bars navimenu topnaviarrowdown action--open"></em>
+            </div>
+        </div>
+        <!--modal-box-->
+        <article id="modal-cell" class="modal-box">
+            <div class="modal-text">
+                <a href="#" class="close"></a>
+                <p><strong>Call Us</strong></p>
+                <ul>
+                    <li><a href="tel://1-8000000">US Canada: 1-8000000</a></li>
+                    <li><a href="tel://1-1-8000000">AU: 1-8000000</a></li>
+                    <li><a href="tel://0-1-8000000">UK: 0-1-8000000</a></li>
+                    <li><a href="tel://8629-1-8000000">Global: 8629-1-8000000</a></li>
+                </ul>
+            </div>
+        </article>
+        <article id="modal-weixin" class="modal-box">
+            <div class="modal-text">
+                <a href="#" class="close"></a>
+                <p><img alt="wechat" src="https://data.trainspread.com/images/wechat.jpg" width="320" height="293"></p>
+            </div>
+        </article>
+        <!--modal-box end-->
+        <div class="mobile-blank"></div>
+        <!--nav-->
+        <nav id="ml-menu" class="menu">
+            <button class="action action--close" name="closebtn" aria-label="Close Menu"><span class="icon icon--cross"></span></button>
+            <div class="menu__wrap">
+                <ul data-menu="main" class="menu__level" tabindex="-1" role="menu" aria-label="All">
+                    <li class="menu__item" role="menuitem"><a class="menu__link" href="/">Home</a></li>
+                    <li class="menu__item" role="menuitem"><a class="menu__link" href="/">Trains Search</a></li>
+                    <li class="menu__item" role="menuitem"><a class="menu__link" href="/flight/">Flights Search</a></li>
+                    <li class="menu__item" role="menuitem"><a class="menu__link" data-submenu="submenu-1" aria-owns="submenu-1">Train Travel Guide</a><a class="menu__link">Train Travel Guide</a></li>
+                    <li class="menu__item" role="menuitem"><a class="menu__link" href="/china/">China Train Travel Guide</a></li>
+                    <li class="menu__item" role="menuitem"><a class="menu__link" data-submenu="submenu-1" aria-owns="submenu-1" href="/china/">Global Train Travel Guide</a><a class="menu__link" href="/china/">Global Train Travel Guide</a></li>
+                    <li class="menu__item" role="menuitem"><a class="menu__link" href="/aboutus/">About Us</a></li>
+                </ul>
+                <!-- Train Travel Guide -->
+                <ul data-menu="submenu-1" id="submenu-1" class="menu__level" tabindex="-1" role="menu" aria-label="train-travel-guide">
+                    <li class="menu__item" role="menuitem"><a class="menu__link" href="/india/">India</a></li>
+                    <li class="menu__item" role="menuitem"><a class="menu__link" href="/japan/">Japan </a></li>
+                    <li class="menu__item" role="menuitem"><a class="menu__link" href="/russia/">Russia </a></li>
+                    <li class="menu__item" role="menuitem"><a class="menu__link" href="/vietnam/">Vietnam</a></li>
+                    <li class="menu__item" role="menuitem"><a class="menu__link" href="/south-korea/">South Korea</a></li>
+                    <li class="menu__item" role="menuitem"><a class="menu__link" href="/thailand/">Thailand</a></li>
+                    <li class="menu__item" role="menuitem"><a class="menu__link" href="/mongolia/">Mongolia</a></li>
+                </ul>
+            </div>
+        </nav>
+        <!--nav end-->
+        <!--top search star-->
+        <nav id="search-menu" class="menu">
+            <div class="top-search">
+                <button class="action search--close" aria-label="Close Menu"><span class="icon icon--cross"></span></button>
+                <div class="siteSearch">
+                    <form id="cse-search-box" name="googlesreach" action="/search">
+                        <input type="hidden" value="016808570474272112209:2xv5z3olaus" name="cx">
+                        <input type="hidden" value="FORID:11" name="cof">
+                        <input type="text" onfocus="this.value = ''" class="strkeys" placeholder="site search" name="q">
+                        <button type="submit" class="submits" name="searchbtn" aria-label="Search"><i class="fa fa-search" aria-hidden="true"></i></button>
+                    </form>
+                    <ul class="circle-ul font20 m-top30">
+                        <li><a href="/beijing-attractions/beijing-hutong/">Beijing Hutong</a></li>
+                        <li><a href="/beijing-attractions/the-great-wall/">Great Wall of China</a></li>
+                        <li><a href="/travel-guide/">Beijing Travel Guide</a></li>
+                        <li><a href="/day-trips/mutianyu-great-wall-tour">Mutianyu Great Wall Tour</a></li>
+                    </ul>
+                </div>
+            </div>
+        </nav>
+        <!--top search end-->
+    </header>
+    <!--header end-->
+    <!--@TOP-BANNER@--><?php if (isset($TOPBANNER)){ echo $TOPBANNER; } ?>
+    <!--@TOP-VIDEO@--><?php if (isset($TOPVIDEO)) {echo $TOPVIDEO;} ?>
+    <!--main star-->
+    <main id="main">
+    <?php echo $CUSTOMCONENT ?>
+    </main>
+    <!--main end-->
+    <?php if (!in_array($productType,array("customize","contactus"))) { // 预订表单不显示 ?>
+        <?php echo $FloatIcon  ?>
+        <!---tailor made star---->
+        <div class="content-tm">
+            <div class="content-tm-info">
+                <p>We are here to help you...<br>
+                    start planning your tailor-made China tour with 1-1 help from our travel advisors.</p>
+                <p><a href="/forms/customize.html" class="btn-white">Create Your Trip <i class="fa fa-angle-right" aria-hidden="true"></i></a></p>
+            </div>
+        </div>
+        <!---tailor made end---->
+    <?php } ?>
+    <!--footer star-->
+    <footer id="footer">
+        <div class="container">
+            <div class="flex-row">
+                <div class="footer-left vw-width">
+                    <div class="footer-title">Train Spread</div>
+                    <p>Train Spread is the leading online Shanghai tour operator, offering one-stop Shanghai travel service and tours. <a href="/about-us/">More...</a></p>
+                    <p><i class="fa fa-map-marker"></i>No.70, Qilidian Road, Guilin, Guangxi, P. R. China</p>
+                    <p><i class="fa fa-phone" aria-hidden="true"></i>86-773-286-5632 (Intl rates apply)</p>
+                    <p class="fl-logo"><img src="/images/icon/pata-f.jpg" alt="pata" width="80" height="33"><img src="/images/icon/paypal-f.jpg" alt="paypal" width="80" height="33"></p>
+                </div>
+                <div class="footer-right vw-width">
+                    <div class="footer-list footer-about">
+                        <p class="pr-title">ABOUT US</p>
+                        <ul>
+                            <li><a rel="nofollow" href="/aboutus/contact-us/">Contact Us</a></li>
+                            <li><a rel="nofollow" href="/aboutus/">About Us</a></li>
+                            <li><a rel="nofollow" href="/aboutus/terms-and-conditions/">Terms and Conditions</a></li>
+
+                            <li><a rel="nofollow" href="/aboutus/booking-policy/">Booking Policy</a></li>
+                        </ul>
+                    </div>
+                    <div class="footer-list text-center">
+                        <p class="pr-title">WHAT OUR CUSTOMERS<br>
+                            ARE SAYING</p>
+                        <p><a href="https://www.tripadvisor.com/Attraction_Review-g308272-d7106234-Reviews-China_Travel_Shanghai-Shanghai.html"><img src="/images/icon/footer-ta.png" alt="Tripadvisor" width="129" height="93"></a></p>
+                        <p><a href="https://www.tripadvisor.com/Attraction_Review-g298556-d16700226-Reviews-Train_Spread-Guilin_Guangxi.html"><img src="//data.shanghaihighlights.com/image/icon/footer-ta.png" alt="Tripadvisor" width="129" height="93"></a></p>
+                    </div>
+                </div>
+            </div>
+            <div class="footer-welogo">
+                <span class="pr-title">WE ALSO HAVE:</span>
+                <div class="welogo-box">
+                    <a href="https://www.chinatravel.com" target="_blank"><img src="/images/icon/welogo-ct.png" width="90" height="90" alt="chinatravel logo" /></a>
+                    <a href="https://www.shanghaihighlights.com" target="_blank"><img src="/images/icon/welogo-sh.png" width="90" height="90" alt="shanghaihighlights logo" /></a>
+                    <a href="https://www.mybeijingchina.com" target="_blank"><img src="/images/icon/welogo-bj.png" width="90" height="90" alt="mybeijingchina logo" /></a>
+                    <a href="https://www.yangtzeriver.org" target="_blank"><img src="/images/icon/welogo-yz.png" width="90" height="90" alt="yangtzeriver logo" /></a>
+                    <a href="https://www.guilinchina.net" target="_blank"><img src="/images/icon/welogo-gl.png" width="90" height="90" alt="guilinchina logo" /></a>
+                    <a href="https://www.tibetguru.com" target="_blank"><img src="/images/icon/welogo-tb.png" width="90" height="90" alt="tibetguru logo" /></a>
+                </div>
+            </div>
+        </div>
+        <div class="footer-bottom">
+            <p>Copyright © 1998 - 2024. All Rights Reserved to Train Spread</p>
+        </div>
+    </footer>
+    <!--footer end-->
+    <script>/* memu js mobile-menu.js */
+        (function(window){function classReg(className){return new RegExp("(^|\\s+)"+className+"(\\s+|$)")}var hasClass,addClass,removeClass;if("classList" in document.documentElement){hasClass=function(elem,c){return elem.classList.contains(c)};addClass=function(elem,c){elem.classList.add(c)};removeClass=function(elem,c){elem.classList.remove(c)}}else{hasClass=function(elem,c){return classReg(c).test(elem.className)};addClass=function(elem,c){if(!hasClass(elem,c)){elem.className=elem.className+" "+c}};removeClass=function(elem,c){elem.className=elem.className.replace(classReg(c)," ")}}function toggleClass(elem,c){var fn=hasClass(elem,c)?removeClass:addClass;fn(elem,c)}var classie={hasClass:hasClass,addClass:addClass,removeClass:removeClass,toggleClass:toggleClass,has:hasClass,add:addClass,remove:removeClass,toggle:toggleClass};if(typeof define==="function"&&define.amd){define(classie)}else{if(typeof exports==="object"){module.exports=classie}else{window.classie=classie}}})(window);
+        !function(e,n,t){function r(e,n){return typeof e===n}function o(){var e,n,t,o,i,s,a;for(var f in C){if(C.hasOwnProperty(f)){if(e=[],n=C[f],n.name&&(e.push(n.name.toLowerCase()),n.options&&n.options.aliases&&n.options.aliases.length)){for(t=0;t<n.options.aliases.length;t++){e.push(n.options.aliases[t].toLowerCase())}}for(o=r(n.fn,"function")?n.fn():n.fn,i=0;i<e.length;i++){s=e[i],a=s.split("."),1===a.length?Modernizr[a[0]]=o:(!Modernizr[a[0]]||Modernizr[a[0]] instanceof Boolean||(Modernizr[a[0]]=new Boolean(Modernizr[a[0]])),Modernizr[a[0]][a[1]]=o),g.push((o?"":"no-")+a.join("-"))}}}}function i(e){var n=w.className,t=Modernizr._config.classPrefix||"";if(x&&(n=n.baseVal),Modernizr._config.enableJSClass){var r=new RegExp("(^|\\s)"+t+"no-js(\\s|$)");n=n.replace(r,"$1"+t+"js$2")}Modernizr._config.enableClasses&&(n+=" "+t+e.join(" "+t),x?w.className.baseVal=n:w.className=n)}function s(e){return e.replace(/([a-z])-([a-z])/g,function(e,n,t){return n+t.toUpperCase()}).replace(/^-/,"")}function a(e,n){return !!~(""+e).indexOf(n)}function f(){return"function"!=typeof n.createElement?n.createElement(arguments[0]):x?n.createElementNS.call(n,"http://www.w3.org/2000/svg",arguments[0]):n.createElement.apply(n,arguments)}function l(e,n){return function(){return e.apply(n,arguments)}}function u(e,n,t){var o;for(var i in e){if(e[i] in n){return t===!1?e[i]:(o=n[e[i]],r(o,"function")?l(o,t||n):o)}}return !1}function p(e){return e.replace(/([A-Z])/g,function(e,n){return"-"+n.toLowerCase()}).replace(/^ms-/,"-ms-")}function d(){var e=n.body;return e||(e=f(x?"svg":"body"),e.fake=!0),e}function c(e,t,r,o){var i,s,a,l,u="modernizr",p=f("div"),c=d();if(parseInt(r,10)){for(;r--;){a=f("div"),a.id=o?o[r]:u+(r+1),p.appendChild(a)}}return i=f("style"),i.type="text/css",i.id="s"+u,(c.fake?c:p).appendChild(i),c.appendChild(p),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(n.createTextNode(e)),p.id=u,c.fake&&(c.style.background="",c.style.overflow="hidden",l=w.style.overflow,w.style.overflow="hidden",w.appendChild(c)),s=t(p,e),c.fake?(c.parentNode.removeChild(c),w.style.overflow=l,w.offsetHeight):p.parentNode.removeChild(p),!!s}function m(n,r){var o=n.length;if("CSS" in e&&"supports" in e.CSS){for(;o--;){if(e.CSS.supports(p(n[o]),r)){return !0}}return !1}if("CSSSupportsRule" in e){for(var i=[];o--;){i.push("("+p(n[o])+":"+r+")")}return i=i.join(" or "),c("@supports ("+i+") { #modernizr { position: absolute; } }",function(e){return"absolute"==getComputedStyle(e,null).position})}return t}function v(e,n,o,i){function l(){p&&(delete z.style,delete z.modElem)}if(i=r(i,"undefined")?!1:i,!r(o,"undefined")){var u=m(e,o);if(!r(u,"undefined")){return u}}for(var p,d,c,v,h,y=["modernizr","tspan"];!z.style;){p=!0,z.modElem=f(y.shift()),z.style=z.modElem.style}for(c=e.length,d=0;c>d;d++){if(v=e[d],h=z.style[v],a(v,"-")&&(v=s(v)),z.style[v]!==t){if(i||r(o,"undefined")){return l(),"pfx"==n?v:!0}try{z.style[v]=o}catch(g){}if(z.style[v]!=h){return l(),"pfx"==n?v:!0}}}return l(),!1}function h(e,n,t,o,i){var s=e.charAt(0).toUpperCase()+e.slice(1),a=(e+" "+b.join(s+" ")+s).split(" ");return r(n,"string")||r(n,"undefined")?v(a,n,o,i):(a=(e+" "+N.join(s+" ")+s).split(" "),u(a,n,t))}function y(e,n,r){return h(e,t,t,n,r)}var g=[],C=[],_={_version:"3.2.0",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,n){var t=this;setTimeout(function(){n(t[e])},0)},addTest:function(e,n,t){C.push({name:e,fn:n,options:t})},addAsyncTest:function(e){C.push({name:null,fn:e})}},Modernizr=function(){};Modernizr.prototype=_,Modernizr=new Modernizr;var w=n.documentElement,x="svg"===w.nodeName.toLowerCase(),S="Moz O ms Webkit",b=_._config.usePrefixes?S.split(" "):[];
+            _._cssomPrefixes=b;var E=function(n){var r,o=prefixes.length,i=e.CSSRule;if("undefined"==typeof i){return t}if(!n){return !1}if(n=n.replace(/^@/,""),r=n.replace(/-/g,"_").toUpperCase()+"_RULE",r in i){return"@"+n}for(var s=0;o>s;s++){var a=prefixes[s],f=a.toUpperCase()+"_"+r;if(f in i){return"@-"+a.toLowerCase()+"-"+n}}return !1};_.atRule=E;var N=_._config.usePrefixes?S.toLowerCase().split(" "):[];_._domPrefixes=N;var P={elem:f("modernizr")};Modernizr._q.push(function(){delete P.elem});var z={style:P.elem.style};Modernizr._q.unshift(function(){delete z.style}),_.testAllProps=h;_.prefixed=function(e,n,t){return 0===e.indexOf("@")?E(e):(-1!=e.indexOf("-")&&(e=s(e)),n?h(e,n,t):h(e,"pfx"))};_.testAllProps=y,Modernizr.addTest("cssanimations",y("animationName","a",!0)),o(),i(g),delete _.addTest,delete _.addAsyncTest;for(var T=0;T<Modernizr._q.length;T++){Modernizr._q[T]()}e.Modernizr=Modernizr}(window,document);(function(window){var support={animations:Modernizr.cssanimations},animEndEventNames={"WebkitAnimation":"webkitAnimationEnd","OAnimation":"oAnimationEnd","msAnimation":"MSAnimationEnd","animation":"animationend"},animEndEventName=animEndEventNames[Modernizr.prefixed("animation")],onEndAnimation=function(el,callback){var onEndCallbackFn=function(ev){if(support.animations){if(ev.target!=this){return}this.removeEventListener(animEndEventName,onEndCallbackFn)}if(callback&&typeof callback==="function"){callback.call()}};if(support.animations){el.addEventListener(animEndEventName,onEndCallbackFn)}else{onEndCallbackFn()}};function extend(a,b){for(var key in b){if(b.hasOwnProperty(key)){a[key]=b[key]}}return a}function MLMenu(el,options){this.el=el;this.options=extend({},this.options);extend(this.options,options);this.menus=[].slice.call(this.el.querySelectorAll(".menu__level"));this.current_menu=0;var current_menu;this.menus.forEach(function(menuEl,pos){var items=menuEl.querySelectorAll(".menu__item");items.forEach(function(itemEl,iPos){var currentLink=itemEl.querySelector(".menu__link--current");if(currentLink){current_menu=pos}})});if(current_menu){this.current_menu=current_menu}this._init()}MLMenu.prototype.options={breadcrumbsCtrl:true,initialBreadcrumb:"all",backCtrl:true,itemsDelayInterval:60,direction:"r2l",onItemClick:function(ev,itemName){return false}};MLMenu.prototype._init=function(){this.menusArr=[];this.breadCrumbs=false;var self=this;var submenus=[];this.menus.forEach(function(menuEl,pos){var menu={menuEl:menuEl,menuItems:[].slice.call(menuEl.querySelectorAll(".menu__item"))};self.menusArr.push(menu);if(pos===self.current_menu){classie.add(menuEl,"menu__level--current")}var menu_x=menuEl.getAttribute("data-menu");var links=menuEl.querySelectorAll(".menu__link");links.forEach(function(linkEl,lPos){var submenu=linkEl.getAttribute("data-submenu");if(submenu){var pushMe={"menu":submenu,"name":linkEl.innerHTML};if(submenus[pos]){submenus[pos].push(pushMe)}else{submenus[pos]=[];submenus[pos].push(pushMe)}}})});this.menus.forEach(function(menuEl,pos){var menu_x=menuEl.getAttribute("data-menu");submenus.forEach(function(subMenuEl,menu_root){subMenuEl.forEach(function(subMenuItem,subPos){if(subMenuItem.menu==menu_x){self.menusArr[pos].backIdx=menu_root;self.menusArr[pos].name=subMenuItem.name}})})});if(self.options.breadcrumbsCtrl){this.breadcrumbsCtrl=document.createElement("nav");this.breadcrumbsCtrl.className="menu__breadcrumbs";this.breadcrumbsCtrl.setAttribute("aria-label","You are here");this.el.insertBefore(this.breadcrumbsCtrl,this.el.firstChild);this._addBreadcrumb(0);if(self.menusArr[self.current_menu].backIdx!=0&&self.current_menu!=0){this._crawlCrumbs(self.menusArr[self.current_menu].backIdx,self.menusArr);this.breadCrumbs=true}if(self.current_menu!=0){this._addBreadcrumb(self.current_menu);this.breadCrumbs=true}}if(this.options.backCtrl){this.backCtrl=document.createElement("button");if(this.breadCrumbs){this.backCtrl.className="menu__back"}else{this.backCtrl.className="menu__back menu__back--hidden"}this.backCtrl.setAttribute("aria-label","Go back");this.backCtrl.innerHTML='<span class="icon icon--arrow-left"></span>';this.el.insertBefore(this.backCtrl,this.el.firstChild)}this._initEvents()};MLMenu.prototype._initEvents=function(){var self=this;for(var i=0,len=this.menusArr.length;i<len;++i){this.menusArr[i].menuItems.forEach(function(item,pos){item.querySelector("a").addEventListener("click",function(ev){var submenu=ev.target.getAttribute("data-submenu"),itemName=ev.target.innerHTML,subMenuEl=self.el.querySelector('ul[data-menu="'+submenu+'"]');if(submenu&&subMenuEl){ev.preventDefault();self._openSubMenu(subMenuEl,pos,itemName)}else{var currentlink=self.el.querySelector(".menu__link--current");if(currentlink){classie.remove(self.el.querySelector(".menu__link--current"),"menu__link--current")}classie.add(ev.target,"menu__link--current");self.options.onItemClick(ev,itemName)}})})}if(this.options.backCtrl){this.backCtrl.addEventListener("click",function(){self._back()})}};MLMenu.prototype._openSubMenu=function(subMenuEl,clickPosition,subMenuName){if(this.isAnimating){return false
+        }this.isAnimating=true;this.menusArr[this.menus.indexOf(subMenuEl)].backIdx=this.current_menu;this.menusArr[this.menus.indexOf(subMenuEl)].name=subMenuName;this._menuOut(clickPosition);this._menuIn(subMenuEl,clickPosition)};MLMenu.prototype._back=function(){if(this.isAnimating){return false}this.isAnimating=true;this._menuOut();var backMenu=this.menusArr[this.menusArr[this.current_menu].backIdx].menuEl;this._menuIn(backMenu);if(this.options.breadcrumbsCtrl){this.breadcrumbsCtrl.removeChild(this.breadcrumbsCtrl.lastElementChild)}};MLMenu.prototype._menuOut=function(clickPosition){var self=this,currentMenu=this.menusArr[this.current_menu].menuEl,isBackNavigation=typeof clickPosition=="undefined"?true:false;this.menusArr[this.current_menu].menuItems.forEach(function(item,pos){item.style.WebkitAnimationDelay=item.style.animationDelay=isBackNavigation?parseInt(pos*self.options.itemsDelayInterval)+"ms":parseInt(Math.abs(clickPosition-pos)*self.options.itemsDelayInterval)+"ms"});if(this.options.direction==="r2l"){classie.add(currentMenu,!isBackNavigation?"animate-outToLeft":"animate-outToRight")}else{classie.add(currentMenu,isBackNavigation?"animate-outToLeft":"animate-outToRight")}};MLMenu.prototype._menuIn=function(nextMenuEl,clickPosition){var self=this,currentMenu=this.menusArr[this.current_menu].menuEl,isBackNavigation=typeof clickPosition=="undefined"?true:false,nextMenuIdx=this.menus.indexOf(nextMenuEl),nextMenu=this.menusArr[nextMenuIdx],nextMenuEl=nextMenu.menuEl,nextMenuItems=nextMenu.menuItems,nextMenuItemsTotal=nextMenuItems.length;nextMenuItems.forEach(function(item,pos){item.style.WebkitAnimationDelay=item.style.animationDelay=isBackNavigation?parseInt(pos*self.options.itemsDelayInterval)+"ms":parseInt(Math.abs(clickPosition-pos)*self.options.itemsDelayInterval)+"ms";var farthestIdx=clickPosition<=nextMenuItemsTotal/2||isBackNavigation?nextMenuItemsTotal-1:0;if(pos===farthestIdx){onEndAnimation(item,function(){if(self.options.direction==="r2l"){classie.remove(currentMenu,!isBackNavigation?"animate-outToLeft":"animate-outToRight");classie.remove(nextMenuEl,!isBackNavigation?"animate-inFromRight":"animate-inFromLeft")}else{classie.remove(currentMenu,isBackNavigation?"animate-outToLeft":"animate-outToRight");classie.remove(nextMenuEl,isBackNavigation?"animate-inFromRight":"animate-inFromLeft")}classie.remove(currentMenu,"menu__level--current");classie.add(nextMenuEl,"menu__level--current");self.current_menu=nextMenuIdx;if(!isBackNavigation){if(self.options.backCtrl){classie.remove(self.backCtrl,"menu__back--hidden")}self._addBreadcrumb(nextMenuIdx)}else{if(self.current_menu===0&&self.options.backCtrl){classie.add(self.backCtrl,"menu__back--hidden")}}self.isAnimating=false;nextMenuEl.focus()})}});if(this.options.direction==="r2l"){classie.add(nextMenuEl,!isBackNavigation?"animate-inFromRight":"animate-inFromLeft")}else{classie.add(nextMenuEl,isBackNavigation?"animate-inFromRight":"animate-inFromLeft")}};MLMenu.prototype._addBreadcrumb=function(idx){if(!this.options.breadcrumbsCtrl){return false}var bc=document.createElement("a");bc.href="#";bc.innerHTML=idx?this.menusArr[idx].name:this.options.initialBreadcrumb;this.breadcrumbsCtrl.appendChild(bc);var self=this;bc.addEventListener("click",function(ev){ev.preventDefault();if(!bc.nextSibling||self.isAnimating){return false}self.isAnimating=true;self._menuOut();var nextMenu=self.menusArr[idx].menuEl;self._menuIn(nextMenu);var siblingNode;while(siblingNode=bc.nextSibling){self.breadcrumbsCtrl.removeChild(siblingNode)}})};MLMenu.prototype._crawlCrumbs=function(currentMenu,menuArray){if(menuArray[currentMenu].backIdx!=0){this._crawlCrumbs(menuArray[currentMenu].backIdx,menuArray)}this._addBreadcrumb(currentMenu)};window.MLMenu=MLMenu})(window);(function(){var menuEl=document.getElementById("ml-menu"),mlmenu=new MLMenu(menuEl,{backCtrl:true,});var openMenuCtrl=document.querySelector(".action--open"),closeMenuCtrl=document.querySelector(".action--close");openMenuCtrl.addEventListener("click",openMenu);closeMenuCtrl.addEventListener("click",closeMenu);function openMenu(){classie.add(menuEl,"menu--open");closeMenuCtrl.focus()}function closeMenu(){classie.remove(menuEl,"menu--open");openMenuCtrl.focus()};var menuSearch=document.getElementById("search-menu");var openMenuSerach=document.querySelector(".search--open"),closeMenuSerach=document.querySelector(".search--close");openMenuSerach.addEventListener("click",openMenuSearch);closeMenuSerach.addEventListener("click",closeMenuSearch);function openMenuSearch(){classie.add(menuSearch,"menu--open");closeMenuSerach.focus()}function closeMenuSearch(){classie.remove(menuSearch,"menu--open");openMenuSerach.focus()};})();
+        eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('8.R=10;(4(){3 h=b 26();4 11(X){8.R=X&&X.1I===\'1b\'?h.1V==1:10;1c()}h.1T=11;h.1Z=11;h.S=\'1M:1R/1x;1F,1Q/1P=\'})();5(!c.g){c.g=(4(){3 1u=y.M.1S;3 P=4(l){6 I l==="4"||1u.Q(l)==="[19 1L]"};3 1j=4(D){3 f=1O(D);5(1N(f)){6 0}5(f===0||!1Y(f)){6 f}6(f>0?1:-1)*o.1X(o.20(f))};3 1y=o.1U(2,1W)-1;3 1a=4(D){3 9=1j(D);6 o.1G(o.1H(9,0),1y)};6 4 g(J){3 C=E;3 U=y(J);5(J==p){F b H("c.g 1K 1J 1E-1D 19 - V p 1k B")}3 n=j.m>1?j[1]:2o B;3 T;5(I n!=="B"){5(!P(n)){F b H("c.g: 2q 2j, 2i 2k 2l 2m 2n a 4")}5(j.m>2){T=j[2]}}3 9=1a(U.m);3 A=P(C)?y(b C(9)):b c(9);3 k=0;3 d;1l(k<9){d=U[k];5(n){A[k]=I T==="B"?n(d,k):n.Q(T,d,k)}z{A[k]=d}k+=1}A.m=9;6 A}}())}5(!c.M.v){c.M.v=4(u){3 T,k;5(E==p){F b H("E 1i p 1k V 2p")}3 O=y(E);3 9=O.m>>>0;5(I u!=="4"){F b H(u+" 1i V a 4")}5(j.m>1){T=j[1]}k=0;1l(k<9){3 d;5(k 13 O){d=O[k];u.Q(T,d,k,O)}k++}}}4 1c(2h){3 14=4(i){i.W("1b",4(){i.r.q=1});5(8.R){i.1z("S",i.1B("1A").25(\'.28\',\'.1x\'))}z{i.1z("S",i.1B("1A"))}};3 1p=c.g(e.1q("h[1C=27]"));1p.v(4(7,Y){7.r.q=0;7.r.1w="q 0.18 1e-13-1m";14(7)});3 w=1o();w();4 12(l,1s,1v){3 N=p,L=b 1r();6 4(){3 K=b 1r();22(N);5(K-L>=1v){l();L=K}z{N=21(l,1s)}}}4 1h(1n){3 16=1n.24();6{15:16.15+8.23-e.t.2e,1t:16.1t+8.2d-e.t.2g}}4 1o(){3 G=c.g(e.1q("h[1C=2f]"));G.v(4(7,Y){7.r.q=0;7.r.1w="q 0.18 1e-13-1m"});6 4(){3 1g=8.2a;3 x=(e.t&&e.t.x)||(e.1d&&e.1d.x);G=G.29(4(7,Y){3 1f=1h(7).15;3 Z=1f<1g+x;5(Z){14(7)}6!Z})}}5(8.W){8.W("2c",12(w,s,s),10)}z{5(8.17){8.17("2b",12(w,s,s))}}};',62,151,'|||var|function|if|return|element|window|len||new|Array|kValue|document|number|from|img|target|arguments||fn|length|mapFn|Math|null|opacity|style|500|documentElement|callback|forEach|lazyloader|scrollTop|Object|else||undefined||value|this|throw|lazyImageList|TypeError|typeof|arrayLike|curTime|startTime|prototype|timeout||isCallable|call|isSupportWebp|src||items|not|addEventListener|event|index|hasVisible|false|getResult|throttle|in|loadImageByUrl|top|box|attachEvent|5s|object|toLength|load|createImageLoader|body|ease|offsetTop|seeHeight|getOffset|is|toInteger|or|while|out|el|createLazyloader|imageList|querySelectorAll|Date|delay|left|toStr|atleast|transition|webp|maxSafeInteger|setAttribute|originalsrc|getAttribute|loader|like|array|base64|min|max|type|an|requires|Function|data|isNaN|Number|vuUAAA|UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA|image|toString|onerror|pow|width|53|floor|isFinite|onload|abs|setTimeout|clearTimeout|pageYOffset|getBoundingClientRect|replace|Image|ready|jpg|filter|innerHeight|onscroll|scroll|pageXOffset|clientTop|lazy|clientLeft|settings|the|provided|second|argument|must|be|void|defined|when'.split('|'),0,{}))
+        function loadScriptByAsync(src) {var asyncScript = document.createElement("script");asyncScript.async = true;asyncScript.crossorigin = "anonymous";asyncScript.src = src;firstScript=document.getElementsByTagName("script")[0];firstScript.parentNode.insertBefore(asyncScript, firstScript);}
+    </script>
+    <!--@PRODUCT-JS@--> <?php echo $PRODUCTJS ?>
+    <!--@ADDON-JS@-->  <?php echo $ADDONJS ?>
+    <!--@IN-ARTICLE-GOOGLE@-->
+    <!--@ADDTHIS-WIDGET@--><?php echo $addthis_widget  ?>
+    <!--@PASSPARAM@--><?php echo $passParam  ?>
+</body>
+
+</html>
\ No newline at end of file