.wrapmax {
    max-width: 1920px;
    min-width: 1100px;
    margin: auto;
}

.wrap {
    margin: 0 auto;
    max-width: 1000px;
    min-width: 1000px;
}


@media only screen and (max-width: 1240px) {
    .head-logo img {
        width: 100px;
        height: 100px;
    }

}


@media only screen and (max-width: 769px) {
    .wrap {
        max-width: 100%;
        min-width: 100%;
    }



    .headb-top {
        height: 30px;
        top: 20px;
        right: 20px;
    }

    .headb-tp-favor a img {
        width: 20px;
        height: 25px;
    }

    .headb-tp-favor a span {
        width: 20px;
        height: 20px;
        line-height: 18px;
        top: -10px;
        right: -10px;
    }




    .headb-tp-btn {
        margin-left: 30px;
        cursor: pointer;
    }

    .headb-btnx {
        width: 30px;
        height: 2px;
        margin: 8px 0;
    }

    .headb-tp-btn:hover .headb-btnx {
        margin: 13px 0;
    }


    /* 右侧导航 */

    .headb-right {
        width: 270px;
        height: 100vh;
        position: fixed;
        top: 0;
        right: -300px;
    }

    .headb-ri-cnt {
        padding: .5rem .35rem .5rem .65rem;
    }

    .headb-ctdel img {
        width: 20px;
        height: 20px;
    }

    .headb-ctlist>li {
        margin-bottom: 28px;
    }

    .headb-ctlist>li a {
        font-size: 20px;
    }

    .headb-ctcol a img {
        width: 20px;
        height: 25px;
    }

    .headb-ctcol a span {
        font-size: 14px;
        color: #ffffff;
        margin-left: 10px;
    }

    .headb-ctul {
        flex-direction: column;
        margin-top: 20px;
    }

    .headb-ctul li {
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .headb-ctul li a {
        font-size: 12px;
    }


    .headb-ct-share a {
        margin-right: 20px;
    }

    .headb-ct-share a img {
        width: 20px;
        height: 20px;
    }





    /* logo */
    .head-logo {
        position: fixed;
        left: 5px;
        top: 5px;
        z-index: 99;
    }

    .head-logo img {
        width: 60px;
        height: 60px;
    }





    /* -------------footer------------ */
    .foter-box {
        padding: .35rem .1rem;
    }


    .foter-bnam ul {
        width: 100%;
    }

    .foter-bnam ul li {
        min-width: 48%;
        padding: .15rem 0;
    }

    .foter-bnam ul li span {
        font-size: 12px;
    }

    .foter-bnam ul li p {
        font-size: 14px;
        margin-top: .1rem;
    }

    .foterb-top img {
        width: 20px;
        height: 10px;
    }

    .foterb-top p {
        font-size: 14px;
        margin-top: 2px;
    }


    .foterb-btm {
        margin-top: .5rem;
    }









}