From d1a9c2e6e96bbea5dc7d7ec6034f538bf3723aba Mon Sep 17 00:00:00 2001 From: candice Date: Wed, 13 Dec 2023 09:27:24 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=87=E4=B8=AD=E7=BA=BF=E8=B7=AF=E6=8E=A8?= =?UTF-8?q?=E8=8D=90=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 | 38 +++++++++++++++++++++++--------------- 1 file changed, 23 insertions(+), 15 deletions(-) diff --git a/css/mobile-first.css b/css/mobile-first.css index beaeff2d..1a8faa5b 100644 --- a/css/mobile-first.css +++ b/css/mobile-first.css @@ -1884,35 +1884,43 @@ input.Inquiryphone {width:44% !important;} font-size: 20px; text-transform: uppercase; } -.infopage_ad {float: left; - width: 235px; +.infopage_ad { float: left; + width: 360px; margin: 0 5px 10px 5px; - background: #f5f5f5; - padding: 0 5px 0 0;} -.infopage_ad img {width: 100px; float: left; height: 133px;} + 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: 17px; - line-height: 19px; +.content_article_name {font-size: 20px; + line-height: 22px; margin-bottom: 0; - padding-top: 10px; + padding: 10px; -webkit-line-clamp: 4; display: block; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; padding-left: 10px; - width: auto; - height: 78px;} + 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; - background: none; margin-bottom: 5px; + position: absolute; + right: 10px; + bottom: 0; + background: #fff; + border-radius: 50%; } .content_article_button a { width: 33px; - height: 27px; + height: 33px; float: right; display: inline-block;} .content_article_button a:after { @@ -1926,9 +1934,9 @@ input.Inquiryphone {width:44% !important;} margin-right: 12px; margin-top: 10px; transform: rotate( - 45deg - ); - border-top: 3px solid #ad1818; border-right: 3px solid #ad1818; + 45deg ); + border-top: 3px solid #ad1818; + border-right: 3px solid #ad1818; } } @media (max-width: 750px) {