.main-sidebar, .left-side { position: absolute; top: 37px; left: 3px; /**padding-top: 50px;*/ border: 1px solid #C5D0DC; border-right: none; min-height: 100%; width: 197px; z-index: 810; -webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out; -moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out; -o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out; transition: transform .3s ease-in-out,width .3s ease-in-out; } .content-wrapper { margin-left: 200px; } .content-wrapper, .right-side { min-height: 100%; background-color: #f5f5f5; z-index: 800; } .navlist { list-style-type: none; margin: 0px; padding: 0px; } .navlist li div { border-bottom: 1px dashed #e0ecff; background-repeat: no-repeat !important; background-position: left; /* background-size: 136px 26px; */ height: 24px; /* width: 137px;*/ /*background: #e0ecff;*/ } .figurePanel { background-color: #f4f4f4; border-bottom: 1px dashed #e0ecff; } .navlistspan { margin-left: 30px; font-family: Microsoft YaHei; font-size: 13px; } .figurePanel img { display: inline; vertical-align: middle; } .figurePanel div { display: inline; margin-left: 5px; line-height: 25px; font-size: small; } ::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); } ::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.05); border-radius: 10px; -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1); } ::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.2); border-radius: 10px; -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1); } ::-webkit-scrollbar { width: 16px; height: 16px; } ::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb { border-radius: 999px; border: 5px solid transparent; } ::-webkit-scrollbar-track { box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset; } ::-webkit-scrollbar-thumb { min-height: 20px; background-clip: content-box; box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset; } ::-webkit-scrollbar-corner { background: transparent; } html, body { min-height: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "microsoft yahei",'微软雅黑'; font-weight: 400; font-size: 13px; } .wrapper { min-height: 100%; position: relative; overflow: hidden } .wrapper:before, .wrapper:after { content: " "; display: table } .wrapper:after { clear: both } .nav-tabs { border-color: #C5D0DC; margin-bottom: 0 !important; position: relative; top: 0px; margin-left: 0px; padding: 0px; background-color: #F9F9F9; } .nav-tabs > li > a, .nav-tabs > li > a:focus { border-radius: 0 !important; border-color: #C5D0DC; background-color: #F9F9F9; color: #999; margin-right: -1px; line-height: 18px; position: relative; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #576373; border-color: #C5D0DC #C5D0DC transparent; border-top: 2px solid #4C8FBD; background-color: #FFF; z-index: 1; line-height: 18px; margin-top: -1px; /**box-shadow: 0 -2px 3px 0 rgba(0,0,0,.15);*/ cursor: pointer; } .nav-tabs > li > a:hover { border-color: #C5D0DC #C5D0DC transparent; background: #fff; } .tab-content { border: 1px solid #C5D0DC; padding: 16px 12px; position: relative; background: #fff; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-top-color: transparent; }