@charset "utf-8";

.header{position:relative;background:#fff;z-index:100;}
.header .header-inner{position:relative;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;z-index:2;}
.header-bg {display:none;position:absolute;top:64px;left:0;width:100%;height:180px;background:#fff;border-top:1px solid #eee;z-index:1;}

.header .depth1{display:flex;}
.header .depth1>li{position:relative;text-align:center; width: 100%; max-width: 200px; flex-shrink: 0;}
.header .depth1>li>a{width: 100%; display:block;height:64px;line-height:64px; font-size: 15px;}
.header .depth2{display:none;position:absolute;top:64px;left:50%;transform:translateX(-50%);padding-top:20px;min-width:220px;}
.header .depth2 li+li{margin-top:16px;}
.header .depth2 a{white-space:nowrap;font-size:16px;color:#444;}
.header .depth2 a:hover{color:#000;}

.header .header-r{display:flex;align-items:center;column-gap:110px;}
.header .user-area{display:flex;align-items:center;column-gap:20px;}
.header .lang-area{display:flex;align-items:center;}
.header .lang-area>a{position:relative;padding:2px 10px;font-size:16px;color:var(--color-text-disabled);transition:.3s;}
.header .lang-area>a:not(:last-of-type)::after{position:absolute;width:1px;height:12px;background-color:var(--color-text-disabled);top:50%;right:0;transform:translateY(-50%);content:'';}
.header .lang-area>a.active,
.header .lang-area>a:hover{color:var(--color-text-main);}



/**************/
/**************/
/**************/
/**************/
/**************/
/**************/
/**************/