From c83887a99e99ac50d7227d5a2c6f3367a22a0b28 Mon Sep 17 00:00:00 2001
From: candice <candice@hainatravel.com>
Date: Wed, 13 Dec 2023 10:00:29 +0800
Subject: [PATCH] 11

---
 css/mobile-first.css | 133 ++++++++++++++++++++++---------------------
 1 file changed, 67 insertions(+), 66 deletions(-)

diff --git a/css/mobile-first.css b/css/mobile-first.css
index dc1826d7..4227b0d0 100644
--- a/css/mobile-first.css
+++ b/css/mobile-first.css
@@ -1580,6 +1580,72 @@ select.country_code, select.kids_number {
         }
         ul.ah_list li.active { background: #ad1818;}
             ul.ah_list li a { color: #fff;}
+            .content_article_title, .info_ad_title {    
+                margin-top: 10px;
+                border-left: 5px solid #ad1818;
+                padding-left: 15px;
+                margin-bottom: 15px;
+                font-family: 'Goudy Old Style';
+                font-weight: 600;
+                font-size: 20px;
+                text-transform: uppercase;
+            }
+            .infopage_ad {    float: left;
+                width: 360px;
+                margin: 0 5px 15px 5px;
+                padding: 0 5px 0 0;
+                position: relative;
+                height: 113px;
+                border-radius: 6px;}
+            .infopage_ad img {border-radius: 4px; float: left;}
+            .infopage_ad_content {display: inline-block; }
+            .content_article_name {
+                line-height: 22px;
+                margin-bottom: 0;
+                padding: 10px;
+                -webkit-line-clamp: 4;
+                display: block;
+                -webkit-box-orient: vertical;
+                text-overflow: ellipsis;
+                overflow: hidden;
+                padding-left: 10px;
+                width: calc(100% - 25px);
+                height: calc(100% - 20px);
+                position: absolute;
+                background: rgb(0 0 0 / 40%);
+                border-radius: 4px;}
+                .content_article_name a {text-decoration: none; color: #fff;
+                    text-shadow: 1px 1px 1px #000;}
+            .content_article_button {   
+                font-size: 17px;
+                margin-right: 0;
+                margin-bottom: 5px;
+                position: absolute;
+                right: 10px;
+                bottom: 0;
+                background: #fff;
+                border-radius: 50%;
+            }
+            .content_article_button a {
+                width: 33px;
+                height: 33px;
+                float: right;
+                display: inline-block;}
+                .content_article_button a:after {
+                    color: #fff;
+                    content: "";
+                    width: 10px;
+                    height: 10px;
+                    transition: transform 0.5s;
+                    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
+                    float: right;
+                    margin-right: 12px;
+                    margin-top: 10px;
+                    transform: rotate( 
+                45deg );
+                    border-top: 3px solid #ad1818;
+                    border-right: 3px solid #ad1818;
+                }
 /*pc style end */
 
 
@@ -1687,72 +1753,7 @@ input.Inquiryphone {width:44% !important;}
 .plan_left_right {     position: relative; margin-right: 12px;}
     .trip_plan_right {    width: 48%;float: left;}
 }
-.content_article_title, .info_ad_title {    
-    margin-top: 10px;
-    border-left: 5px solid #ad1818;
-    padding-left: 15px;
-    margin-bottom: 15px;
-    font-family: 'Goudy Old Style';
-    font-weight: 600;
-    font-size: 20px;
-    text-transform: uppercase;
-}
-.infopage_ad {    float: left;
-    width: 360px;
-    margin: 0 5px 15px 5px;
-    padding: 0 5px 0 0;
-    position: relative;
-    height: 113px;
-    border-radius: 6px;}
-.infopage_ad img {border-radius: 4px; float: left;}
-.infopage_ad_content {display: inline-block; }
-.content_article_name {
-    line-height: 22px;
-    margin-bottom: 0;
-    padding: 10px;
-    -webkit-line-clamp: 4;
-    display: block;
-    -webkit-box-orient: vertical;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    padding-left: 10px;
-    width: calc(100% - 25px);
-    height: calc(100% - 20px);
-    position: absolute;
-    background: rgb(0 0 0 / 40%);
-    border-radius: 4px;}
-    .content_article_name a {text-decoration: none; color: #fff;
-        text-shadow: 1px 1px 1px #000;}
-.content_article_button {   
-    font-size: 17px;
-    margin-right: 0;
-    margin-bottom: 5px;
-    position: absolute;
-    right: 10px;
-    bottom: 0;
-    background: #fff;
-    border-radius: 50%;
-}
-.content_article_button a {
-    width: 33px;
-    height: 33px;
-    float: right;
-    display: inline-block;}
-    .content_article_button a:after {
-        color: #fff;
-        content: "";
-        width: 10px;
-        height: 10px;
-        transition: transform 0.5s;
-        -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
-        float: right;
-        margin-right: 12px;
-        margin-top: 10px;
-        transform: rotate( 
-    45deg );
-        border-top: 3px solid #ad1818;
-        border-right: 3px solid #ad1818;
-    }
+
 
 @media (min-width: 1200px) {
     .listtour {