From 2353ced23a31eb6a5f819f38fb11ab3552295c21 Mon Sep 17 00:00:00 2001
From: candice <candice@hainatravel.com>
Date: Wed, 28 Jul 2021 10:09:04 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BA=95=E9=83=A8=E8=BD=AE=E6=8D=A2=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 application/views/mobile_first/ch-next.php | 580 ++++++++++++---------
 1 file changed, 334 insertions(+), 246 deletions(-)

diff --git a/application/views/mobile_first/ch-next.php b/application/views/mobile_first/ch-next.php
index 625d6467..6f0b27e9 100644
--- a/application/views/mobile_first/ch-next.php
+++ b/application/views/mobile_first/ch-next.php
@@ -3,133 +3,186 @@
         <div class="recotitlebg">
             <h2>Related Articles</h2>
         </div>
-        <div class="table-responsive">
-            <table class="info_bottom_recommend">
-                <tbody>
-                <tr>
-                    <?php if (!empty($recommands['Article A'])) { ?>
-                        <td>
-                            <div class="articlenext">
-                                <a href="<?php echo $recommands['Article A']->ic_url; ?>" rel="nofollow"> <img
-                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                            originalsrc="<?php echo empty($recommands['Article A']->mobile_photo) ? $recommands['Article A']->ic_photo_img : $recommands['Article A']->mobile_photo; ?>"
-                                            class="img-responsive"
-                                            alt="<?php echo $recommands['Article A']->ic_title; ?>"></a>
-                                <span class="articlenexttitle">
-                                        <a href="<?php echo $recommands['Article A']->ic_url; ?>"> <?php echo $recommands['Article A']->ic_title; ?> </a>
-                                </span>
+        <section>
+            <div class="rt-container">
+                  <div class="col-rt-12">
+                      <div class='demo-container'>
+                          <div class='carousel'>
+                            <input checked='checked' class='carousel__activator' id='carousel-slide-activator-1' name='carousel' type='radio'>
+                            <input class='carousel__activator' id='carousel-slide-activator-2' name='carousel' type='radio'>
+                            <input class='carousel__activator' id='carousel-slide-activator-3' name='carousel' type='radio'>
+                            <div class='carousel__controls'>
+                              <label class='carousel__control carousel__control--forward' for='carousel-slide-activator-2'>
+                                
+                              </label>
                             </div>
-                        </td>
-                    <?php } ?>
-
-                    <?php if (!empty($recommands['Article B'])) { ?>
-                        <td>
-                            <div class="articlenext">
-                                <a href="<?php echo $recommands['Article B']->ic_url; ?>" rel="nofollow"> <img
-                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                            originalsrc="<?php echo empty($recommands['Article B']->mobile_photo) ? $recommands['Article B']->ic_photo_img : $recommands['Article B']->mobile_photo; ?>"
-                                            class="img-responsive"
-                                            alt="<?php echo $recommands['Article B']->ic_title; ?>"></a>
-                                <span class="articlenexttitle">
-                                        <a href="<?php echo $recommands['Article B']->ic_url; ?>"> <?php echo $recommands['Article B']->ic_title; ?> </a>
-                                  </span>
-                            </div>
-                        </td>
-                    <?php } ?>
-
-                    <?php if (!empty($recommands['Article C'])) { ?>
-                        <td>
-                            <div class="articlenext">
-                                <a href="<?php echo $recommands['Article C']->ic_url; ?>" rel="nofollow"> <img
-                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                            originalsrc="<?php echo empty($recommands['Article C']->mobile_photo) ? $recommands['Article C']->ic_photo_img : $recommands['Article C']->mobile_photo; ?>"
-                                            class="img-responsive"
-                                            alt="<?php echo $recommands['Article C']->ic_title; ?>"></a>
-                                <span class="articlenexttitle">
-                                        <a href="<?php echo $recommands['Article C']->ic_url; ?>"> <?php echo $recommands['Article C']->ic_title; ?> </a>
-                                   </span>
-                            </div>
-                        </td>
-                    <?php } ?>
-
-                    <?php if (!empty($recommands['Article D'])) { ?>
-                        <td>
-                            <div class="articlenext">
-                                <a href="<?php echo $recommands['Article D']->ic_url; ?>" rel="nofollow"> <img
-                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                            originalsrc="<?php echo empty($recommands['Article D']->mobile_photo) ? $recommands['Article D']->ic_photo_img : $recommands['Article D']->mobile_photo; ?>"
-                                            class="img-responsive"
-                                            alt="<?php echo $recommands['Article D']->ic_title; ?>"></a>
-                                <span class="articlenexttitle">
-                                        <a href="<?php echo $recommands['Article D']->ic_url; ?>"> <?php echo $recommands['Article D']->ic_title; ?> </a>
-                                    </span>
-                            </div>
-                        </td>
-                    <?php } ?>
-
-                    <?php if (!empty($recommands['Article E'])) { ?>
-                        <td>
-                            <div class="articlenext">
-                                <a href="<?php echo $recommands['Article E']->ic_url; ?>" rel="nofollow"> <img
-                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                            originalsrc="<?php echo empty($recommands['Article E']->mobile_photo) ? $recommands['Article E']->ic_photo_img : $recommands['Article E']->mobile_photo; ?>"
-                                            class="img-responsive"
-                                            alt="<?php echo $recommands['Article E']->ic_title; ?>"></a>
-                                <span class="articlenexttitle">
-                                        <a href="<?php echo $recommands['Article E']->ic_url; ?>"> <?php echo $recommands['Article E']->ic_title; ?> </a> </span>
+                            <div class='carousel__controls'>
+                              <label class='carousel__control carousel__control--backward' for='carousel-slide-activator-1'>
+                                
+                              </label>
+                              <label class='carousel__control carousel__control--forward' for='carousel-slide-activator-3'>
+                                
+                              </label>
                             </div>
-                        </td>
-                    <?php } ?>
-
-                    <?php if (!empty($recommands['Article F'])) { ?>
-                        <td>
-                            <div class="articlenext">
-                                <a href="<?php echo $recommands['Article F']->ic_url; ?>" rel="nofollow"> <img
-                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                            originalsrc="<?php echo empty($recommands['Article F']->mobile_photo) ? $recommands['Article F']->ic_photo_img : $recommands['Article F']->mobile_photo; ?>"
-                                            class="img-responsive"
-                                            alt="<?php echo $recommands['Article F']->ic_title; ?>"></a>
-
-                                <span class="articlenexttitle">
-                                        <a href="<?php echo $recommands['Article F']->ic_url; ?>"> <?php echo $recommands['Article F']->ic_title; ?> </a>
-                                    </span>
+                            <div class='carousel__controls'>
+                              <label class='carousel__control carousel__control--backward' for='carousel-slide-activator-2'>
+                                
+                              </label>
                             </div>
-                        </td>
-                    <?php } ?>
-
-                    <?php if (!empty($recommands['Article G'])) { ?>
-                        <td>
-                            <div class="articlenext">
-                                <a href="<?php echo $recommands['Article G']->ic_url; ?>" rel="nofollow"> <img
-                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                            originalsrc="<?php echo $recommands['Article G']->mobile_photo; ?>"
-                                            class="img-responsive"
-                                            alt="<?php echo $recommands['Article G']->ic_title; ?>"></a>
-                                <span class="articlenexttitle">
-                                        <a href="<?php echo $recommands['Article G']->ic_url; ?>"> <?php echo $recommands['Article G']->ic_title; ?> </a>
-                                    </span>
+                            <div class='carousel__screen'>
+                              <div class='carousel__track'>
+                                <div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
+                                  <div class='demo-content'>
+                                    <?php if (!empty($recommands['Article A'])) { ?>
+                               
+                                            <div class="articlenext">
+                                                <a href="<?php echo $recommands['Article A']->ic_url; ?>" rel="nofollow"> <img
+                                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                                            originalsrc="<?php echo empty($recommands['Article A']->mobile_photo) ? $recommands['Article A']->ic_photo_img : $recommands['Article A']->mobile_photo; ?>"
+                                                            class="img-responsive"
+                                                            alt="<?php echo $recommands['Article A']->ic_title; ?>"></a>
+                                                <span class="articlenexttitle">
+                                                        <a href="<?php echo $recommands['Article A']->ic_url; ?>"> <?php echo $recommands['Article A']->ic_title; ?> </a>
+                                                </span>
+                                            </div>
+                                      
+                                    <?php } ?>
+                                  </div>
+                                </div>
+                                <div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
+                                  <div class='demo-content'>
+                                    <?php if (!empty($recommands['Article B'])) { ?>
+                                   
+                                            <div class="articlenext">
+                                                <a href="<?php echo $recommands['Article B']->ic_url; ?>" rel="nofollow"> <img
+                                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                                            originalsrc="<?php echo empty($recommands['Article B']->mobile_photo) ? $recommands['Article B']->ic_photo_img : $recommands['Article B']->mobile_photo; ?>"
+                                                            class="img-responsive"
+                                                            alt="<?php echo $recommands['Article B']->ic_title; ?>"></a>
+                                                <span class="articlenexttitle">
+                                                        <a href="<?php echo $recommands['Article B']->ic_url; ?>"> <?php echo $recommands['Article B']->ic_title; ?> </a>
+                                                  </span>
+                                            </div>
+                                    
+                                    <?php } ?>
+                                  </div>
+                                </div>
+                                <div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
+                                  <div class='demo-content'>
+                                    <?php if (!empty($recommands['Article C'])) { ?>
+                                       
+                                            <div class="articlenext">
+                                                <a href="<?php echo $recommands['Article C']->ic_url; ?>" rel="nofollow"> <img
+                                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                                            originalsrc="<?php echo empty($recommands['Article C']->mobile_photo) ? $recommands['Article C']->ic_photo_img : $recommands['Article C']->mobile_photo; ?>"
+                                                            class="img-responsive"
+                                                            alt="<?php echo $recommands['Article C']->ic_title; ?>"></a>
+                                                <span class="articlenexttitle">
+                                                        <a href="<?php echo $recommands['Article C']->ic_url; ?>"> <?php echo $recommands['Article C']->ic_title; ?> </a>
+                                                   </span>
+                                            </div>
+                                      
+                                    <?php } ?>
+                                  </div>
+                                </div>
+                            
+                                <div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
+                                  <div class='demo-content'>
+                                    <?php if (!empty($recommands['Article D'])) { ?>
+                                 
+                                            <div class="articlenext">
+                                                <a href="<?php echo $recommands['Article D']->ic_url; ?>" rel="nofollow"> <img
+                                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                                            originalsrc="<?php echo empty($recommands['Article D']->mobile_photo) ? $recommands['Article D']->ic_photo_img : $recommands['Article D']->mobile_photo; ?>"
+                                                            class="img-responsive"
+                                                            alt="<?php echo $recommands['Article D']->ic_title; ?>"></a>
+                                                <span class="articlenexttitle">
+                                                        <a href="<?php echo $recommands['Article D']->ic_url; ?>"> <?php echo $recommands['Article D']->ic_title; ?> </a>
+                                                    </span>
+                                            </div>
+                                    
+                                    <?php } ?>
+                                  </div>
+                                </div>
+                                <div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
+                                  <div class='demo-content'>
+                                    <?php if (!empty($recommands['Article E'])) { ?>
+                                  
+                                            <div class="articlenext">
+                                                <a href="<?php echo $recommands['Article E']->ic_url; ?>" rel="nofollow"> <img
+                                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                                            originalsrc="<?php echo empty($recommands['Article E']->mobile_photo) ? $recommands['Article E']->ic_photo_img : $recommands['Article E']->mobile_photo; ?>"
+                                                            class="img-responsive"
+                                                            alt="<?php echo $recommands['Article E']->ic_title; ?>"></a>
+                                                <span class="articlenexttitle">
+                                                        <a href="<?php echo $recommands['Article E']->ic_url; ?>"> <?php echo $recommands['Article E']->ic_title; ?> </a> </span>
+                                            </div>
+                                    
+                                    <?php } ?>
+                                  </div>
+                                </div>
+                                <div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
+                                  <div class='demo-content'>
+                                    <?php if (!empty($recommands['Article F'])) { ?>
+                                     
+                                            <div class="articlenext">
+                                                <a href="<?php echo $recommands['Article F']->ic_url; ?>" rel="nofollow"> <img
+                                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                                            originalsrc="<?php echo empty($recommands['Article F']->mobile_photo) ? $recommands['Article F']->ic_photo_img : $recommands['Article F']->mobile_photo; ?>"
+                                                            class="img-responsive"
+                                                            alt="<?php echo $recommands['Article F']->ic_title; ?>"></a>
+                
+                                                <span class="articlenexttitle">
+                                                        <a href="<?php echo $recommands['Article F']->ic_url; ?>"> <?php echo $recommands['Article F']->ic_title; ?> </a>
+                                                    </span>
+                                            </div>
+                                     
+                                    <?php } ?>
+                                  </div>
+                                </div>
+                                <div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
+                                    <div class='demo-content'>
+                                        <?php if (!empty($recommands['Article G'])) { ?>
+                                
+                                                <div class="articlenext">
+                                                    <a href="<?php echo $recommands['Article G']->ic_url; ?>" rel="nofollow"> <img
+                                                                src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                                                originalsrc="<?php echo $recommands['Article G']->mobile_photo; ?>"
+                                                                class="img-responsive"
+                                                                alt="<?php echo $recommands['Article G']->ic_title; ?>"></a>
+                                                    <span class="articlenexttitle">
+                                                            <a href="<?php echo $recommands['Article G']->ic_url; ?>"> <?php echo $recommands['Article G']->ic_title; ?> </a>
+                                                        </span>
+                                                </div>
+                                       
+                                        <?php } ?>
+                                    </div>
+                                  </div>
+                                  <div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
+                                    <div class='demo-content'>
+                                        <?php if (!empty($recommands['Article H'])) { ?>
+                                         
+                                                <div class="articlenext">
+                                                    <a href="<?php echo $recommands['Article H']->ic_url; ?>" rel="nofollow"> <img
+                                                                src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                                                originalsrc="<?php echo $recommands['Article H']->mobile_photo; ?>"
+                                                                class="img-responsive"
+                                                                alt="<?php echo $recommands['Article H']->ic_title; ?>"></a>
+                                                    <span class="articlenexttitle">
+                                                            <a href="<?php echo $recommands['Article H']->ic_url; ?>"> <?php echo $recommands['Article H']->ic_title; ?> </a>
+                                                        </span>
+                                                </div>
+                                       
+                                        <?php } ?>
+                                    </div>
+                                  </div>
+                              </div>
                             </div>
-                        </td>
-                    <?php } ?>
-
-                    <?php if (!empty($recommands['Article H'])) { ?>
-                        <td>
-                            <div class="articlenext">
-                                <a href="<?php echo $recommands['Article H']->ic_url; ?>" rel="nofollow"> <img
-                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                            originalsrc="<?php echo $recommands['Article H']->mobile_photo; ?>"
-                                            class="img-responsive"
-                                            alt="<?php echo $recommands['Article H']->ic_title; ?>"></a>
-                                <span class="articlenexttitle">
-                                        <a href="<?php echo $recommands['Article H']->ic_url; ?>"> <?php echo $recommands['Article H']->ic_title; ?> </a>
-                                    </span>
-                            </div>
-                        </td>
-                    <?php } ?>
-                </tr>
-                </tbody>
-            </table>
-        </div>
+                          </div>
+                        </div>
+                </div>
+            </div>
+        </section>
     </div>
 <?php } ?>
 
@@ -142,133 +195,168 @@
             <h2>Recommended Tours</h2>
         </div>
 
-        <div class="table-responsive">
-            <table class="info_bottom_recommend">
-                <tbody>
-                <tr>
-                    <td>
-                        <?php if (!empty($recommands['Tour A'])) { ?>
-                            <div class="articlenext">
-                                <a href="<?php echo $recommands['Tour A']->ic_url; ?>" rel="nofollow">
-                                    <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                         originalsrc="<?php echo $recommands['Tour A']->mobile_photo; ?>"
-                                         class="img-responsive"
-                                         alt="<?php echo $recommands['Tour A']->ic_title; ?>"></a>
-                                <span class="articlenexttitle"><a
-                                            href="<?php echo $recommands['Tour A']->ic_url; ?>"><?php echo $recommands['Tour A']->ic_title; ?></a>
-                                   </span>
+        <section>
+            <div class="rt-container">
+                  <div class="col-rt-12">
+                      <div class='demo-container'>
+                          <div class='carousel'>
+                            <input checked='checked' class='carousel__activator' id='carousel-slide-activator-1' name='carousel' type='radio'>
+                            <input class='carousel__activator' id='carousel-slide-activator-2' name='carousel' type='radio'>
+                            <input class='carousel__activator' id='carousel-slide-activator-3' name='carousel' type='radio'>
+                            <div class='carousel__controls'>
+                              <label class='carousel__control carousel__control--forward' for='carousel-slide-activator-2'>
+                                
+                              </label>
                             </div>
-                        <?php } ?>
-                    </td>
-                    <td>
-                        <?php if (!empty($recommands['Tour B'])) { ?>
-                            <div class="articlenext">
-                                <a href="<?php echo $recommands['Tour B']->ic_url; ?>" rel="nofollow">
-                                    <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                         originalsrc="<?php echo $recommands['Tour B']->mobile_photo; ?>"
-                                         class="img-responsive" alt="<?php echo $recommands['Tour B']->ic_title; ?>">
-                                </a>
-                                <span class="articlenexttitle"><a
-                                            href="<?php echo $recommands['Tour B']->ic_url; ?>"><?php echo $recommands['Tour B']->ic_title; ?></a>
-                           </span>
+                            <div class='carousel__controls'>
+                              <label class='carousel__control carousel__control--backward' for='carousel-slide-activator-1'>
+                                
+                              </label>
+                              <label class='carousel__control carousel__control--forward' for='carousel-slide-activator-3'>
+                                
+                              </label>
                             </div>
-                        <?php } ?>
-                    </td>
-                    <td>
-                        <?php if (!empty($recommands['Tour C'])) { ?>
-                            <div class="articlenext">
-                                <a href="<?php echo $recommands['Tour C']->ic_url; ?>" rel="nofollow">
-                                    <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                         originalsrc="<?php echo $recommands['Tour C']->mobile_photo; ?>"
-                                         class="img-responsive" alt="<?php echo $recommands['Tour C']->ic_title; ?>">
-                                </a>
-                                <span class="articlenexttitle"><a
-                                            href="<?php echo $recommands['Tour C']->ic_url; ?>"><?php echo $recommands['Tour C']->ic_title; ?></a>
-                                    </span>
+                            <div class='carousel__controls'>
+                              <label class='carousel__control carousel__control--backward' for='carousel-slide-activator-2'>
+                                
+                              </label>
                             </div>
-                        <?php } ?>
-                    </td>
-                    <td>
-                        <?php if (!empty($recommands['Tour D'])) { ?>
-                            <div class="articlenext">
-                                <a href="<?php echo $recommands['Tour D']->ic_url; ?>" rel="nofollow">
-                                    <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                         originalsrc="<?php echo $recommands['Tour D']->mobile_photo; ?>"
-                                         class="img-responsive" alt="<?php echo $recommands['Tour D']->ic_title; ?>">
-                                </a>
-                                <span class="articlenexttitle"><a
-                                            href="<?php echo $recommands['Tour D']->ic_url; ?>"><?php echo $recommands['Tour D']->ic_title; ?></a>
-                                   </span>
+                            <div class='carousel__screen'>
+                              <div class='carousel__track'>
+                                <div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
+                                  <div class='demo-content'>
+                                    <?php if (!empty($recommands['Tour A'])) { ?>
+                                        <div class="articlenext">
+                                            <a href="<?php echo $recommands['Tour A']->ic_url; ?>" rel="nofollow">
+                                                <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                                     originalsrc="<?php echo $recommands['Tour A']->mobile_photo; ?>"
+                                                     class="img-responsive"
+                                                     alt="<?php echo $recommands['Tour A']->ic_title; ?>"></a>
+                                            <span class="articlenexttitle"><a
+                                                        href="<?php echo $recommands['Tour A']->ic_url; ?>"><?php echo $recommands['Tour A']->ic_title; ?></a>
+                                               </span>
+                                        </div>
+                                    <?php } ?>
+                                  </div>
+                                </div>
+                                <div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
+                                  <div class='demo-content'>
+                                    <?php if (!empty($recommands['Tour B'])) { ?>
+                                        <div class="articlenext">
+                                            <a href="<?php echo $recommands['Tour B']->ic_url; ?>" rel="nofollow">
+                                                <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                                     originalsrc="<?php echo $recommands['Tour B']->mobile_photo; ?>"
+                                                     class="img-responsive" alt="<?php echo $recommands['Tour B']->ic_title; ?>">
+                                            </a>
+                                            <span class="articlenexttitle"><a
+                                                        href="<?php echo $recommands['Tour B']->ic_url; ?>"><?php echo $recommands['Tour B']->ic_title; ?></a>
+                                       </span>
+                                        </div>
+                                    <?php } ?>
+                                  </div>
+                                </div>
+                                <div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
+                                  <div class='demo-content'>
+                                    <?php if (!empty($recommands['Tour C'])) { ?>
+                                        <div class="articlenext">
+                                            <a href="<?php echo $recommands['Tour C']->ic_url; ?>" rel="nofollow">
+                                                <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                                     originalsrc="<?php echo $recommands['Tour C']->mobile_photo; ?>"
+                                                     class="img-responsive" alt="<?php echo $recommands['Tour C']->ic_title; ?>">
+                                            </a>
+                                            <span class="articlenexttitle"><a
+                                                        href="<?php echo $recommands['Tour C']->ic_url; ?>"><?php echo $recommands['Tour C']->ic_title; ?></a>
+                                                </span>
+                                        </div>
+                                    <?php } ?>
+                                  </div>
+                                </div>
+                            
+                                <div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
+                                  <div class='demo-content'>
+                                    <?php if (!empty($recommands['Tour D'])) { ?>
+                                        <div class="articlenext">
+                                            <a href="<?php echo $recommands['Tour D']->ic_url; ?>" rel="nofollow">
+                                                <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                                     originalsrc="<?php echo $recommands['Tour D']->mobile_photo; ?>"
+                                                     class="img-responsive" alt="<?php echo $recommands['Tour D']->ic_title; ?>">
+                                            </a>
+                                            <span class="articlenexttitle"><a
+                                                        href="<?php echo $recommands['Tour D']->ic_url; ?>"><?php echo $recommands['Tour D']->ic_title; ?></a>
+                                               </span>
+                                        </div>
+                                    <?php } ?>
+                                  </div>
+                                </div>
+                                <div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
+                                  <div class='demo-content'>
+                                    <?php if (!empty($recommands['Tour E'])) { ?>
+                                        <div class="articlenext">
+                                            <a href="<?php echo $recommands['Tour E']->ic_url; ?>" rel="nofollow">
+                                                <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                                     originalsrc="<?php echo $recommands['Tour E']->mobile_photo; ?>"
+                                                     class="img-responsive" alt="<?php echo $recommands['Tour E']->ic_title; ?>">
+                                            </a>
+                                            <span class="articlenexttitle"><a
+                                                        href="<?php echo $recommands['Tour E']->ic_url; ?>"><?php echo $recommands['Tour E']->ic_title; ?></a>
+                                            </span>
+                                        </div>
+                                    <?php } ?>
+                                  </div>
+                                </div>
+                                <div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
+                                  <div class='demo-content'>
+                                    <?php if (!empty($recommands['Tour F'])) { ?>
+                                        <div class="articlenext">
+                                            <a href="<?php echo $recommands['Tour F']->ic_url; ?>" rel="nofollow">
+                                                <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                                     originalsrc="<?php echo $recommands['Tour F']->mobile_photo; ?>"
+                                                     class="img-responsive" alt="<?php echo $recommands['Tour F']->ic_title; ?>">
+                                            </a>
+                                            <span class="articlenexttitle"><a
+                                                        href="<?php echo $recommands['Tour F']->ic_url; ?>"><?php echo $recommands['Tour F']->ic_title; ?></a>
+                                                </span>
+                                        </div>
+                                    <?php } ?>
+                                  </div>
+                                </div>
+                                <div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
+                                    <div class='demo-content'>
+                                        <?php if (!empty($recommands['Tour G'])) { ?>
+                                            <div class="articlenext">
+                                                <a href="<?php echo $recommands['Tour G']->ic_url; ?>" rel="nofollow">
+                                                    <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                                         originalsrc="<?php echo $recommands['Tour G']->mobile_photo; ?>"
+                                                         class="img-responsive" alt="<?php echo $recommands['Tour G']->ic_title; ?>">
+                                                </a>
+                                                <span class="articlenexttitle"><a
+                                                            href="<?php echo $recommands['Tour G']->ic_url; ?>"><?php echo $recommands['Tour G']->ic_title; ?></a>
+                                                   </span>
+                                            </div>
+                                        <?php } ?>
+                                    </div>
+                                  </div>
+                                  <div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
+                                    <div class='demo-content'>
+                                        <?php if (!empty($recommands['Tour H'])) { ?>
+                                            <div class="articlenext">
+                                                <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                                     originalsrc="<?php echo $recommands['Tour H']->mobile_photo; ?>"
+                                                     class="img-responsive" alt="<?php echo $recommands['Tour H']->ic_title; ?>">
+                                                <span class="articlenexttitle"><a
+                                                            href="<?php echo $recommands['Tour H']->ic_url; ?>"><?php echo $recommands['Tour H']->ic_title; ?></a>
+                                                   </span>
+                                            </div>
+                                        <?php } ?>
+                                    </div>
+                                  </div>
+                              </div>
                             </div>
-                        <?php } ?>
-
-                    </td>
-
-                    <td>
-                        <?php if (!empty($recommands['Tour E'])) { ?>
-                            <div class="articlenext">
-                                <a href="<?php echo $recommands['Tour E']->ic_url; ?>" rel="nofollow">
-                                    <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                         originalsrc="<?php echo $recommands['Tour E']->mobile_photo; ?>"
-                                         class="img-responsive" alt="<?php echo $recommands['Tour E']->ic_title; ?>">
-                                </a>
-                                <span class="articlenexttitle"><a
-                                            href="<?php echo $recommands['Tour E']->ic_url; ?>"><?php echo $recommands['Tour E']->ic_title; ?></a>
-                                </span>
-                            </div>
-                        <?php } ?>
-
-                    </td>
-
-                    <td>
-                        <?php if (!empty($recommands['Tour F'])) { ?>
-                            <div class="articlenext">
-                                <a href="<?php echo $recommands['Tour F']->ic_url; ?>" rel="nofollow">
-                                    <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                         originalsrc="<?php echo $recommands['Tour F']->mobile_photo; ?>"
-                                         class="img-responsive" alt="<?php echo $recommands['Tour F']->ic_title; ?>">
-                                </a>
-                                <span class="articlenexttitle"><a
-                                            href="<?php echo $recommands['Tour F']->ic_url; ?>"><?php echo $recommands['Tour F']->ic_title; ?></a>
-                                    </span>
-                            </div>
-                        <?php } ?>
-
-                    </td>
-
-                    <td>
-                        <?php if (!empty($recommands['Tour G'])) { ?>
-                            <div class="articlenext">
-                                <a href="<?php echo $recommands['Tour G']->ic_url; ?>" rel="nofollow">
-                                    <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                         originalsrc="<?php echo $recommands['Tour G']->mobile_photo; ?>"
-                                         class="img-responsive" alt="<?php echo $recommands['Tour G']->ic_title; ?>">
-                                </a>
-                                <span class="articlenexttitle"><a
-                                            href="<?php echo $recommands['Tour G']->ic_url; ?>"><?php echo $recommands['Tour G']->ic_title; ?></a>
-                                   </span>
-                            </div>
-                        <?php } ?>
-
-                    </td>
-
-                    <td>
-                        <?php if (!empty($recommands['Tour H'])) { ?>
-                            <div class="articlenext">
-                                <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                     originalsrc="<?php echo $recommands['Tour H']->mobile_photo; ?>"
-                                     class="img-responsive" alt="<?php echo $recommands['Tour H']->ic_title; ?>">
-                                <span class="articlenexttitle"><a
-                                            href="<?php echo $recommands['Tour H']->ic_url; ?>"><?php echo $recommands['Tour H']->ic_title; ?></a>
-                                   </span>
-                            </div>
-                        <?php } ?>
-
-                    </td>
-                </tr>
-                </tbody>
-            </table>
-        </div>
+                          </div>
+                        </div>
+                </div>
+            </div>
+        </section>
     </div>
 <?php } ?>