.header-container{position:fixed;top:0;left:0;width:100%;transition:.6s;z-index:9}.header-container.sticky{padding:5px 100px;background:#fff;box-shadow:0 5px 3px rgba(18,18,18,0.2)}.header-container .header{color:#373737;max-width:1310px;height:80px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;z-index:9}.header-container .header .logo{display:flex}.header-container .header .logo img{width:55px;height:55px;margin-right:6px}.header-container .header .navs{display:flex;align-items:center;justify-content:space-around}.header-container .header .navs .nav{width:130px;height:100%;font-size:20px;font-weight:500;text-align:center;cursor:pointer;transition:opacity .3s}.header-container .header .navs .nav.active{color:#63c987}.header-container .header .navs:hover .nav:not(:hover){opacity:.5}.header-container .header .search{width:260px;height:48px;border:1px solid #b4b8bc;border-radius:24px;display:flex;justify-content:center;align-items:center}.header-container .header .search input{width:220px;height:100%;padding:5px;padding-left:10px;border:0;border-radius:24px;outline:none;background-color:rgba(0,0,0,0);font-size:16px}.header-container .header .search .icon-sousuo{font-size:18px;cursor:pointer;transition:font-size .2s ease-in}.header-container .header .login-resign{padding:20px;background:#fff;color:#373737;box-shadow:0 2px 4px rgba(0,0,0,0.2);border-radius:32px;letter-spacing:4px;cursor:pointer;transition:.3s all ease-in-out}.header-container .header .login-resign:hover{background:#373737;color:#fff}.scroll-progress{position:fixed;top:90px;width:0%;height:4px;background:#7983ff;z-index:10000}