.t2 {
display: inline-block;
width: 25%;
text-align: left;
}
@media (min-width: 1024px) and (max-width: 1600px) {
.t2 {
width: 33%;
border-left: solid 2px #e1e1e1;
}
.t2:nth-child(3n+1) {
border: none;
}
}
@media (min-width: 767px) and (max-width: 1023px) {
.main-container {
text-align:center;
}
.t2 {
width: 46%;
}
.t2:nth-child(2n+1) {
border-right: solid 2px #e1e1e1;
margin-right: 1%;
}
}
@media (max-width: 766px) {
.t2 {
width: 100%;
}
}
.it-link {
display: flex;
color: inherit;
min-height: 44px;
padding-left: 4px;
border-bottom: #EFEFEF 1px solid;
padding-top: 4px;
padding-bottom: 7px;
text-decoration: none;
}
.it-image {
padding-top: 4px;
padding-bottom: 0px;
}
.it-image img {
display: block;
width: 65px;
height: 65px;
border-radius: 8px;
padding: 0 4px;
}
.it-content {
display: block;
margin-left: 8px;
padding-top: 4px;
padding-bottom: 0px;
background: 0 0;
padding-right: 15px;
position: relative;
height: 65px;
width: 100%;
color: #000;
}
.it-heading {
padding-right: 20px;
max-width: 65%;
}
.it-title {
flex-shrink: 1;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
font-weight: 700;
color: #7B5038;
max-height: 2.8em;
font-weight: 700;
}
.it-after {
white-space: nowrap;
color: #8e8e93;
flex-shrink: 0;
margin-left: 5px;
display: flex;
max-height: 28px;
}
.it-subtitle {
font-size: 13px;
position: absolute;
right: 20px;
top: 20px;
padding: 10px 20px;
overflow: hidden;
white-space: nowrap;
max-width: 100%;
text-overflow: ellipsis;
background-color: #EF3E34;
color: #fff;
border-radius: 10px;
}
.coins-icon {
display: inline-block;
width: 20px;
height: 20px;
background: url(https://www.cpalead.com/mobile/locker/images/coins.png);
background-size: 20px;
margin-bottom: -5px;
margin-right: 5px;
}
.it-description {
font-size: 12px;
color: #8e8e93;
line-height: 21px;
position: relative;
overflow: hidden;
height: 42px;
text-overflow: ellipsis;
display: -webkit-box;
}
تعليقات
إرسال تعليق