120 lines
3.3 KiB
SCSS
120 lines
3.3 KiB
SCSS
.it-container{
|
|
.it-temp1{
|
|
height: 6.48rem;
|
|
padding-left: 2.3rem;
|
|
display: flex;
|
|
align-items: center;
|
|
position: relative;
|
|
img{
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
top:0;
|
|
left: 0;
|
|
z-index: 0;
|
|
}
|
|
|
|
}
|
|
.breadcrumb{
|
|
padding: .6rem 1.2rem .4rem 1.2rem;
|
|
}
|
|
|
|
.it-temp2{
|
|
padding: 0rem 1.2rem 0rem 1.2rem;
|
|
// padding-top: .3rem;
|
|
position: relative;
|
|
z-index: 1;
|
|
.title-sub{
|
|
position: relative;
|
|
z-index: 1;
|
|
text-align: center;
|
|
font-size: .42rem;
|
|
font-weight: 500;
|
|
color: #001D2D;
|
|
line-height: .62rem;
|
|
margin-bottom: .6rem;
|
|
span{
|
|
display: inline-block;
|
|
width: .24rem;
|
|
height: .24rem;
|
|
position: relative;
|
|
top: -0.02rem;
|
|
&:first-child{
|
|
background: #E1EAFD;
|
|
}
|
|
&:last-child{
|
|
background: #ECF4E3;
|
|
}
|
|
}
|
|
}
|
|
.item{
|
|
display: flex;
|
|
padding: .3rem 0;
|
|
position: relative;
|
|
border-bottom: 1px solid #DFDFDF;
|
|
// margin-bottom: .3rem;
|
|
cursor: pointer;
|
|
.img{
|
|
flex: none;
|
|
width: 2.4rem;
|
|
height: 1.6rem;
|
|
img{
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit:cover
|
|
}
|
|
}
|
|
.decs{
|
|
flex: auto;
|
|
padding-left: .2rem;
|
|
padding-right: 2.4rem;
|
|
.title{
|
|
font-size: .28rem;
|
|
font-weight: 400;
|
|
color: #001D2D;
|
|
line-height: .4rem;
|
|
padding: .06rem .36rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
margin-top: .2rem;
|
|
margin-bottom: .16rem;
|
|
}
|
|
.text{
|
|
font-size: .18rem;
|
|
font-weight: 400;
|
|
color: #737373;
|
|
line-height: .32rem;
|
|
padding: 0 .36rem;
|
|
overflow:hidden;
|
|
text-overflow:ellipsis;
|
|
display:-webkit-box;
|
|
-webkit-box-orient:vertical;
|
|
-webkit-line-clamp:2; // 2行
|
|
}
|
|
}
|
|
.time{
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: .3rem;
|
|
font-size: .18rem;
|
|
|
|
font-weight: 400;
|
|
color: #737373;
|
|
}
|
|
// padding-bottom: .2rem;
|
|
// margin-bottom: .42rem;
|
|
// &:hover{
|
|
// box-shadow: 0px 10px 40px 0px rgba(0, 49, 75, 0.1);
|
|
// }
|
|
|
|
|
|
}
|
|
.page{
|
|
text-align: center;
|
|
padding: .48rem 0;
|
|
padding-bottom: .8rem;
|
|
}
|
|
}
|
|
|
|
} |