*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}a{text-decoration:none;color:#2c3e50}body,html{height:100%;background:#eee;min-width:1326px}.fl{float:left}.fr{float:right}.clear:after{content:"";display:block;clear:both}nav{position:fixed;top:0;left:0;width:200px;height:100%;z-index:2}nav .menu{position:relative;padding:30px;float:left;width:calc(100% - 24px);height:100%;background:#fff}nav .menu .logo{display:block;margin:0 auto 33px}nav .menu .list{text-align:center}nav .menu .list .link{-webkit-transition:all .2s;transition:all .2s;text-decoration:none;color:#2c3e50;display:block;font-size:16px;line-height:54px}nav .menu .list .active{color:#be8b41}nav .menu .qcore{position:absolute;bottom:10px;width:56px;left:75px}nav .menu .qcore .max-qc{position:absolute;right:-111px;bottom:0;width:120px}nav .border{float:right;width:24px;height:100%;background:url(../img/nav_border.500e1d62.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.router_view{width:calc(100% - 170px);top:0;height:100%}.router_view,footer{position:fixed;right:0;background:#fff}footer{bottom:0;left:0;height:46px;line-height:46px;text-indent:200px;text-align:center;font-size:14px}footer span{padding:0 20px}footer a{text-decoration:none;margin-left:10px;color:#2c3e50}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}