From e9bcc2fadd9788f601cb20f4b1a3b11e91e74606 Mon Sep 17 00:00:00 2001
From: candice <candice@hainatravel.com>
Date: Wed, 13 Dec 2023 09:57:26 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=87=E4=B8=AD=E7=BA=BF=E8=B7=AF=E5=B9=BF?=
 =?UTF-8?q?=E5=91=8A=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/css/mobile-first.css b/css/mobile-first.css
index 1a8faa5b..dc1826d7 100644
--- a/css/mobile-first.css
+++ b/css/mobile-first.css
@@ -1687,8 +1687,72 @@ 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 {
@@ -1874,70 +1938,8 @@ input.Inquiryphone {width:44% !important;}
     font-size: 22px;
     font-family: 'Goudy Old Style';
     display: block;}
-.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 10px 5px;
-    padding: 0 5px 0 0;
-    position: relative;
-    border-radius: 6px;}
-.infopage_ad img {border-radius: 4px; float: left;}
-.infopage_ad_content {display: inline-block; }
-.content_article_name {font-size: 20px;
-    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;}
-.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 (max-width: 750px) {
     .infotailorword {width: auto;