.szy-div-wrap{ position: relative; display: inline-block; background: #f7f8fa; box-sizing: border-box; border-radius: 4px; margin-right: 2%; margin-bottom: 25px; } .szy-item-block { padding: 15px; display: flex; justify-content: flex-start; align-items: flex-start; } .szy-item-pic { flex-shrink: 0; width: 40px; height: 40px; text-align: center; line-height: 40px; margin-right: 10px; } .szy-item-pic img { max-width: 100%; max-height: 100%; } .szy-item-con { overflow: hidden; height: 40px; display: flex; flex-direction: column; justify-content: space-around; } .szy-item-content-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px; font-size: 14px; color: #666; } .szy-line-hiding { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; word-break: break-all; } .szy-item-content-desc { line-height: 20px; font-size: 12px; color: #999; } .layui-side-menu .layui-nav .layui-nav-item > a{ padding-top: 4px; padding-bottom: 4px; } .layui-layout-admin .layui-side{width: 120px;} .layui-side-menu .layui-side-scroll {width: 120px;} .index-inner-container { position: absolute; left: 0; top: 0; right: -17px; bottom: 0; overflow-x: hidden; overflow-y: scroll; } .layui-layout-admin .layui-logo { position: fixed; left: 0; top: 0; z-index: 1002; width: 120px; height: 65px; padding: 0 15px; box-sizing: border-box; overflow: hidden; font-weight: 300; background-repeat: no-repeat; background-position: center center; } .layui-side-menu .layui-nav { width: 120px; margin-top: 65px; background: 0 0; } .snailfishicon{ position: absolute; top: 32%; left: 20px; font-size: 16px; } .layadmin-pagetabs, .layui-layout-admin .layui-body, .layui-layout-admin .layui-footer, .layui-layout-admin .layui-layout-left { left: 120px; } .new-iframe { position: absolute; left: 0; top: 0; bottom: 0; right: 0; overflow-x: auto; overflow-y: hidden; } .sub-nav-show{ height:100%; } .sub-nav-show .new-iframe { left: 126px; } .sub-nav { width: 115px; background-color: #fff; position: absolute; z-index: 998; left: 0; top: 0; bottom: 0; overflow-y: auto; display: none; box-shadow: 2px 0 2px rgba(0,0,0,.05); } .sub-nav-show .sub-nav { display: block; } .nav-new { display: none; } .sub-nav-show .sub-nav .nav-new.layui-this { display: block; } .one-nav { border-bottom: 1px solid #e3e2e5; padding: 12px 0; } .one-nav:last-child { border-bottom: 0; } .one-nav .dt { font-weight: 700; } .one-nav a { color: #595959; line-height: 32px; display: block; cursor: pointer; } .dd p { margin: 0 -10px 5px; } .dd p a { padding: 0 10px; font-size: 13px; } .dd p.layui-this a, .dd p a:hover { background-color: #E9EAF0; border-radius: 3px; } .layui-layout-admin .layui-body { position: fixed; top: 60px; } .layui-layout-admin .layui-body { top: 50px; } .wb-subnav .subnav-scene { overflow: hidden; height: 78px; line-height: 78px; padding-left: 20px; } .menu-header { line-height: 50px; height: 50px; /* border-top: 1px solid #f4f4f4; */ cursor: pointer; padding-left: 5px; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .menu-icon { width: 20px; height: 50px; float: left; text-align: center; font-size: 8px; color: #666; line-height: 50px; } .fa-caret-down:before { content: "\f0d7"; } :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .wb-subnav ul { display: none; overflow: hidden; } .wb-subnav ul li { height: 50px; line-height: 50px; font-size: 12px; cursor:pointer; } .wb-subnav ul li.active, .wb-subnav ul li:hover { background: #edf6ff; } .wb-subnav ul a { padding-left: 25px; height: 100%; width: 100%; } .wb-subnav ul li a { color: #7c838a; } .wb-subnav ul li.active a { color: #009688; } .layadmin-side-shrink .layui-side { left: 0; width: 60px; } .div-iframe{ margin-left:125px; } .fa-caret-right:before { content: ""; } .layui-fluid{ padding:1px; }