#header {
    background-color: #f8f9fa;
}

#header .layui-nav {
    background-color: #f8f9fa !important;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

#header .layui-nav.layui-bg-gray .layui-this a {
    color: #c2283d !important;
}

#header .layui-nav.layui-bg-gray .layui-this dd a {
    color: #222222 !important;
}

#header .layui-nav .layui-nav-child {
    width: 330px;
}

#header .layui-nav .layui-this:after,
.layui-nav-bar {
    background-color: #c2283d !important;
}

#header .layui-nav .layui-nav-item a {
    color: #978d8d !important;
    text-align: center;
    width: 56px;
}

#header .layui-nav .layui-nav-item a:hover {
    color: #c2283d !important;
}

#header .layui-nav .layui-nav-item a:hover:after {
    background-color: #c2283d !important;
}

#header .layui-nav .layui-nav-itemed a {
    color: #c2283d !important;
}

#header .layui-nav .layui-nav-itemed a:hover {
    color: #c2283d !important;
}

#header .layui-nav .layui-nav-itemed a:hover:after {
    background-color: #c2283d !important;
}

#header .layui-nav .lang {
    display: flex;
    align-items: center;
    color: #222222;
}

#header .banner {
    padding: 0;
    margin-top: 10px;
}

#header .banner img {
    width: 100%;
}

.layui-fixbar {
    right: 8% !important;
    bottom: 10% !important;
}