html,body{
  padding:0;
  margin:0;
  box-sizing: border-box;
  width:100vw;
  height:100vh;
}
  div{
  box-sizing: border-box;
  }
.login{
  width:100vw;
  height:100vh;
  display:flex;
  align-items: center;
}
.login-form{
  width: 80%;
  max-width: 640px;
  margin:auto;
}
.logo{
  width:40%;
  display:flex;
  margin: auto;
}
.login-bottom{

}
.login-btn{
  display:flex;   
  justify-content: flex-end;
}

/**************************/
.main{
  display: flex;
  height:100vh;
  width: 100vw;
}
.main-menu{
  width:150px;
}
.main-content{
  width:calc(100vw - 150px);
  padding:20px;
}
.pagination{
  margin-top:10px;
  display: flex;
  justify-content: flex-end;
}
.el-date-editor--datetimerange.el-input__inner{
  width:100%;
}
.el-date-editor.el-input,.el-select{
  width: 100% !important;;
}