.app{
  font-family:'PingFang SC', 'Microsoft YaHei', sans-serif;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  height: 100%;
  display: flex;
}
.left{
  width: 58%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(150deg,#1067EE,rgba(64,97,242,0.6));
}
.loginbg{
  width: 7.44rem;
}
.right{
  width: 42%;
  display: flex;
  flex-direction: column;
}
.title{
  padding: 0.44rem 0.94rem 0.24rem;
  text-align: right;
  font-size: 0.2rem;
  border-bottom: 1px solid #eee;
}
.title a{
  color: #1067ee;
  text-decoration: none;
}
.forget{
  margin-top: 0.8rem;
  margin-left: 1.5rem;
}
.item{
  display: flex;
  align-items: center;
  margin-bottom: 0.3rem;
}
.l{
  width: 1.1rem;
  font-size: 0.2rem;
  text-align: right;
}
.r{
  height: 0.54rem;
  width: 3rem;
  font-size: 0.19rem;
}
.ts{
  display: flex;
  align-items: center;
}
.tsico{
  height: 0.2rem;
  margin-left: 0.14rem;
  margin-right: 0.12rem;
}
.tsmsg{
  font-size: 0.18rem;
}
input{
  border: 0.01rem solid #ddd;
  border-radius: 0.06rem;
  padding: 0 0.14rem;
  box-sizing: border-box;
}
input:focus{
  outline: none;
}
button{
  border: none;
  cursor: pointer;
}
.o{
  display: flex;
  width: 3rem;
  height: 0.52rem;
  border: 0.01rem solid #ddd;
  border-radius: 0.06rem;
}
.vcode{
  height: 100%;
  width: 60%;
  border: none;
  font-size: 0.19rem;
}
.getvc{
  height: 100%;
  text-align: center;
  border-left: 0.01rem solid #ddd;
  font-size: 0.18rem;
  white-space: nowrap;
  width: 40%;
  color: #1067ee;
  background-color: #ffffff;
}
.getvc[disabled]{
  background-color: #dddddd;
  color: #ffffff;
  cursor: not-allowed;
}
.qrcode{
  margin-bottom: 0.16rem;
}
.rea{
  padding-top: 0.1rem;
  font-size: 0.18rem;
  color: #ff0000;
  margin-left: 0.08rem;
}
.next{
  height: 0.54rem;
  width: 3.2rem;
  font-size: 0.24rem;
  color: #ffffff;
  border-radius: 0.04rem;
  margin-left: 0.52rem;
  margin-top: 0.3rem;
  background: linear-gradient(117deg, #1067EE, #1EA5ED);
}
.next[disabled]{
  background: #ddd;
  cursor: not-allowed;
}
.lx{
  margin-top: auto;
  text-align: center;
  font-size: 0.16rem;
  padding-bottom: 0.6rem;
}
.lx1{
  margin-right: 0.4rem;
}
.ion-close-round{
  color: black;
  font-size: 15px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.thebtn{
  width: 481px;
  height: 250px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}
#mpanel1{
  top:-10px
}
.cover{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.border{
  width: 520px;
  height: 355px;
  padding: 0px;
  margin: 0px;
  border-radius: 1%;
  border: 0.05rem gray solid;
  background:white;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
}
.delete{
  width: 483px;
  height: 35px;
  border: 0.05rem white solid;
  color: white;
  background: #1067EE;
}
.ion-close-round:before{
  color: #1067EE;
}