@keyframes slideIn{0%{opacity:0;transform:translateY(-40px) scale(.9)}to{opacity:1;transform:none}}.header-nav{flex:1;display:flex;justify-content:flex-end}.header-nav>li{line-height:40px;height:40px;display:flex;align-items:center;position:relative;border-bottom:2px solid transparent;cursor:pointer}@media (min-width:1024px){.header-nav li{padding:0 2px;margin:0 13px}}@media (min-width:1280px){.header-nav li{padding:0 2px;margin:0 18px}}.header-nav>li>a,.header-nav>li>span{color:#171618;font-size:16px;font-weight:500}.header-nav>li:hover{transition:.3s;border-color:#404edc}.header-nav>li:hover>a,.header-nav>li:hover>span,.header-nav>li:hover>svg{color:#404edc}.header-nav>li:hover>.dropdown{display:block}.header-nav .dropdown{position:absolute;color:rgba(27,33,63,.72);left:50%;transform:translateX(-50%);top:30px;padding-top:15px;min-width:250px;display:none}.header-nav .dropdown>div{box-shadow:0 0 30px 0 rgba(0,0,0,.06);border:1px solid #ebeef5;border-radius:4px;background:#fff;padding:12px;position:relative;display:flex;flex-direction:column;gap:6px;box-shadow:0 0 15px #00000026;animation:slideIn .2s cubic-bezier(.05,.7,.1,1)}.header-nav .dropdown>div>a{display:block;font-weight:700;box-sizing:content-box;line-height:50px;padding:0 20px;border-radius:6px}.header-nav .dropdown>div>a:hover{background:#5177ff1a}dropdown .header-nav .arrow{position:absolute;left:50%;transform:translateX(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #fff;top:-11px}.mobile-header-nav{box-shadow:0 10px 10px -10px rgba(0,0,0,.12);background:#fff;position:fixed;width:100%;z-index:50}.mobile-header-nav .more{display:grid;transform:rotate(0deg) translateY(3px)}.mobile-header-nav .more,.mobile-header-nav .more:after{position:relative;background-color:#000;width:1.4375rem;height:.1875rem;border-radius:.125rem;transition:all .15s ease-out 0s}.mobile-header-nav .more:after{content:"";top:-.4375rem;transform:rotate(-180deg)}.mobile-header-nav .more.close{transform:rotate(-45deg)}.mobile-header-nav .more.close:after{top:0;transform:rotate(-90deg)}.mobile-header-nav .navs-wrapper{position:fixed;left:0;bottom:0;width:100%;height:0;z-index:50;background:#fff;padding:0 18px;border-top:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:space-between}.mobile-header-nav .navs{padding:16px 0;display:grid;flex-wrap:wrap;gap:1rem}.mobile-header-nav .nav-group .tit,.mobile-header-nav .navs>a{display:block;font-size:14px;font-weight:600}.mobile-header-nav .nav-group>div{display:flex;align-items:center}.mobile-header-nav .nav-group .tit{margin-right:4px}.mobile-header-nav .nav-group .icon{transition:transform .4s;transform:rotate(0deg);width:20px;height:20px}.mobile-header-nav .nav-group.open .icon{transform:rotate(180deg)}.mobile-header-nav .nav-group .nav-box{transition:.3s;overflow:hidden;max-height:0;width:100%}.mobile-header-nav .nav-group.open .nav-box{max-height:40rem}.mobile-header-nav .nav-group nav{width:100%;font-weight:700;margin-top:.5rem;display:flex;flex-direction:column;font-size:14px;gap:1rem;border-top:1px solid #e7e9f1;padding:.5rem 0 .5rem 12px}.mobile-header-nav .navs-wrapper .btns{bottom:2rem;left:0;width:100%;padding:0 1rem}.mobile-header-nav .navs-wrapper .btns>*{text-align:center;display:block;margin:1rem}