*{margin:0;padding:0}

.contact-box {
    padding: 0.25rem 0.2rem 0.25rem 0.4rem;
}
    .contact-box .title{
        font-size:0.15rem;
        color:#000;
    }
    .contact-box .title img{
        vertical-align:middle;
        width:0.2rem;
    }

.contact-add-list{
    display:flex;
    justify-content:space-between;
    margin-top:0.1rem;
}
.contact-add-list .left{
    width:calc(100% - 1.7rem)
}
    .contact-add-list .right{
        width:1.7rem;
    }
.contact-add-list .p1{
    font-size:0.16rem;
    color:#000;
    line-height:1.4;
}
    .contact-add-list .p2 {
        font-size: 0.15rem;
        color: #ababab;
        line-height: 1.4;
    }
    .contact-add-list .p3 {
        font-size: 0.14rem;
        color: #000;
        margin-bottom: 0.05rem;
        line-height: 1.4;
    }
        .contact-add-list .p3.none{
            display:none;
        }
        .contact-add-list .p2 img, .contact-add-list .p3 img {
            width: 0.15rem;
            margin-right: 0.05rem;
        }

@media (max-width: 768px) {
    .contact-box .title{
        font-size:0.26rem;
    }
    .contact-box .title img{
        width:0.4rem;
    }
    .contact-add-list{
        flex-direction:column;
        margin-top:0.3rem;
    }
    .contact-add-list .p1 {
        font-size: 0.26rem;
        font-weight:bold;
    }
        .contact-add-list .p2, .contact-add-list .p3{
            font-size: 0.24rem;
            color:#000;
            margin-top:0.1rem;
        }
        .contact-add-list .p2 img, .contact-add-list .p3 img {
            width: 0.3rem;
            font-size: 0.24rem
        }
        .contact-add-list .right, .contact-add-list .left{
            width: 100%;
        }
}