*{padding:0;margin:0}body,html{height:100%}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.el-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:center;align-content:center;width:1240px;margin:0 auto}.el-header .logo img{width:52px;padding-top:15px}.el-main{padding:0!important}.footer{width:100%;overflow:hidden;background-color:#111827}.footer-content{width:1240px;margin:0 auto;padding:20px 0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.footer-content,.footer-content .content-nav{display:-webkit-box;display:-ms-flexbox;display:flex}.footer-content .content-nav{width:100%;-ms-flex-pack:distribute;justify-content:space-around}.footer-content .content-nav li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 20px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.footer-content .content-nav li p{font-size:18px;color:#fff;padding:10px 0}.footer-content .content-nav li span{color:#9ca3af;font-weight:300;padding:5px 0}.footer-content img{width:170px;height:170px;padding:10px}.footer .copyright{background:#111827;text-align:center;padding:20px 0}.footer .copyright span{color:#fff;font-size:14px}@media(min-width:768px)and (max-width:1240px){.el-header,.footer .footer-content{width:100%}.footer .footer-content .content-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media(max-width:767px){.el-header{width:100%}.el-header .el-menu-demo{display:none}.footer .footer-content{width:100%}.footer .footer-content .content-nav{display:block;-ms-flex-wrap:wrap;flex-wrap:wrap}}