.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;
        }
    }
    
}