@media (max-width: 767px) {
    p {
        font-size: 14px;
    }

    .el-dialog {
        margin-top: 30px !important;
    }

    .el-dialog.mi-new-login-dialog {
        width: 300px;
    }

    .mi-login-cn-left {
        display: none;
    }

    .mi-login-cn-right {
        width: 100%;
    }

    .el-main-mi {
        width: 100% !important;
        padding: 0 10px;
    }

    .html-swiper {
        height: 150px !important;
    }

    .mi-indexPost-tabs {
        border-radius: 5px;
    }

    /* grid布局：改为一排1个 */
    .mi-indexmenu-grid,
    .mi-indexPost-4 .mi-indexPost-content,
    .mi-indexPost-1 .mi-indexPost-content,
    .mi-postRelated-item {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 5px;
    }

    .mi-indexPost-3 .mi-indexPost-content {
        grid-template-columns: repeat(1, 1fr) !important;
        gap: 5px;
    }

    .mi-indexPost-3 .mi-indexPost-excerpt {
        -webkit-line-clamp: 2 !important;
    }

    .author-works-list,
    .author-comments-container,
    .author-follow-fan-container {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 5px;
    }

    .mi-indexPost-tab span:first-child {
        display: none;
    }

    .mi-post-payType .mi-post-tag-pay:first-child,
    .article-aside {
        display: none;
    }

    .mi-post-tag-pay {
        margin: 5px;
    }

    .mi-post-img-wrap {
        margin: 5px;
    }

    .mi-indexPost-2 .waterfall-column {
        width: 50% !important;
    }

    .mi-post-stats span:nth-child(-n+2),
    .mi-post-material-stats span:nth-child(-n+2),
    .mi-indexPost-meta-details span:nth-child(-n+2) {
        display: none !important;
    }

    .mi-indexmenu-grid>div,
    .mi-indexPost-content>div {
        padding: 0px;
        font-size: 14px;
    }

    .liufeng-left {
        width: 100% !important;
    }

    .liufeng-right,
    .mi-aside-container,
    .mi-sidebar,
    .mi-postStyle-Usergzsx,
    .mi-exportPdf {
        display: none;
    }

    .mi-article .el-main {
        width: 100% !important;
    }

    .mi-post-title {
        white-space: inherit;
    }

    .mi-article-ym {
        font-size: 12px;
    }

    .mi-header h1 {
        font-size: 18px;
    }

    .mibox {
        border-radius: 5px;
    }

    .post-style-6 .mibox {
        border-radius: 5px 5px 0 0;
    }

    .mi-PostzS {
        padding-top: 10px;
    }

    .post-style-6 .mi-PostzS {
        border-radius: 0 0 5px 5px
    }

    .mi-post-newdown-container {
        display: block;
    }

    .mi-post-newdown-carousel {
        width: 100%;
        height: 150px;
    }

    .mi-post-newdown-buttons .el-select {
        width: 150px;
    }

    .mi-post-newdown-infobutton {
        display: flex;
    }

    .mi-Post-Style6-top {
        display: block;
    }

    .mi-Post-Style6bg {
        margin-bottom: 0;
    }

    .mi-postTag-cloud {
        justify-content: left
    }

    .mi-video6 {
        box-shadow: none;
        margin-bottom: 10px;
        border-radius: 5px !important;
    }

    .mi-video-list-container {
        display: flex;
        flex-flow: wrap;
        margin-bottom: 0;
    }

    .mi-video-list {
        width: 100% !important;
        height: auto !important;
        border-radius: 5px !important;
        background: none;
        border: none;
        padding: 5px;
    }

    .mi-video-listtop {
        color: #2c3e50;
        margin-bottom: 0px;
        padding-bottom: 5px;
        font-weight: 700;
    }

    .mi-video-info {
        margin-bottom: 0;
        padding: 5px 10px;
        border-radius: 5px;
        margin: 5px;
    }

    .mi-video-details {
        margin-left: 0;
    }

    .mi-video-thumbnail,
    .mi-video-details h4 {
        display: none;
    }

    .mi-postStyle-money {
        margin: 5px 0 5px 0;
    }

    .mi-postStyle-xt {
        margin-bottom: 10px;
    }

    .mi-postStyle-4 {
        height: 490px !important;
    }

    .mi-postStyle-5 {
        height: 180px !important;
    }

    .mi-category {
        width: 100% !important;
    }

    /* 分页基础 start */
    .mi-pagination .el-pagination,
    .el-pagination {
        display: flex;
        flex-flow: wrap;
        padding: 10px;
        border-radius: 5px;
    }

    .mi-pagination .el-pagination__sizes,
    .el-pagination__sizes,
    .el-pager li {
        margin-bottom: 10px;
    }

    /* 分页基础 end */
    .author-user-section {
        flex-flow: nowrap;
        justify-content: left;
    }

    .author-tabs-container .el-tabs__nav {
        display: flex;
        flex-flow: wrap;
    }

    .author-user-role span:first-child {
        display: none;

    }

    .author-cover-container {
        height: 100px;
    }

    .author-info {
        background-color: #ffff;
        justify-content: right;
    }

    .author-nickname {
        font-size: 14px;
    }

    .author-avatar-container,
    .author-info {
        margin-top: -46px;
        margin-right: 10px;
        border-radius: 5px;
    }

    .author-main-info {
        margin-top: 10px;
    }

    .author-sidebar,
    .author-user-stats {
        display: none;
    }

    .author-actions {
        margin-top: 10px;
    }

    .author-tabs-container .el-tabs--border-card>.el-tabs__header .el-tabs__item {
        padding: 5px 10px;
    }

    .author-tabs-container .el-tabs__header {
        margin: 0;
    }

    .author-tabs-container .el-tabs--border-card>.el-tabs__content {
        padding: 15px 0 0;
    }

    .el-dialog.mi-private-dialog-wrap {
        width: 350px;
    }

    .mi-private-dialog {
        width: 100%;
        height: 100%;
        display: block;
    }

    .mi-private-sidebar {
        width: 100%;

    }

    .mi-private-chat {
        width: 100%;
        padding: 0 20px 0 0;
    }

    .el-dialog.mi-privateimg-dialog {
        width: 350px;

    }






    /* 用户页面 start */
    .mi-user-header {
        padding: 0 10px;
    }

    .mi-user-space-btn {
        display: none;
    }

    .mi-user-menu {
        display: flex;
        flex-flow: wrap;
        align-items: stretch;
    }

    .mi-user-menu-item {
        width: calc(50% - 20px);
        margin: 0px 10px;
    }

    .mi-user-content {
        border-radius: 5px;
    }













    .mi-user-container {
        width: 100%;
    }

    .mi-user-main,
    .mi-like-toolbar {
        display: block;
    }

    .mi-user-sidebar {
        width: 100%;
        padding: 10px;
        margin-bottom: 10px;
        border-radius: 0 0 5px 5px;

    }

    .mi-user-vip-card-list {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 5px;
    }

    #mi-user-vips .mi-user-card {
        padding: 0;
    }

    .mi-user-list-status,
    .mi-user-list-meta span:first-child,
    .mi-user-list-meta span:nth-last-child(-n+2) {
        display: none;
    }

    .mi-like-search {
        width: 100%;
        margin-bottom: 10px;
    }

    .mi-like-order {
        width: 100%;
    }

    .mi-user-list-icon {
        display: none;
    }

    .mi-user-list-right .mi-cancel-btn {
        opacity: 1;
    }

    .mi-user-image-preview.el-dialog,
    .mi-user-profile-dialog {
        width: 350px;
    }

    #mi-gallery-app .mi-user-list-icon {
        display: flex;
    }

    .mi-user-content,
    .mi-user-account {
        padding: 0;
    }

    /* 用户页面 end */
}