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

    .box2 {
        display: block;

    }


    .list {
        padding: 15px;

        .list-data {
            .left {
                width: 100%;
                padding: 0;

                .left-text1 {
                    font-size: 25px;
                    padding: 0;
                    line-height: 32px;
                }

                .left-text2 {
                    font-size: 14px;
                }
                .left-content p{
                    padding: 0;
                }
                .left-content p img{
                    max-width: 100%;
                    height: auto !important;
                }
                .left-content p video{
                    max-width: 100%;
                }
                .left-content p span{
                    padding: 0 12px;
                }
            }
        }
    }
    .next{
        display: block;
    }
    .pre span{
        max-width: 100%;
    }
}