com-popup-album-box .box .photo .list a:nth-child(3n) {
    width: 100%;
    height: 14.28rem;
}/*留言弹窗*/
.com-popup-message{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    z-index: 999;
    display: none;
}

.com-popup-message .box{
    width: 100%;
}

.com-popup-message .top{
    width: 100%;
    height: 44px;
    font-size: 14px;
    position: relative;
}

.com-popup-message .top .close{
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translate(0,-50%);
    width: 16px;
    height: 16px;
}

.com-popup-message .between,
.com-popup-call .between{
    margin-top: 20px;
    width: calc(100% - 20px);
    height: auto;
    border-radius: 16px;
    padding: 0 15px;
    border: 1px solid #F0F0F0;
}

.com-popup-message .between .item,
.com-popup-call .between .item{
    width: 100%;
    padding: 15px 0;
}

.com-popup-message .between .agant,
.com-popup-call .between .agant{
    border-bottom: 1px dashed #F0F0F0;
}
.agent-cover{
    width: 52px;
    height: 52px;
    border-radius: 50%;
    overflow: hidden;
}
.com-popup-message .between .item img.logo,
.com-popup-call .between .item img.logo{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.com-popup-message .between .item .info-box,
.com-popup-call .between .item .info-box{
    margin-left: 15px;
}

.com-popup-message .between .item .info-box .name,
.com-popup-call .between .item .info-box .name{
    margin-bottom: 10px;
}

.com-popup-message .between .item .info-box .phone-n,
.com-popup-call .between .item .info-box .phone-n{
    color: #6785FD;
}

.com-popup-message .between .item .info-box .phone-none,
.com-popup-call .between .item .info-box .phone-none{
    color: #666666;
    font-size: 12px;
}

.com-popup-message .between .item .info-box img.eye,
.com-popup-call .between .item .info-box img.eye{
    width: 16px;
    height: 16px;
}

.com-popup-message .bot{
    margin-top: 20px;
    width: calc(100% - 20px);
}

/*拨号弹窗*/
.com-popup-call{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 72px);
    background: rgba(0,0,0,0.3);
    z-index: 999;
    display: none;
}

.com-popup-call .between {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: #FFFFFF;
}

/*相册弹窗移动端*/
.com-popup-album-m-box{
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    display: none;
}

.com-popup-album-m-box .box{
    width: 100%;
    height: 100%;
    background-color: #111111;
    position: relative;
}

.com-popup-album-m-box .box .title{
    width: 100%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #999999;
    background-color: #333333;
    position: relative;
}

.com-popup-album-m-box .box .title .close{
    width: 18px;
    height: 18px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translate(0,-50%);
}

.com-popup-album-m-box .box .cont{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    width: 100%;
    height: 244px;
    overflow: hidden;
    position: relative;
}

.com-popup-album-m-box .box .cont .image-container{
    display: flex;
    width: 300%;
    height: 100%;
    transition: transform 0.3s;
}

.com-popup-album-m-box .box .cont .image-container .image-box{
    flex: 0 0 33.33%;
    max-height: 100%;
}

.com-popup-album-m-box .box .cont .image-container img.image{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*相册弹窗pc*/
.com-popup-album-box{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    z-index: 9999;
    font-size: 1rem;
    display: none;
}

.com-popup-album-box .box{
    width: 72.5%;
    height: 70%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #FFFFFF;
    border-radius: .58rem;
    padding: 1.42rem;
}

.com-popup-album-box .box .title-box{
    width: 100%;
    height: 2.86rem;
    border-bottom: 1px solid #DDDDDD;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.com-popup-album-box .box .title-box .name span:first-child{
    font-size: 1.28rem;
}

.com-popup-album-box .box .title-box .name span:last-child{
    font-size: 1.28rem;
}

.com-popup-album-box .box .title-box img{
    width: 1.42rem;
    height: 1.42rem;
}

.com-popup-album-box .box .photo{
    width: 100%;
    height: calc(100% - 2.86rem);
    padding-top: .72rem;
    display: flex;
    align-items: center;
}

.com-popup-album-box .box .photo .list{
    width: 35%;
    height: 100%;
    padding-right: .72rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: flex-start;  /* 控制换行后项目的对齐方式 */
    overflow: auto;
}

.com-popup-album-box .box .photo .list a{
    display: inline-block;
    width: 48%;
    height: 11.42rem;
    border: 3px solid #DDDDDD;
    margin-bottom: 1.42rem;
    /*border-radius: 0.04rem;*/
    overflow: hidden;
}

.com-popup-album-box .box .photo .list a:hover{
    border-color:var(--blue-color);
}

.com-popup-album-box .box .photo .list a.action{
    border-color:var(--blue-color);
}

.com-popup-album-box .box .photo .list a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.com-popup-album-box .box .photo .gallery-box {
    width: 65%;
    height: 100%;
    padding-left: 1.42rem;
}

.com-popup-album-box .box .photo .gallery-box .data-top{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.com-popup-album-box .box .photo .gallery-box .img-title {
    height: 2.86rem;
    font-size: 1.42rem;
    font-weight: bold;
    line-height: 2.86rem;
}

.com-popup-album-box .box .photo .gallery-box .img-preview{
    width: 100%;
    height: calc(100% - 5.72rem);
}

.com-popup-album-box .box .photo .gallery-box .img-preview a{
    display: block;
    width: 100%;
    height: 100%;
    border: 3px solid #DDDDDD;
    background-size: contain;
    background-repeat: no-repeat;
}

.com-popup-album-box .box .photo .gallery-box .img-caption{
    height: 2.86rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #999999;
    cursor: pointer;
}

/*分享*/
.com-popup-share{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    z-index: 9999;
    font-size: 1rem;
    display: none;
}

.com-popup-share .box{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 0.08rem;
    box-shadow: 0 3px 6px 0 rgba(153,153,153,0.251);
    width: 30.58rem;
    height: auto;
    padding: 1.14rem;
    background: #FFFFFF;
}

.com-popup-share .box .top{
    width: 100%;
}

.com-popup-share .box .top img{
    width: 1.72rem;
    height: 1.72rem;
}

.com-popup-share .box .logo{
    margin-top: 1rem;
}

.com-popup-share .box .logo img.logo{
    width: 5rem;
    height: 5rem;
}

.com-popup-share .box .logo span{
    margin-top: 1.14rem;
    font-size: 1.72rem;
    font-weight: 700;
}

.com-popup-share .box .house-box{
    margin-top: 2.72rem;
    padding: 0 .58rem;
    width: 100%;
}

.com-popup-share .box .house-box .left{
    width: 9.42rem;
    height: 5.72rem;
}

.com-popup-share .box .house-box .left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.com-popup-share .box .house-box .right{
    width: calc(100% - 10.42rem);
}

.com-popup-share .box .house-box .right .title{
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.42rem;
    height: 2.86rem;
}

.com-popup-share .box .house-box .right .money{
    margin-top: 1.14rem;
}

.com-popup-share .box .house-box .right .money span:first-child{
    font-weight: 500;
    color: #6785FD;
    line-height: 2rem;
    font-size: 1.14rem;
}

.com-popup-share .box .house-box .right .money span:last-child{
    font-size: 1rem;
    line-height: 1.28rem;
    color: #999999;
    margin-left: 1.72rem;
}

.com-popup-share .box .line-s{
    margin: 2.86rem 0;
    width: 100%;
    height: 1px;
    background: #F0F0F0;
}

.com-popup-share .box .icon-box{
    width: 100%;
    padding: 0 1.42rem 1.42rem;
}

.com-popup-share .box .icon-box .item img{
    width: 3.28rem;
    height: 3.28rem;
    margin-bottom: 1.28rem;
}

.com-popup-share .box .icon-box .item span{
    font-size: 1rem;
    color: #999999;
    line-height: 1.42rem;
}

@media screen and (min-width: 350px) and (max-width: 1020px){
    .com-popup-share .box{
        width: 100%;
        top: revert;
        left: 0;
        bottom: 0;
        transform: revert;
        padding: 12px;
        border-radius: 8px 8px 0 0;
    }

    .com-popup-share .box .top img{
        width: 20px;
        height: 20px;
    }

    .com-popup-share .box .logo{
        margin-top: 10px;
    }

    .com-popup-share .box .logo img.logo{
        width: 70px;
        height: 70px;
    }

    .com-popup-share .box .logo span{
        margin-top: 10px;
        font-size: 16px;
    }

    .com-popup-share .box .house-box{
        margin-top: 30px;
        padding: 0 10px;
    }

    .com-popup-share .box .house-box .left{
        width: 132px;
        height: 80px;
    }

    .com-popup-share .box .house-box .left img{
        border-radius: 4px;
    }

    .com-popup-share .box .house-box .right{
        width: calc(100% - 142px);
    }

    .com-popup-share .box .house-box .right .title{
        font-size: 14px;
        line-height: 20px;
        height: 40px;
    }

    .com-popup-share .box .house-box .right .money{
        margin-top: 20px;
    }

    .com-popup-share .box .house-box .right .money span:first-child{
        font-size: 14px;
        line-height: 20px;
    }

    .com-popup-share .box .house-box .right .money span:last-child{
        font-size: 12px;
        line-height: 18px;
        margin-left: 10px;
    }

    .com-popup-share .box .line-s{
        height: 1px;
        margin: 30px 0;
    }

    .com-popup-share .box .icon-box{
        padding: 0 20px 20px;
    }

    .com-popup-share .box .icon-box .item img{
        width: 40px;
        height: 40px;
        margin-bottom: 14px;
    }

    .com-popup-share .box .icon-box .item span{
        font-size: 14px;
        line-height: 20px;
    }
}