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

.lay-bg{
  width: 100%;
  position: fixed;
  transform: translateX(-50%);
  bottom: 0%;
  left: 50%;
  z-index: -1;
}
.middle{
  /* background:url('~@/assets/img/bg2.png') no-repeat; */
  background-size: cover;
  width: 800px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  height: auto;
  display: flex;
  justify-content: space-between;
  text-align: center;
}

.middle-left{
  flex: 1;
  width: 50%;
  background:url('~@/assets/img/l_diwen.png') no-repeat center center;
  background-size: 100% 100%;
  background-color: #eaeae9;
  position: relative;
}

.middle-left>img{
  left: 50%;
  top: 50%;
  position: absolute;
  width: 40%;
  transform: translate(-50%,-50%);
}

.middle-con{
  width: 50%;
  margin: 0 auto;
  background:url('~@/assets/img/r_diwen.png') no-repeat center center;
  background-size: 100% 100%;
  background-color: rgba(130,130,130, 0.6);
  padding: 50px 40px 60px;
}

.middle-subtitle{
  font-size: 18px;
}
.middle-title{
  margin: 0 auto 66px;
  color: #FFFFFF;
  font-size: 28px;
  line-height: 128px;
  width: 128px;
  height: 128px;
  letter-spacing: 4px;
  font-weight: bold;
}


.middle-bg{

}

.login{
  width: 100%;
  color: #fff;
  background: #BD986B;
  border-radius: 20px;
  cursor: pointer;
  margin-top: 50px;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 10px;
}
