.jimu-widget-LeftNavigationBar { position: absolute !important; /* font-size: 14px; */ height: calc(100% - 25px) !important; /* height: calc(100%) !important; */ width: 250px !important; right: auto !important; bottom: auto !important; /* left: -250px !important; */ left: 0; top: 0 !important; /* 240px */ background: rgba(255, 255, 255, 1); color: #000; /* border : 1px solid rgba(0, 0, 0, 0.3); */ border-radius: 6px 6px 6px 6px; /* text-align : center; */ /* cursor : pointer; */ z-index: 16 !important; box-sizing: border-box; /* padding: 0 20px 0 20px!important; */ /* display: flex; align-items: center; justify-content: center; */ box-shadow: 5px 5px 13px -10px rgba(0, 0, 0, .5); transition: all 0.5s; } .jimu-widget-LeftNavigationBar .left-navigation-bar-but { width: 23px; height: 60px; /* border: 1px solid springgreen; */ border-radius: 0 10px 10px 0; display: flex; align-items: center; justify-content: center; position: relative; /* left: calc((100% + 23px) / 2); */ left: calc(100% - 1px); top: calc(50%); background-color: #fff; box-shadow: 5px 5px 15px -5px rgba(0, 0, 0, .5); cursor: pointer; float: left; z-index: 17 !important; } .jimu-widget-LeftNavigationBar .left-navigation-bar-but img { width: 20px; } .jimu-widget-LeftNavigationBar .left-navigation-bar-main { position: relative; top: -50px; width: 100%; height: 100%; padding: 10px; /* border: 1px saddlebrown solid; */ } .jimu-widget-LeftNavigationBar #test1 { margin-top: 20px; } .jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search { width: 100%; height: 40px; /* padding: 10px; */ border: 1px rgba(0, 0, 0, .2) solid; border-radius: 5px; display: flex; align-items: center; justify-content: center; } .jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search input { border: none; width: calc(90% - 50px); height: 30px; } .jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search img { width: 35px; cursor: pointer; z-index: 18; } .jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search input::-webkit-input-placeholder { color: #afafaf; font-size: 14px; } .jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #afafaf; font-size: 14px; } .jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #afafaf; font-size: 14px; } .jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search input::-ms-input-placeholder { color: #afafaf; font-size: 14px; } .jimu-widget-LeftNavigationBar .left-navigation-bar-main #test1 { height: calc(100% - 58px); overflow: auto; } .jimu-widget-LeftNavigationBar .left-navigation-bar-main .layui-tree-entry { height: auto !important; } .left-navigation-bar-main-down:after { content: ""; position: absolute; left: 4px; top: 3px; z-index: 100; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #c0c4cc; /* border-color: #c0c4cc transparent transparent transparent; */ transform: rotate(90deg); transition: .5s; } .left-navigation-bar-main-current { background-color: #2ab9ec } .layui-form-checked[lay-skin=primary] i{ background-color: #36A0FD !important; } .layui-tree-spread .layui-tree-iconArrow:after{ border-color: #c0c4cc transparent transparent transparent !important; }