Hindi
height: 100%;
position: absolute;
z-index: -1;
top: 0;
left: 0;
border: 1px #f1f1f1 solid;
border-radius: .1rem
}
.listNews-2 li .box:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.listNews-2 li .box:hover .title {
color: #bf1a24
}
.listNews-2 li .text {
padding: .4rem .35rem
}
.listNews-2 li .tag-date {
font-size: .14rem;
overflow: hidden;
line-height: .28rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: .2rem
}
.listNews-2 li .tag {
display: inline-block;
color: #333;
min-width: .7rem;
line-height: .26rem;
border-radius: .15rem;
padding: 0 .1rem;
border: 1px #333 solid;
text-align: center
}
.listNews-2 li .date {
color: rgba(102,102,102,0.55)
}
.listNews-2 li .title {
font-size: .20rem;
line-height: .27rem;
height: .54rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
color: #23282b;
font-weight: 700
}
.listNews-2 li .more {
color: #bf1a24;
position: relative
}
.listNews-2 .box:hover::before {
border-color: #bf1a24;
}
@media screen and (max-width: 1023px) {
.listNews-2 {
margin-left:-10px;
margin-right: -10px
}
.listNews-2 li {
width: 50%;
padding: 0 10px 20px 10px
}
.listNews-2 li .text {
padding: 20px 10px
}
.listNews-2 li .tag-date {
font-size: 14px;
line-height: 24px;
margin-bottom: 20px;
display: block
}
.listNews-2 li .tag {
min-width: 60px;
line-height: 22px;
border-radius: 12px
}
.listNews-2 li .title {
font-size: 16px;
line-height: 24px;
height: 48px;
}
}
@media screen and (max-width: 414px) {
.listNews-2 li {
width:100%;
clear: both
}
}
चीनी
English
Arabic
Spanish
French
Indonesian
Portuguese
Persian
Russian-
Sin datos
