.header-container{position:relative;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.1);border:1px solid #f8f8f9;height:74px}.header-container .header-wrap{width:1200px;height:100%;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-container .logo{width:140px;height:40px;background-size:100% 100%;background-repeat:no-repeat;background-position:50%;margin-right:68px;cursor:pointer}.header-container .nav-list{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:15px}.header-container .nav-list .nav-item{margin-right:48px;color:#515a6e}.header-container .nav-list .nav-item:hover{color:#2d8cf0}.header-container .nav-right{font-size:15px;line-height:72px;width:300px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-container .nav-right .search-wrap{cursor:pointer;font-size:20px;margin-right:20px}.header-container .nav-right .user-wrap .avatar{width:32px;height:32px;border-radius:50%;vertical-align:middle}.content-container{font-size:14px;background-color:#f9f9f9;min-height:calc(100vh - 76px)}.footer-container{font-size:14px;padding:32px 0;background:rgba(0,0,0,.8);text-align:center}.footer-container .copyright{padding:16px 0;line-height:25px;color:#fff;border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:16px}.footer-container .support{font-size:13px;color:#666}.back-top{background-color:#2d8cf0;border-radius:50%;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.2);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.back-top i{color:#fff;font-size:30px;padding:8px}.back-top:hover{background-color:#5cadff}.page-container{margin:0 auto;width:1200px;padding:16px 0 100px}