.el-button--primary {
  width: 100%;
}
.layout-con{
  background-color: #0B4362;
}
.logo{
  position: fixed;
  top: 20px;
  left: 40px;
  min-width: 170px;
  height: auto;
}

.lay-bg{
  width: 100%;
  position: fixed;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
  z-index: -1;
}
.middle{
  max-width: 428px;
  max-height: 428px;
  background:url('~@/assets/img/bg2.png') no-repeat;
  background-size: cover;
  width: 36.75rem;
  top: 50vh;
  left: 77vw;
  height: auto;
  padding: 4rem;
  text-align: center;
}
.middle-subtitle{
  /* background:url('~@/assets/img/icon.png') no-repeat center center; */
  font-size: 18px;
  font-weight: bold;
  margin-top: 1.2rem;
}
.middle-title{
  margin-bottom: 2rem;
  color: #0B4362;
  font-size: 28px;
  line-height: 45px;
  font-weight: bold;
}
.middle-con{
  width: 100%;
  margin: 0 auto;
}

.middle-bg{

}

.login{
  width: 100%;
  color: #fff;
  background: #0B4362 ;
  cursor: pointer;
  border-radius: 4px;
  font-weight: bold;
  font-size: 18px;
}