@media(max-width:768px){
    .preview{
        width: 75%;
        font-size: 14px;
        padding-bottom: 5%;
    }
    .preview span{
        font-size: 12px;
    }
    .content{
        flex-direction: column;
        height: auto !important;
    }
    .content .sub_info{
        width: 60%;
        margin: 0 auto;
    }
    .content .sub_info .text .title{
        writing-mode: horizontal-tb;
    }
    .content .sub_info .text{
        text-align: center;
    }
}





@media(max-width:500px){

    .roompre_wrap{
        height: auto;
    }
    .content .sub_info .text .sub_title:after{
        display: none;
    }
    .roompre_wrap .content .main_info .roompre_swiper .swiper-wrapper{
        height: 600px !important;
    }
    .roompre_wrap .content .main_info{
        min-height: 600px;
    }
    body{
        overflow: auto;
    }
    .wrap{
        height: 150% !important;
    }
.preview p{
    padding: 0 8%;
    word-break: keep-all;
}
}