/* 针对最大宽度为 480px 的设备（通常为手机） */
@media (max-width: 480px) {
    .p2-book-gird {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 24px !important;
    }

    .p2-book-gird>a {
        min-width: 0;
    }

    .demo-main .p2-modal-dialog {
        z-index: 99999;
    }
    /* .p2-my-content .p2-modal-book>div:nth-child(1) {
        height: auto;
    } */
    .p2-modal-dialog .p2-dialog-box {
        width: 100% !important;
    }

    .p2-modal-dialog .p2-feedback-form  textarea,
    .p2-modal-dialog  .p2-feedback-form input,
    .p2-modal-dialog .p2-feedback-select {
        width: 100%;
    }
}