.header{width:100vw;position:fixed;height:60px;z-index:100;top:0;left:0;background-color:#fff;
    box-shadow:0 .1rem 1rem 0 rgb(0 0 0 / 10%);display:flex;align-items:center;
}
.header .logo{position:relative;left:32px;width:181px}
.header a.logo{left:0px;width:auto}
.menu-btn{width:30px;height:20px;position:absolute;top:50%;transform:translateY(-50%);left:22px;display:none;cursor:pointer}
.menu-btn span{position:absolute;width:100%;height:4px;background-color:#25509a}
.menu-btn::before{position:absolute;content:"";width:100%;height:4px;background-color:#25509a;left:0;top:0}
.menu-btn::after{position:absolute;content:"";width:100%;height:4px;background-color:#25509a;left:0;bottom:0}
.tyre-btn{position:absolute;height:100%;width:75px;right:37px;top:50%;transform:translateY(-50%);cursor:pointer}
.tyre-btn .icon-tyre{width:18px}
.tyre-btn::after{content:'';position:absolute;right:0;width:8px;height:4px;background:url(/assets/images/arrow-down.png) scroll no-repeat 0 0;background-size:100% 100%;transition:transform .3s linear;transform-origin:center center}
.tyre-btn.open::after{transform:rotate(-180deg)}

.tyre-btn a{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:2;
}


.header-nav-lists{position:absolute;top:60px;right:8px;width:390px;z-index:99;background-color:#fff;display:none;transition:transform .3s linear;box-shadow:0 .1rem 1rem 0 rgb(0 0 0 / 10%)}
.header-nav-lists li{border-bottom:1px solid #e8e8e8;position:relative;}
.header-nav-lists .nav-wrapper{
	top:0;right:0;display:flex;height:60px;align-items:center;font-size:16px;padding-left:14px;position:relative
}
.header-nav-lists li:last-child{border-bottom:none}
.header-nav-lists a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:2
}
.header-nav-lists li:hover{background-color:#e7efff}
.header-nav-lists a:hover::after{right:26px}
.header-nav-lists a::after{position:absolute;top:50%;right:28px;transform:translateY(-50%);content:"";background:url(/assets/images/arrow-right.png) no-repeat scroll center center;background-size:100% auto;width:7px;height:11px;transition:right .2s linear}
.header-nav-lists a:active{background-color:#fce500}
.header-nav-lists a:active::after{background:url(/assets/images/selected.png) no-repeat scroll center center;width:10px;height:8px}
.header-nav-lists span{display:block;width:60px;margin-right:15px}
.header-nav-lists span img{margin:0 auto}
/* .header-nav-lists .a1 img{
    width: 52px;
}
.header-nav-lists .a2 img{
    width: 41px;
}
.header-nav-lists .a3 img{
    width: 26px;
}
.header-nav-lists .a4 img{
    width: 56px;
}
.header-nav-lists .a5 img{
    width: 25px;
} */
@media (max-width:1366px){
.header-nav-lists{width:320px}
}
@media (max-width:1024px){
.max-layer{z-index:999}
.header-nav-lists .nav-header{display:none}
.header{justify-content:center}
.header .logo{left:0}
.menu-btn{display:flex}
}
@media (max-width:959px){
.header-nav-lists .nav-header{display:block}
.tyre-btn{width:65px;right:0}
.tyre-btn::after{position:absolute;right:44%;bottom:17%}
.header-nav-lists{display:block!important;width:100%;height:100vh;top:0;right:-100vw}
.header-nav-lists.open{transform:translateX(-100vw)}
}