header.nav-bar{top:0;left:0;width:100%;height:56px;line-height:56px;font-size:14px;color:#eee;background-color:#0f8ae5;z-index:2;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.15);box-shadow:0 0 4px 0 rgba(0,0,0,.15)}header.nav-bar .iconfont{cursor:pointer;font-size:18px;padding-right:0}header.nav-bar .nav-bar-logo{display:inline-block;margin-left:24px;color:#fff;font-size:18px}header.nav-bar .nav-bar-logo .logo{width:90px;top:-2px;position:relative;vertical-align:middle}header.nav-bar .nav-bar-logo .logo-line{font-size:20px;color:#fff;margin-left:10px;margin-right:10px}header.nav-bar .nav-bar-logo .logo-light{width:40px;top:-2px;position:relative;vertical-align:middle}header.nav-bar .nav-bar-logo .logo-text{vertical-align:middle}header.nav-bar .nav-bar-logo i{font-size:30px;vertical-align:middle;margin-left:10px;cursor:pointer}header.nav-bar .sub-header-menu{margin-left:40px;display:inline-block}header.nav-bar .sub-header-menu .system-item{display:inline-block;font-size:14px;opacity:.8;padding:0 20px;text-align:center}header.nav-bar .sub-header-menu .system-item.active{opacity:1}header.nav-bar .sub-header-menu .system-item.active a{border-bottom:2px solid #fff;padding-bottom:5px}header.nav-bar .sub-header-menu .system-item a{cursor:pointer;color:#fff;text-decoration:none}header.nav-bar .login-btn{float:right;padding-right:30px}header.nav-bar .login-btn .question-link{font-size:14px;margin-right:10px;color:#fff;text-decoration:underline}header.nav-bar .login-btn .el-icon-question{font-size:18px;color:#fff;vertical-align:middle;margin-right:10px;cursor:pointer}header.nav-bar .login-btn .el-avatar{vertical-align:middle;margin-right:10px}header.nav-bar .login-btn span{font-size:16px;cursor:pointer}header.nav-bar .el-dropdown{color:#fff}