/* Global overrides
 * Put cross-page override rules here, including Element UI and other vendor styles.
 * Keep page-specific styles in each page template.
 */
@media (max-width: 768px) {

    /* element ui库覆盖样式区 Start */
    .el-dialog {
        width: 90% !important;
    }

    .el-drawer {
        width: 100% !important;
    }

    .el-date-range-picker {
        width: 90% !important;
        left: 5% !important;
        right: 5% !important;
    }

    .el-date-range-picker .el-picker-panel__body {
        min-width: auto !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .el-date-range-picker .el-date-range-picker__content,
    .el-date-range-picker .el-picker-panel__content {
        width: 100% !important;
        float: none !important;
    }

    .el-date-editor--datetimerange.el-input,
    .el-date-editor--datetimerange.el-input__inner {
        width: 90% !important;
    }

    .el-form-item__label {
        width: auto !important;
        text-align: left !important;
    }

    .el-form-item__content {
        margin-left: 0 !important;
        display: flex !important;
        flex-direction: column !important;
    }



    .el-table .cell {
        overflow: visible !important;
    }

    .el-input {
        width: auto !important;
        margin-left: 0 !important;
    }

    .el-row {
        display: flex;
        flex-direction: column;
    }

    .el-col-8 {
        width: auto !important;
    }

    .el-date-range-picker__time-header {
        display: flex !important;
        flex-direction: column !important;
    }



    /* end */

    /* 其他页面样式覆盖区  Start */
    .all,
    .main,
    .rightlist {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        min-width: auto !important;
    }

    .w1200 {
        min-width: auto !important;
    }

    .rightlists {
        width: 95vw !important;
        height: auto !important;
    }

    .put_box {
        margin: 0 !important;
    }

    .attribute-row {
        flex-direction: column;
    }

    .vue-title {
        flex-wrap: wrap;
    }

    .flexBox {
        .search-top {
            height: auto;
        }
    }

    .drawer-box-headerDetail {
        width: 100% !important;
    }

    .member-info {
        .member_income_box {
            display: flex;
            align-items: center;
            flex-direction: column;
        }
    }

    .form_item_box {
        width: 100% !important;
    }

    .search_box {
        display: flex;
        flex-direction: column;
    }

    .inp-w {
        width: 240px !important;
    }

    .member-base-uploadAvator {
        width: 120px !important;
        height: 120px !important;
    }

    .boom-button {
        position: static !important;
        bottom: auto !important;
        right: auto !important;
        left: auto !important;
        width: 100% !important;
        height: auto !important;
        margin-top: 12px !important;
        padding: 12px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px;
        box-shadow: none !important;
    }

    .boom-button .el-button {
        width: 100%;
        margin: 0 !important;
    }

    .fixed {
        width: 100% !important;
    }

    .confirm-btn {
        width: 100vw !important;
    }

    .list-info {
        flex-direction: column !important;
    }

    .list-con {
        flex-direction: column !important;
    }

    .list-member {
        flex-direction: column !important;
    }

    .tip {
        margin-left: 0 !important;
    }

    .alert-important {
        margin: 0 !important;
        width: auto !important;
    }

    .help-block {
        margin-left: 0 !important;
    }

    .con .setting .block {
        display: flex;
        flex-direction: column
    }

    .setting-operation-logBlade-search {
        flex-direction: column;

    }

    .multimedia-con .setting .block .title {
        flex-direction: column;
    }

    .img-classfiy {
        flex-direction: column;
    }

    .tab-pane {
        flex-direction: column;
    }

    .tab-pane .left {
        width: auto !important;
        height: auto !important;
    }

    .tab-pane .right {
        width: auto !important;
    }

    .el-form-item {
        display: flex;
        flex-direction: column;
    }

    .el-footer {
        height: auto !important;
    }

    .el-form-item {
        clear: both !important;
    }

    .input_3 {
        width: auto !important;
    }

    .el-textarea__inner {
        width: auto !important;
    }

    .new {
        width: auto !important;
        flex-wrap: wrap;
    }

    .vue-search .el-form-item {
        height: auto !important;
    }

    .a-btn {
        padding: 3px 12px !important;
    }

    .plugins_content .top {
        flex-direction: column;
    }

    .plugins_content .plugin .plugin-list .plugin-list-item {
        width: auto;
    }

    .vue-title-yz-modular .info-box {
        flex-direction: column;
    }

    .vue-head .top-title .album-name {
        padding: 2px 15px !important;
    }

    .vue-head .top-title .album-name-against {
        padding: 2px 15px !important;
    }

    /* end */
}