*{box-sizing:border-box;margin:0;padding:0}#app{position:relative}.headerBg{background:#485fc2;opacity:.6}.header,.headerBg{height:70px;left:0;position:absolute;top:0;width:100%;z-index:2}.header{align-items:center;display:flex}.header .logo{height:47px;margin-left:240px;width:92px}.header .nav{margin-left:372px}.header .nav .nav-link{color:#fff;display:inline-block;height:70px;line-height:70px;text-align:center;text-decoration:none;width:120px}.header .nav .active{background:#485fc2}.header .searchBox{align-items:center;border:1px solid #fff;border-radius:16px;display:flex;height:37px;margin-left:16px;opacity:.4;width:121px}.header .searchBox .input{background-color:transparent;border:none;color:#fff;height:37px;padding-left:8px;width:80%}.header .searchBox .input::-moz-placeholder{color:#fff}.header .searchBox .input::placeholder{color:#fff}.header .searchBox .input:focus-visible{outline:none}.header .searchBox .img{height:18px;width:18px}.main{height:100vh;overflow:hidden;overflow-y:auto}.main,.main .swiper{width:100%}@media(max-width:1440px){.header .logo{height:47px;margin-left:24px;width:92px}.header .nav{margin-left:300px}.header .nav .nav-link{color:#fff;display:inline-block;height:70px;line-height:70px;text-align:center;text-decoration:none;width:120px}.header .nav .active{background:#485fc2}}