    .NyBigBox {
        padding-top: 0;
        margin-top: -120px;
    }

    .Nybanner .text {
        display: flex;
        align-items: flex-start;
    }

    .mbx {
        position: absolute;
        bottom: 140px;
    }

    @media screen and (max-width: 1540px) {
        .NyBigBox {
            margin-top: -90px;
        }

        .mbx {
            bottom: 110px;
        }

    }

    @media screen and (max-width: 1200px) {
        .NyBigBox {
            margin-top: -60px;
        }

        .mbx {
            bottom: 80px;
        }
    }

    @media screen and (max-width: 720px) {
        .NyBigBox {
            margin-top: 0px;
            padding-top: 60px;
        }

        .mbx {
            bottom: 20px;
        }
    }

    /* 产品详情 */
    .NyContent {
        position: relative;
        border-radius: 30px;
        padding: 80px 5vw;
        background: var(--white);
    }

    .NyContent .fenlei {
        font-size: 20px;
        line-height: 1;
        text-align: center;
        letter-spacing: 0.44em;
        color: rgba(0, 0, 0, 0.5);
    }

    .NyContent .biaoti {
        font-weight: 700;
        font-size: 40px;
        line-height: 1.5;
        color: var(--color1);
        text-align: center;
        margin: 10px 0 80px;
    }

    @media (max-width: 1540px) {
        .NyContent {
            padding: 60px 5vw;
        }

        .NyContent .biaoti {
            font-size: 32px;
            margin: 10px 0 60px;
        }

    }

    @media (max-width: 720px) {
        .NyContent {
            padding: 0;
        }

        .NyContent .fenlei {
            letter-spacing: 0;
        }

        .NyContent .biaoti {
            font-size: 20px;
            margin: 15px 0 30px;
        }
    }




    /* 页码 */
    .Post {
        border-top: 1px solid #00000080;
        width: 100%;
        padding-top: 40px;
        display: flex;
        justify-content: space-between;
    }

    .Post a {
        max-width: 50%;
        color: #333;
        line-height: 2;
        font-size: 16px;
    }

    @media (max-width: 720px) {
        .Post {
            display: flex;
            flex-wrap: wrap;
        }

        .Post a {
            width: 100%;
            max-width: 100%;
            margin: 5px 0;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
        }
    }

    /* 新加 */
    .MoreBox {
        transition: 0.5s;
        background: #FFFFFF;
        box-shadow: 0px 4px 10px rgba(153, 124, 101, 0.3);
        border-radius: 100px;
        margin: 30px auto 75px;
        width: 570px;
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        bottom: 0;
    }

    .MoreBox a {
        transition: 0.5s;
        padding: 0 15px;
        font-size: 16px;
        line-height: 16px;
        height: 16px;
        color: #000000;
        display: flex;
        align-items: center;
    }

    .MoreBox a img {
        transition: 0.5s;
        margin-right: 15px;
        filter: brightness(0);
    }

    .MoreBox a:hover {
        color: var(--color2);
    }

    .MoreBox a:hover img {
        filter: brightness(1);
    }

    .MoreBox a:nth-child(2) {
        border-left: 1px solid #000;
        border-right: 1px solid #000;
    }

    .MoreBox a:nth-child(3) img {
        filter: brightness(1);
        margin: 0;
        margin-left: 15px;
    }


    /*  */

    .MoreBox.on {
        position: fixed;
        bottom: 30px;
        left: calc(50% - 285px);
    }


    @media (max-width: 1200px) {
        .MoreBox {
            width: 540px;
            height: 60px;
        }

        .MoreBox.on {
            left: calc(50% - 270px);
        }
    }

    @media (max-width: 720px) {
        .MoreBox {
            height: auto;
            width: calc(100% - var(--container)* 2);
            padding: 30px 10px;
        }

        .MoreBox.on {
            left: auto;
            margin: 0;
            bottom: 20px;
        }
    }

    @media (max-width: 720px) {
        .MoreBox {
            display: flex;
            flex-wrap: wrap;
            grid-gap: 10px;
            padding: 15px 10px;
        }

        .MoreBox a {
            font-size: 14px;
            padding: 0 10x;
        }

        .MoreBox a img {
            margin-right: 5px;
            width: 15px;
        }

        .MoreBox a:nth-child(3) img {
            margin: 0;
            margin-left: 10px;
        }

        .MoreBox a:nth-child(2) {
            border-left: 1px solid #000;
            border-right: 0px solid #000;
        }
    }
