文中线路推荐样式修改

master
candice 2 years ago
parent 06855fa56a
commit d1a9c2e6e9

@ -1884,35 +1884,43 @@ input.Inquiryphone {width:44% !important;}
font-size: 20px; font-size: 20px;
text-transform: uppercase; text-transform: uppercase;
} }
.infopage_ad {float: left; .infopage_ad { float: left;
width: 235px; width: 360px;
margin: 0 5px 10px 5px; margin: 0 5px 10px 5px;
background: #f5f5f5; padding: 0 5px 0 0;
padding: 0 5px 0 0;} position: relative;
.infopage_ad img {width: 100px; float: left; height: 133px;} border-radius: 6px;}
.infopage_ad img {border-radius: 4px; float: left;}
.infopage_ad_content {display: inline-block; } .infopage_ad_content {display: inline-block; }
.content_article_name { font-size: 17px; .content_article_name {font-size: 20px;
line-height: 19px; line-height: 22px;
margin-bottom: 0; margin-bottom: 0;
padding-top: 10px; padding: 10px;
-webkit-line-clamp: 4; -webkit-line-clamp: 4;
display: block; display: block;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
padding-left: 10px; padding-left: 10px;
width: auto; width: calc(100% - 25px);
height: 78px;} height: calc(100% - 20px);
position: absolute;
background: rgb(0 0 0 / 40%);
border-radius: 4px;}
.content_article_name a {text-decoration: none;} .content_article_name a {text-decoration: none;}
.content_article_button { .content_article_button {
font-size: 17px; font-size: 17px;
margin-right: 0; margin-right: 0;
background: none;
margin-bottom: 5px; margin-bottom: 5px;
position: absolute;
right: 10px;
bottom: 0;
background: #fff;
border-radius: 50%;
} }
.content_article_button a { .content_article_button a {
width: 33px; width: 33px;
height: 27px; height: 33px;
float: right; float: right;
display: inline-block;} display: inline-block;}
.content_article_button a:after { .content_article_button a:after {
@ -1926,9 +1934,9 @@ input.Inquiryphone {width:44% !important;}
margin-right: 12px; margin-right: 12px;
margin-top: 10px; margin-top: 10px;
transform: rotate( transform: rotate(
45deg 45deg );
); border-top: 3px solid #ad1818;
border-top: 3px solid #ad1818; border-right: 3px solid #ad1818; border-right: 3px solid #ad1818;
} }
} }
@media (max-width: 750px) { @media (max-width: 750px) {

Loading…
Cancel
Save