#index{
    @media (max-width: 767px) {
        .item {
            width: 100%;
        }
    }
    /* 当屏幕宽度大于或等于768px时 */
    @media (min-width: 768px) {
        .item {
            width: 50%;
        }
    }

    /* 当屏幕宽度大于或等于1024px时 */
    @media (min-width: 1024px) {
        .item {
            width: 33.333%;
        }
    }
    @media (min-width: 1200px) {
        .item {
            width: 25%;
        }
    }
    .container{
        /* display: flex;
        flex-wrap: wrap;
        justify-content: space-between; */
        position: relative;
        /* display: flex; */
        /* flex-wrap: wrap; */
        /* min-height: 100vh; 或者具体的高度 */
        .item{
            border:1px solid #f1f1f1;
            padding: 0 10px;
            box-shadow: 0 5px 5px #e1e1e1;
            /* width: 30%; */
            /* height: auto; */
            /* overflow: hidden; */
            position: absolute;
            .in_title{
                margin: 10px 0;
                img{
                }
            }
            .in_main{
                /* padding: 6px; */
                a{
                    
                    .main_title{
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        --g:14%;
                        img{
                            margin-right: 10px;
                            width: var(--g);
                            height: var(--g);
                        }
                    }
                }
            }
            .in_footer{
                /* padding: 6px; */
                text-overflow: ellipsis;
                overflow: hidden;
                word-break: break-all;
                white-space: nowrap;
                
                ul{
                    margin-bottom: 0;
        
                    li{
                        padding: 5px 0;
                        a{
                            /*文字超出部分隐藏*/
                            overflow:hidden;text-overflow: ellipsis;
                            -webkit-line-clamp: 3;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            span{
                                text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
                                
                            }
                        }
                    }
                }
                
                
            }
        }
    }
    
    
    
    
}