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

    /* 移动端布局 */
    .inputxx {
        width: 70vw;
        margin-right: 5px;
    }

    .parent {
        display: flex;
        margin: 0 auto;
        /* 水平居中 */
        /*align-items: center; */
    }
}

.form-parent {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    padding: 10px;
}

@media only screen and (min-width: 769px) {

    /* PC端布局 */
    body {
        background-image: url("https://i.imgloc.com/2023/06/10/V2L0QZ.png");
        background-size: cover;
        background-position: center; /* 可选，使图片居中 */
        background-repeat: no-repeat; /* 防止图片重复 */
    }

    .parent {
        display: flex;
        align-items: center;
        /* 水平居中 */
        justify-content: center;
        /* 垂直居中 */
        height: 90vh;
        /* 父元素高度 */

    }

    .inputxx {
        width: 30vw;

    }

    .mr {
        margin-right: 5px;
    }
}