@media (min-width: 768px) {
    .container {
        width:750px
    }
}

@media (min-width: 992px) {
    .container {
        width:970px
    }
}
@media (max-width: 1500px) {
    .navbar-heart{
        padding: 0 1% !important;
    }
}
.main-navbar{
    display: flex;
}
.layout-header {
    height: 4.5rem;
    background: #0A3172;
    margin-bottom: 0;
    border-bottom: none;
}
.navbar-heart{
    padding: 0 5%;
    display: flex;
    justify-content: space-between;
}
.navbar-header .navbar-brand{
    display: flex;
    align-items: center;
    height: 4.5rem;
    line-height: 4.5rem;
    padding: 0 !important;
    margin: 0 !important;
    color: #fff;
}
.navbar-brand .system-logo{
    width: 2.5rem;
    height: 1.875rem;
    margin-right: 0.625rem
}
.navbar-brand .system-title{
    font-size: 1.5rem;
    font-weight: 700;
}
/*.navbar-nav>.active:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-color: #fff;
    transition: all .2s;
    -webkit-transition: all .2s;
    pointer-events: none;
}*/
.layout-header .layui-nav{
    display: inline-block;
    background: transparent;
    margin: 0;
    padding: 0;
}
.layout-header .layui-nav-item a{
    line-height: 4.5rem;
    font-size: 1.125rem;
    font-weight: 500;
    color: #fff;
    padding: 0 1.25rem;
}
.user-menu .layui-nav-child{
    top: 4.0625rem;
}
.user-menu .layui-nav-child a{
    line-height: 2.5rem;
    font-size: 1.125rem;
    font-weight: 500;
    color: #333;
}
.layout-header .layui-nav .layui-this:after,
.layout-header .layui-nav-bar{
    background: #fff;
    width: 1.875rem !important;
    height: 0.375rem !important;
    border-radius: 3px !important;
    margin-left: -0.9375rem !important;
    bottom: 0.8125rem;
    left: 50%;
}
.layout-header .layui-nav-bar{
    display: none;
}
.layout-header .layui-nav-item.layui-this a{
    font-weight: 700;
}
.dropdown-child{
    width: 100%;
    height: 12.5rem;
    color: #3333;
    background: #ffff;
    position: absolute;
    top: 4.5rem;
}







.login-box{
    width: auto;
    float: right;
    color: #fff;
    height: 4.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}
.login-box .login-btn,
.login-box .register-btn{
    font-size: 1rem;
    display: inline-block;
    width: 5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    color: #fff;
    border-radius: 4px 4px 4px 4px;
}
.login-box .login-btn{
    background: rgba(16, 98, 255, 1);
    border: 1px solid rgba(16, 98, 255, 1);
    margin-right: 1.25rem
}
.login-box .register-btn{
    background: rgba(255,255,255,0.3);
    border: 1px solid #FFFFFF;
}
.authenticate .user-menu{
    background: transparent;
}
.authenticate .user-menu .user-name{
    line-height: 4.375rem;
    max-width: 25rem;
}
.authenticate .user-menu .icon-user{
    display: inline-block;
    margin-right: 0.625rem

}
.authenticate .fa-sign-out,
.authenticate .icon-settings{
    width: 0.875rem;
    height: 0.875rem;
    margin-right: 0.3125rem;
}