.system-navbar{text-align:center;flex:1 1 0px}.system-navbar .menu-item{display:inline-block;vertical-align:middle;margin-right:50px;color:#fff;font-family:Microsoft YaHei UI;font-size:16px;position:relative}.system-navbar .menu-item.active{font-weight:600;position:relative}.system-navbar .menu-item.active:after{content:"";position:absolute;bottom:0;left:0;border-radius:4px;background:#07e3bf;width:100%;height:4px}.system-navbar .menu-item.active .triangle{display:block}.system-navbar .menu-item:hover{font-weight:600}.system-navbar .menu-item.hasAngle{position:relative}.system-navbar .menu-item.hasAngle .triangle{display:block}.system-navbar .menu-item .triangle{display:none;position:absolute;bottom:1px;left:calc(50% - 14px);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:7px solid #f5f7fc}.menu-container{position:absolute;top:48px;left:0;width:100%;background:#f5f7fc;z-index:99999;padding:40px 0 24px;box-shadow:0 3px 10px 0 rgba(0,0,0,.2);text-align:left;color:rgba(0,0,0,.9)}.menu-container .menu-content{width:1140px;margin:0 auto}.menu-container .menu-content .menu-title{color:rgba(0,0,0,.9);font-size:16px;font-weight:600;line-height:24px;margin:8px 0 20px}.menu-container .menu-content .menu-line,.menu-container .menu-content .menu-title .menu-sub-title{display:inline-block;vertical-align:middle}.menu-container .menu-content .menu-line{margin-right:8px;width:4px;height:16px;border-right:4px solid #176cff;border-top:4px solid transparent;border-left:0 solid transparent;border-bottom:0 solid transparent}.menu-container .menu-content .menu-item-box{line-height:36px;margin-bottom:24px}.menu-container .menu-content .menu-item-box .menu-item-icon{width:36px;height:36px;vertical-align:middle;margin-right:14px}.menu-dropdown-item i,.menu-dropdown-item span{vertical-align:middle}.menu-dropdown-item i{float:right;margin-top:4px}.menu-dropdown-item.active i,.menu-dropdown-item.active span{color:#176cff}