@media screen and (min-width: 1024px) {
    .map-scroll-box{
        position: absolute;
        top: 5.72rem;
        left: 0;
        width: 100%;
        padding: 0 4.56rem 4.56rem;
        height: calc(100% - 5.7rem);
    }
    .map-search-section {
        width: 100%;
        height: 7.14rem;
        display: flex;
        align-items: center;
    }
    .map-search-section .com-search{
        margin-top: 0;
    }
    .map-cont-section{
        width: 100%;
        height: calc(100% - 11rem);
    }
    .map-cont-section .box{
        width: 100%;
        height: 100%;
    }
    .map-cont-section .box .top{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
    }
    .map-cont-section .box .top .left-map{
        width: 77.72rem;
        height: 100%;
        border-radius: 4px;
        overflow: hidden;
    }
    .map-cont-section .box .top .right-house{
        position: relative;
        width: calc(100% - 78.86rem);
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .map-cont-section .box .top .right-house .box1{
        width: 100%;
        height: 3.42rem;
        line-height: 3.42rem;
    }
    .map-cont-section .box .top .right-house .box1 .name{
        font-size: 2.28rem;
    }
    .map-cont-section .box .top .right-house .box1 .name .num{
        color: red;
    }
    .map-cont-section .box .top .right-house .box2{
        position: absolute;
        top: 3.42rem;
        left: 0;
        width: 100%;
        height: calc(100% - 3.42rem);
        overflow-y: auto;
        padding: .72rem .72rem 0;
        font-size: 1.28rem;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .map-cont-section .box .top .right-house .box2::-webkit-scrollbar {
        width: 4px; /* 滚动条宽度 */
    }
    /* 滚动条轨道 */
    .map-cont-section .box .top .right-house .box2::-webkit-scrollbar-track {
        background-color: #f1f1f1; /* 轨道背景色 */
    }
    /* 滚动条滑块 */
    .map-cont-section .box .top .right-house .box2::-webkit-scrollbar-thumb {
        background-color: #999999; /* 滑块颜色 */
        border-radius: 4px; /* 滑块圆角 */
    }
    /* 鼠标悬停在滚动条上时的滑块样式 */
    .map-cont-section .box .top .right-house .box2::-webkit-scrollbar-thumb:hover {
        background-color: #555; /* 鼠标悬停时的滑块颜色 */
    }
    .map-cont-section .box .top .right-house .box2 .item{
        width: calc((100% - 1.14rem) / 2);
        height: auto;
        border: 1px solid #F0F0F0;
        background-color: #FFFFFF;
        box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.3);
        margin-bottom: 1.14rem;
        border-radius: 4px;
        overflow: hidden;
    }
    .map-cont-section .box .top .right-house .box2 .item:hover{
        box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.6);
    }
    .map-cont-section .box .top .right-house .box2 .item .imgCover{
        width: 100%;
        height: 11.42rem;
        overflow: hidden;
    }
    .map-cont-section .box .top .right-house .box2 .item .imgCover img{
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    .map-cont-section .box .top .right-house .box2 .item .info1{
        padding: 1rem;
    }
    .map-cont-section .box .top .right-house .box2 .item .title-01{
        line-height: 1.72rem;
        font-size: 1.28rem;
    }
    .map-cont-section .box .top .right-house .box2 .item .local{
        margin-top: 0.86rem;
        line-height: 1.72rem;
        display: flex;
        align-items: center;
        color: var(--local-color);
        font-size: 1rem;
    }
    .map-cont-section .box .top .right-house .box2 .item .local img{
        width: 1rem;
        height: auto;
        margin-right: 4px;
    }
    .map-cont-section .box .top .right-house .box2 .item .local span{
        color: #007f6f;
    }
    .map-cont-section .box .top .right-house .box2 .item .bed{
        margin-top: .86rem;
        line-height: 1.72rem;
        font-size: 1rem;
        color: #303133;
    }

    .map-cont-section .box .top .right-house .box2 .item .price-box {
        margin-top: .86rem;
    }
    .map-cont-section .box .top .right-house .box2 .item .price{
        line-height: 1.72rem;
        font-size: 1.42rem;
        color: var(--blue-color);
    }

    .map-cont-section .box .top .right-house .box2 .item .collect-bg img {
        width: 1.4rem;
        height: auto;
    }
    .map-cont-section .box .top .right-house .box2 .item .price span.from{
        margin-right: 1rem;
        color: #333333;
    }
    .map-cont-section .box .bot{
        width: 100%;
        height: 2.14rem;
        margin-top: 1.42rem;
    }
    .map-cont-section .box .bot .paging-box{
        float: right;
    }
    .paging-box{
        margin-top: 1.72rem;
    }
    .paging-box .tcdPageCode{
        padding: 0;
    }
}
@media screen and (min-width: 350px) and (max-width: 1020px) {
    .paging-box{
        display: none;
    }
    .map-scroll-box{
        position: absolute;
        top: 52px;
        left: 0;
        width: 100%;
        height: calc(100% - 52px);
    }
    .map-search-section{
        position: absolute;
        width: 100%;
    }
    .map-cont-section,
    .map-cont-section .box,
    .map-cont-section .box .top{
        width: 100%;
        height: 100%;
    }
    .map-cont-section .box .top .left-map{
        width: 100%;
        height: 100%;
    }
    .map-cont-section .box .top .right-house{
        display: none;
    }
}