@media(max-width: 1024px) {
    .box1 {
        display: none;
    }

    .box2 {
        display: block
    }

    .list {
        padding: 15px;
        box-sizing: border-box;

        .info {
            display: block;

            .left {
                padding: 0;
                width: 100%;

                .text1 {
                    font-size: 30px;
                }

                .text2 {
                    .text2-1 {
                        padding: 0 10px;
                        height: 25px;
                        line-height: 25px;
                        font-size: 14px;
                        margin-bottom: 10px;
                    }
                }

            }
            .left p span{
                text-wrap-mode: wrap !important;
            }
            .right {
                width: 100%;
                margin-left: 0;
                .user2{
                    font-size: 16px;
                }
                .user2 span{
                    text-align: left;
                }
                .user3{
                    font-size: 14px;
                }
            }
            .person-img{
                width: 100%;
            }
            .person-title{
                width: 85%;
            }
        }
    }


    
}