*{padding:0;margin:0;box-sizing:border-box}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}.app{position:relative}.navbar{width:100%;height:68px;background:rgba(239,234,244,.8);position:fixed;top:0;left:0;right:0;z-index:9;padding-left:36px;display:flex;align-items:center}.navbar .logo{width:50px;height:50px}.navbar .menu_list{display:flex;padding-left:50px}.navbar .menu_list .btn{height:100%;padding:0 10px;cursor:pointer;font-size:24px;color:#151838}.navbar .menu_list .btn.active{font-weight:700;position:relative}.navbar .menu_list .btn.active:after{content:"";position:absolute;left:50%;right:0;bottom:-8px;height:4px;width:40px;transform:translateX(-50%);background-color:#151838}.footer{width:100%;height:220px;background-color:rgba(0,0,0,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;bottom:0;left:0;right:0;z-index:9}.footer a{color:#fff;font-size:36px;text-decoration:none}.footer .other-con{display:flex}.footer .other-con .item{margin:10px 20px;cursor:pointer;color:#fff}.footer .other-con .item:hover{color:#6c3891}