html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

body.pear-container {
    padding: 16px;
}

.pear-container .layui-card,
.pear-container .layui-card-body {
    max-width: 100%;
}

.pear-container .layui-card-body {
    overflow: auto;
}

.pear-container .layui-form {
    max-width: 100%;
}

.pear-container .layui-form-item {
    max-width: 100%;
}

.pear-container .layui-table-view {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.pear-container .layui-table-view .layui-table-box {
    min-width: 720px;
}

.pear-container .layui-table-header,
.pear-container .layui-table-body,
.pear-container .layui-table-main {
    min-width: 720px;
}

.pear-container .layui-btn + .layui-btn {
    margin-left: 8px;
}

@media (max-width: 1024px) {
    body.pear-admin .layui-layout-admin .layui-side {
        width: 220px;
    }

    body.pear-admin .layui-layout-admin .layui-logo {
        width: 220px;
    }

    body.pear-admin .layui-layout-admin .layui-body,
    body.pear-admin .layui-layout-admin .layui-footer,
    body.pear-admin .layui-layout-admin .layui-header .layui-layout-left {
        left: 220px;
    }

    .pear-container .layui-table-view .layui-table-box,
    .pear-container .layui-table-header,
    .pear-container .layui-table-body,
    .pear-container .layui-table-main {
        min-width: 640px;
    }
}

@media (max-width: 768px) {
    body.pear-container {
        padding: 12px;
    }

    body.pear-admin .layui-layout-admin .layui-logo {
        width: 180px;
    }

    body.pear-admin .layui-layout-admin .layui-header .layui-nav.layui-layout-left {
        left: 180px;
    }

    body.pear-admin .layui-layout-admin .layui-header .layui-nav.layui-layout-right {
        right: 8px;
    }

    body.pear-admin .layui-layout-admin .layui-header .layui-nav .layui-nav-item {
        margin-left: 2px;
    }

    body.pear-admin .layui-layout-admin .layui-header .layui-nav .layui-nav-item > a {
        padding-left: 10px;
        padding-right: 10px;
    }

    .pear-container .layui-card-body {
        padding: 16px;
    }

    .pear-container .layui-form-item {
        margin-bottom: 12px;
    }

    .pear-container .layui-form-label {
        float: none;
        display: block;
        width: 100% !important;
        padding: 0 0 6px;
        line-height: 1.5;
        text-align: left;
    }

    .pear-container .layui-input-inline,
    .pear-container .layui-input-block,
    .pear-container .layui-input-inline .layui-input,
    .pear-container .layui-input-block .layui-input,
    .pear-container .layui-input-block .layui-textarea,
    .pear-container .layui-input-block .layui-form-select,
    .pear-container .layui-input-inline .layui-form-select,
    .pear-container .layui-input-inline .layui-unselect,
    .pear-container .layui-input-block .layui-unselect {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .pear-container .layui-input-inline {
        float: none;
        margin-bottom: 10px;
    }

    .pear-container .layui-form-item .layui-btn,
    .pear-container .layui-form-item button.layui-btn {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 8px;
    }

    .pear-container .layui-btn + .layui-btn {
        margin-left: 0;
    }

    .pear-container .layui-table-view .layui-table-box,
    .pear-container .layui-table-header,
    .pear-container .layui-table-body,
    .pear-container .layui-table-main {
        min-width: 560px;
    }

    .layui-layer-page {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        left: 12px !important;
    }

    .layui-layer-page .layui-layer-content {
        max-height: calc(100vh - 110px) !important;
    }

    .user-left,
    .user-main,
    .user-collasped.user-left,
    .user-collasped.user-main {
        float: none;
        width: 100% !important;
    }

    .user-left {
        margin-bottom: 12px;
    }

    .dept-tree {
        height: auto;
        max-height: 280px;
    }
}