html,body{height:100%;}
body{display:flex;}
.navigation{background-color:#E6E6E6;width:180px;height:calc(100% - 45px);overflow:auto;margin-left:-180px;padding-top:45px;}
.navigation a{display:block;line-height:36px;padding-left:28px;font-size:12px;color:#444;}
.navigation .sysName{position:fixed;top:0px;width:180px;height:42px;line-height:42px;overflow:hidden;text-align:center;background-color:#004098;color:#FFF;font-size:14px;font-weight:bold;-moz-box-shadow:0 2px 2px #666;border-bottom: solid 1px #DFE5E7;}
.navigation .sysItem{font-weight:bold;text-decoration:none;background-repeat:no-repeat;background-position:24px center;font-size:14px;color:#333;}
.navigation ul li{padding-left:3px;}
.navigation ul li a{text-decoration:none;}
.navigation a:hover{background-color:#DDD;color:#333;}

.wrap{margin:0px;height:100%;padding:0px;overflow:hidden;flex-grow:1;}
#tabsMenu li.userBox{color:#FFF;margin-left: auto;}
#tabsMenu li.userBox a{color:#FFF;text-decoration:none;}
#tabsMenu li.userBox a:hover{color:#999;}
#tabsMenu li.userBox .headimg{width:30px;height:30px;border-radius:50%;border:solid 1px #666;background-color:#FFF;overflow:hidden;margin-right:5px;}
#tabsMenu li.userBox .userInfo{background-color:#222;position:absolute;right:0px;padding:10px 15px 15px;line-height:30px;border-bottom-left-radius:5px;white-space:nowrap;display:none;text-align:left;}

#tabsMenu{display:flex;width:100%;margin:0px;padding:0px;background:#004098;list-style:none;height:42px;line-height:42px;-moz-box-shadow:0 2px 2px #666;box-shadow:0 2px 2px #666;z-index:999;border-bottom:solid 1px #DFE5E7;}
#tabsMenu li{margin:0px;padding:0px 20px;cursor:pointer;font-size:12px;color:#FFF;position:relative;}
#tabsMenu li span{display:none;width:11px;height:11px;position:absolute;right:2px;top:3px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;font-size:9px;line-height:8px;padding:0px;border:solid 1px #666;background-color:#FFF;color:#333;z-index:100;text-align:center;font-weight:bold;}
#tabsMenu li:hover{background-color:#222;}
#tabsMenu li:hover span{display:block;}
#tabsMenu li.current{color:#222;background-color:#F5F5F5;}
#tabsMenu li:first-child,#tabsMenu li:last-child{width:24px;text-align:center;padding:0px 8px;}

#tabsBody{height:calc(100% - 42px);}
#tabsBody li{list-style:none;float:left;width:100%;height:100%;overflow:hidden;}
#tabsBody li iframe{background-color:#F2F2F2;}