*{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{width:280px;padding:10px}.el-header .logo img{width:100%;line-height:60px}.el-main{padding:0!important}.footer .slide-three{margin-top:40px;height:164px;width:100%;background-color:#5677fc;opacity:.75;color:#fff}.dialog-container{position:fixed;top:0;right:0;width:100%;height:100%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(0,0,0,.5);z-index:1000}.dialog,.dialog-container{display:-webkit-box;display:-ms-flexbox;display:flex}.dialog{width:300px;height:500px;background-color:#fff;border-radius:4px;padding:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.2);box-shadow:0 4px 8px rgba(0,0,0,.2);-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.dialog-container .dialog{-webkit-transform:translateX(0);transform:translateX(0)}