.el-aside{background-color:#0f73ee;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-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-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:rgba(0,54,128,.08) 0 4px 20px 0;box-shadow:0 4px 20px 0 rgba(0,54,128,.08)}.el-aside h1{font-size:40px;color:#fff;font-style:italic;letter-spacing:2px}.el-aside img{-ms-flex-item-align:center;align-self:center;width:70%}@media screen and (max-width:1000px){.el-aside{display:none}}.el-main{height:100vh;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.el-main,.el-main .from-box{display:-webkit-box;display:-ms-flexbox;display:flex}.el-main .from-box{width:37vw;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;right:0}.el-main .from-box .loginBox{width:80%;max-width:480px;min-width:375px;min-height:300px;background-color:#fff;padding:20px 30px;border-radius:4px;-webkit-box-shadow:rgba(0,54,128,.08) 0 4px 20px 0;box-shadow:0 4px 20px 0 rgba(0,54,128,.08)}.login-brand{text-align:center;font-size:24px}.el-form-item,.login-brand{margin-bottom:30px}.loginFrom{position:absolute;right:5vw}.wholeBg{background:url(../img/login-bg.b08c609c.png) no-repeat;background-size:100% 100%;width:100vw;height:100vh}.wholeBg .wholeImg{width:1%}