@media screen and (max-width:768px){





    .pc {
        display: none;
    }

    .footerdiv{
        width: 100vw;
        padding-bottom: 5vh;
        background-color: #f0f0f0;
    }


    .footer{
        width: 94vw;
        margin-left: 5vw;
        padding-top: 30px;
        height: 7rem
    }


    .footer h3{
        font-size: 0.45rem;
        font-weight: 400;
    }

    .footer .name{
        margin: 0.6rem 0;
        font-size: 0.56rem;
    }

    .footer >div {
        overflow: hidden;
        position: relative;
    }

    .footer > div >div:nth-of-type(1){
        float: left;
        width: 70%;
        line-height: 0.55rem;
        bottom:0.2rem;
    }

    .footer > div >div:nth-of-type(2){
        float: right;
        width: 30%;
        /*text-align: right;*/
    }

    .footer > div img{
        width: 20vw;
        position: absolute;
        bottom: 0;
        /*right: 5vh;*/
    }


    .footer .right{
        font-size: 8px;
        color: grey;
        margin-bottom: 0 !important;
    }
}