body{margin:0}
@media screen and (min-width:768px){
    .navbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#fff;width:calc(100vw - 206px);margin:0 auto;padding: 0;position:fixed;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:99;}
    .navbar .navbar-item{font-size: 16px;font-family:PingFangSC-Regular,PingFangSC;font-weight:400;color:#181414;line-height:22px;cursor:pointer;margin-right:3.75rem;}
    .navbar .navbar-item:last-of-type{margin-right:unset}
    .navbar .navbar-item a{display:inline-block;position:relative;padding:1.69rem 1.88rem;font-size:16px;font-family:PingFangSC-Regular,PingFangSC;font-weight:400;color: #181414;}
    .navbar .navbar-item a.actived{border-bottom:3px solid block}
    .navbar .navbar-item a:before{content:"";width:0;position:absolute;display:inline-block;bottom:-1.5px;border-bottom:0 solid #000;-webkit-transition:all .5s linear;transition:all .5s linear}
    .navbar .navbar-item a:hover:before{left:0;width:100%;border-bottom-width:3px}
    .navbar .navbar-item a.actived{border-bottom:3px solid #000}
    .navbar .navbar-item a.actived:hover:before{display:none}
    .navbar .navbar-item:nth-child(3) a:hover:before, .navbar .navbar-item:nth-child(3) a.actived{border-bottom:0;}
    .navbar .navbar-item img{width: 9rem;-o-object-fit:cover;object-fit:cover;}
    .navbar .navbar-item:hover img{-webkit-transform: scale(1);transform: scale(1);}
}