.bycdao-left { width: 310px; margin-top: 0px; position: fixed; background: #337ab7; height: 100%; transition: all 0.2s; } .bycdao-main { margin-left: 310px; padding-top: 5px; /* padding-left: 15px;*/ padding-right: 15px; transition: all 0.2s; } .tab-content { /* border: 1px solid #c5d0dc; */ /* padding: 16px 12px; */ position: relative; z-index: 11; } .nav-list { margin: 0; padding: 0; list-style: none; } .nav-list>li { display: block; padding: 0; margin: 0; border: 0; border-top: 1px solid #fcfcfc; border-bottom: 1px solid #e5e5e5; position: relative; } .nav-list>li.active { background-color: #fff; } .nav-list>li.active>a, .nav-list>li.active>a:hover, .nav-list>li.active>a:focus, .nav-list>li.active>a:active { background-color: #fff; color: #2b7dbc; font-weight: bold; font-size: 13px; } .nav-list>li>a { display: block; height: 38px; line-height: 36px; padding: 0 16px 0 7px; background-color: #f9f9f9; color: #585858; text-shadow: none!important; font-size: 13px; text-decoration: none; } .nav-list>li>a, .nav-list .nav-header { margin: 0; } .nav-list>li.open>a { background-color: #fafafa; color: #1963aa; } .nav-list>li>a>[class*="icon-"]:first-child { display: inline-block; vertical-align: middle; min-width: 30px; text-align: center; font-size: 18px; font-weight: normal; margin-right: 2px; } .nav-list>li a>.arrow { display: inline-block; width: 14px!important; height: 14px; line-height: 14px; text-shadow: none; font-size: 18px; position: absolute; right: 11px; top: 11px; padding: 0; color: #666; } .nav-list a .badge, .nav-list a .label { font-size: 12px; padding-left: 6px; padding-right: 6px; position: absolute; top: 9px; right: 11px; opacity: .88; } .label-primary, .badge-primary { background-color: #428bca!important; } .badge { text-shadow: none; font-size: 12px; padding-top: 1px; padding-bottom: 3px; font-weight: normal; line-height: 15px; } .badge-primary, .label-primary { background-color: #1ab394; } .nav-list>li>.submenu:before { content: ""; display: block; position: absolute; z-index: 1; left: 18px; top: 0; bottom: 0; border: 1px dotted #9dbdd6; border-width: 0 0 0 1px; } .nav-list li .submenu { overflow: hidden; } .nav-list>li.active:after { display: inline-block; content: ""; position: absolute; right: -2px; top: -1px; bottom: 0; z-index: 1; border: 2px solid #2b7dbc; border-width: 0 2px 0 0; } .nav-list>li .submenu { display: none; list-style: none; margin: 0; padding: 0; position: relative; background-color: #fff; border-top: 1px solid #e5e5e5; } .nav-list>li .submenu>li { margin-left: 0; position: relative; } .nav-list>li>.submenu>li:before { content: ""; display: inline-block; position: absolute; width: 7px; left: 20px; top: 17px; border-top: 1px dotted #9dbdd6; } li [class^="icon-"], li [class*=" icon-"], .nav-list li [class^="icon-"], .nav-list li [class*=" icon-"] { width: auto; } .nav-tabs>li>a:hover { /* background-color: #FFF; */ /* color: #4c8fbd; */ /* border-color: #c5d0dc; */ } .menuLi{ border: 1px solid #f3f3f4; padding: 1px 2px; margin-bottom: 2px; margin-top: 3px; } .menuLi .mhed{ cursor: pointer; padding-left: 30px; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #fff; border-radius: 4px; } .swu-left{ float: left; } .swu-menu{ display: block; width: 55px; } .swu-hei{ height: 20px; } .swu-wd-20{ width: 20px; }