:root{
    --main-width: 1440px;
    --nav-height: 60px;
    --color-active: #e75805;
}

.content-container{
    width: 1400px;
    padding: 0 20px;
    margin-left: auto;
    margin-right: auto;
}

.header-container{
    position: fixed;
    z-index: 999;
}

.header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--nav-height);
}

.header .logo > img {
    height: var(--nav-height);
}

.menu {
    display: flex;
}

.menu > li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 92px;
    height: var(--nav-height);
}

.menu > li > a{
    font-size: 13px;
}

.header li.active > a{
    color: var(--color-active);
}

.menu-item .sub-menu-container{
    position: absolute;
    height: 60px;
    top: 60px;
    width: 100vw;
    left: 0;
    z-index: 9999;
    background: #fff;
    justify-content: center;
    border-top: 1px solid #f5f5f5;
    display: none;
}

.product-item .sub-menu-container{
    height: auto;padding-bottom:50px;
}

.sub-menu {
    display: flex;
    width: 1400px;
    height: 100%;
    align-items: center;
    justify-content: flex-end;
    padding: 0 20px;

}

.sub-menu>li{
    width: 170px;
}

.product-item .top-category {
    display: flex;
}

.product-item .top-category>li{
    display: flex;
    justify-content: center;
    cursor: pointer;
}

.product-item .top-category .active{
    color: var(--color-active);
}

.top-category__item{
    position: relative;
}

.top-category__item {
    width: 200px;
}

.top-category__item span{
    font-size: 16px;
}

.product-item .top-category .active>span{
    line-height: 40px;
    border-bottom: 1px solid var(--color-active);
}

.top-category{
    display: flex;
    align-items: center;
    height: 60px;
    font-size: 16px;
}

.top-product-list{
    padding: 20px 0;
    width: var(--main-width);
}

.top-product-list-container {
    display: flex;
}

.top-product{
    background: #f3f3f3;
    width: 330px;
    height: 340px;
}

.top-product:nth-child(n+5) {
    margin-top: 20px;
}

.top-product:not(:last-child) {
    margin-right: 20px;
}

.top-product__title{
    text-align: center;
}

.top-product__img-container{
    display: flex;
    height: 280px;
    align-items: center;
    justify-content: center;
}

.top-product__img-container>img{
    max-height: 215px;
}

.product-list-wrapper{
    display: flex;
    justify-content: space-between;
}

.header__search-container{
    position: absolute;
    z-index: 9;
    width: 100vw;
    background: #fff;
    display: none;
}

.header__search-content-container{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
}

.input-search{
    border:none;
    outline: none;
    width: 450px;
}

.close-btn>img{
    height: 20px;
}


.top-product__more{
    display: block;
    text-align: center;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.index-header{
    position: fixed;
    z-index: 999;
    /*left: calc(50vw - 720px);*/
    width: 100vw;
    left: 0;
}


.scroll-header{
    position: fixed;
    z-index: 999;
    width: 100vw;
    left: 0;
    background: #fff;
}

.index-header .menu-item>a {
    color: #fff;
}

.logo-container img:nth-child(2) {
    display: none;
}
.logo-container img{height:20px;}
.logo-container img:nth-child(1) {
    display: inline;
}


.index-header .logo-container img:nth-child(2) {
    display: inline;
}

.index-header .logo-container img:nth-child(1) {
    display: none;
}

.search-container{
    margin-right: 20px;
}

.search-container>img:nth-child(1) {
    display: inline;
}

.search-container>img:nth-child(2) {
    display: none;
}

.index-header .search-container>img:nth-child(1) {
    display: none;
}

.index-header .search-container>img:nth-child(2) {
    display: inline;
}

.js-tow-list>.active{
    color: var(--color-active);
}