.top-header-wrap{background-color: transparent;z-index: 30;position: fixed;width: 100%;transition: all .3s;border-bottom: 1px solid #fff;}
.top-header-box{opacity: 1;transition: all .3s;box-sizing: border-box;}
.top-header-inner{box-sizing: border-box;max-width: 1440px;margin: auto;padding: 0 20px;display: flex;justify-content: flex-end;height: 55px;align-items: center;}
.top-header-box.active{height: 0;border: none;overflow: hidden;opacity: 0;}
.top-header-inner>ul{display: flex;flex-flow: row nowrap;}
.top-header-inner>ul>li{color: #fff;line-height: 145%;padding: 0 16px;}
.top-header-inner>ul>li:last-child{padding: 0 0 0 16px;}
.top-header-inner>ul>li>a{font-weight: 400;font-size: 16px;line-height: 145%;color: #fff;transition: color .3s;}
header:hover .top-header-wrap,
header:has(.bottom-header-wrap.fixed) .top-header-wrap{opacity: 1;background: #fff;border-bottom: 1px solid #c7c7c7;}
header:hover .top-header-wrap .top-header-inner>ul>li>a,
header:has(.bottom-header-wrap.fixed) .top-header-wrap .top-header-inner>ul>li>a{color: #111;}
.scrolled .top-header-wrap .top-header-inner>ul>li>a{color: #111;}
.scrolled .top-header-wrap {border-bottom: 1px solid #c7c7c7;}

.wrap.sub .top-header-wrap{border:0;}

@media(max-width:1024px){
	.top-header-wrap{display: none;}
}