@media screen and (max-width: 950px){ /* .admin-container-outer .admin-layui-header{ height: 48px !important; background-color: #1890FF !important; } .admin-container-outer .admin-layui-header *{ line-height: 48px !important; } .admin-container-outer .admin-layui-nav-img{ width: 24px !important; height: 24px !important; margin-right: 8px !important; } .header_user_name{ color:#FFFFFF !important; } .admin-container-outer .header_user_info{ padding: 0 32px !important; } .admin-container-outer .admin-menu-list{ top: 48px !important; width: 188px !important; background-color: #FFFFFF !important; } .admin-container-outer .admin-menu-layui-side-scroll{ width: 188px !important; } .admin-container-outer .admin-layui-nav-tree{ background-color:#FFFFFF !important; width: 188px !important; padding-left: 38px !important; } .admin-container-outer .admin-layui-nav-item-a{ padding: 0px !important; margin-right: 0px !important; } .admin-header-user-info{ padding: 0px !important; } .admin_logout_img{ width: 14px !important; height: auto !important; border-radius:unset !important; margin-right: 0px !important; } .layui-nav-itemed>.admin-layui-nav-child{ background-color: #ffffff !important; } .layui-nav-item>.admin-layui-nav-item-title-a{ color: #000000 !important; } */ } @media screen and (max-width: 768px) { .layui-layout-admin .layui-layout-left, .layui-layout-admin .layui-body, .layui-layout-admin .layui-footer{left: 0;} .layui-layout-admin .layui-side{left: -300px;} } body{ background: #F0F2F5; font: 14px PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC-Light, Microsoft YaHei !important; } .admin-container-outer .admin-layui-header{ background-color: #1890FF !important; } .admin_logout_img{ width: 20px !important; border-radius:unset !important; height: auto !important; } .admin-container-outer .admin-layui-nav-tree{ background-color:#FFFFFF !important; color: #000000 !important; } /* .admin-menu-list a{ color: black !important; } */ .admin-menu-list .layui-this a,.layui-nav-tree .layui-nav-child dd.layui-this{ background-color:rgba(24, 144, 255, 0.13) !important; color: rgba(24, 144, 255, 1) !important; } .admin-layui-nav-item-a-child{ background-color: #FFFFFF !important; } .admin-menu-list .layui-nav-itemed>.layui-nav-child{ background-color: #FFFFFF !important; } .admin-menu-list .layui-icon-down:before{ content: ""; } .admin-menu-list .layui-nav-bar{ left:196px !important; background-color: rgba(24, 144, 255, 1) !important; border-radius: 4px !important; width: 4px !important; height: 29px !important; margin-top: 5.5px !important; top:55px; } .admin-layui-nav-item-a-child-img{ width: 16px; height: auto; } .admin-select{ display: none; } .admin-menu-list .layui-this .admin-select{ display: inline-block !important; } .admin-menu-list .layui-this .admin-no-select{ display: none !important; } .layui-nav-tree .layui-nav-child dd.layui-this::after{ content: ""; display: block; position: absolute; z-index: 8; left:196px !important; background-color: rgba(24, 144, 255, 1) !important; border-radius: 4px !important; width: 4px !important; height: 29px !important; margin-top: 5.5px !important; top: 0px; } .admin_menu_line{ height: 1px; width: 62px; margin-left: 20px; margin-top: 5px; } .admin_menu_line img{ width: 100%; height: 1px; vertical-align: top; } .admin-layui-nav-child{ color:red !important; } a, article, aside, b, body, button, dd, div, dl, dt, figcaption, figure, footer, h1, h2, h3, h4, h5, h6, header, i, input, li, nav, p, section, select, span, textarea, ul { /* padding: 0; margin: 0; list-style: none; font-style: normal; text-decoration: none; border: none; font-weight: 400; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; */ } .admin-layui-nav-item-a-child{ font-family: PingFangSC-Medium; color: rgba(99, 108, 120, 1) !important; } .admin-layui-nav-item-title-a > span{ font-family: PingFangSC-Medium; color: rgba(0, 0, 0, 1) !important; } *{ -webkit-tap-highlight-color:unset !important; }