.header-container {
 margin-top:0;
 min-height:312px;
 position:relative;
 width:100%
}
.header-container p {
 margin:0
}
.header-container .img-banner {
 left:0;
 -o-object-fit:cover;
 object-fit:cover;
 -o-object-position:top;
 object-position:top;
 position:absolute;
 top:0;
 width:100%;
 z-index:0
}
.header-container .header-content {
 align-items:center;
 background:rgba(0,0,0,.3);
 display:inline-block;
 left:0;
 padding:20px;
 position:fixed;
 top:0;
 width:100%;
 z-index:100
}
.header-container .header-content.fixed-scrolled {
 -webkit-backdrop-filter:saturate(180%) blur(20px)!important;
 backdrop-filter:saturate(180%) blur(20px)!important;
 background:rgba(0,0,0,.8);
 border-bottom-color:hsla(0,0%,100%,.04)!important;
 border-bottom:1px solid transparent;
 box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important
}
.header-container .header-content .content-row {
 display:flex;
 margin:0 auto
}
.header-container .header-content .content-row .content-item {
 line-height:30px;
}
.header-container .header-content .content-row .left-content {
 padding-left:20px;
 width:30%;
}
.header-container .header-content .content-row .left-content .img-logo {
 height:50px;
 width:auto;
}
.header-container .header-content .content-row .left-content .header_title {
 color:#fff;
 display:inline-block;
 font-weight:700;
 line-height:30px;
 margin-left:10px
}
.header-container .header-content .content-row .center-content {
 text-align:center;
 width:40%
}
.header-container .header-content .content-row .center-content .menu-list {
 line-height:30px
}
.header-container .header-content .content-row .center-content .menu-list .menu-item {
 color:#fff;
 display:inline-block
}
.header-container .header-content .content-row .center-content .menu-list .menu-item img {
 margin-right:2px;
 vertical-align:text-bottom;
 width:15px
}
.header-container .header-content .content-row .center-content .menu-list .menu-item span {
 vertical-align:middle
}
.header-container .header-content .content-row .center-content .menu-list i {
 color:#fff;
 margin:0 10px
}
.header-container .header-content .content-row .center-content .search-container {
 align-items:center;
 background:hsla(0,0%,100%,.4);
 border-radius:4px;
 display:flex;
 padding:4px 10px
}
.header-container .header-content .content-row .center-content .search-container input {
 background:transparent;
 color:#fff
}
.header-container .header-content .content-row .center-content .search-container span {
 color:hsla(0,0%,100%,.5);
 margin:0 4px
}
.header-container .header-content .content-row .center-content .search-container .img-search {
 height:15px;
 width:15px
}
.header-container .header-content .content-row .right-content {
 padding-right:20px;
 text-align:right;
 width:30%
}
.header-container .header-content .content-row .right-content .icon {
 margin-left:10px
}
.header-container .header-content .content-row .right-content .icon.icon-large {
 height:20px;
 width:20px
}
.header-container .header-content .content-row .right-content .icon.icon-normal {
 height:18px;
 width:18px
}
.header-container .header-content .content-row .right-content .txt-user-info {
 color:#fff;
 display:inline-block;
 font-size:12px;
 margin-left:5px
}
.header-container .header-content .content-row .right-content .txt-user-info a {
 color:#fff;
 margin:0 5px
}
.header-container .header-content .content-row .right-content .txt-user-info a span {
 color:#fff
}