.login{
  background-color: #fff;
  height:100vh;
}
.login .head{
  background-color: var(--main-color);
  position: relative;
  height:554rpx;
}
.login .head .bg{
  width: 450rpx;height:486rpx;
  position: absolute;
  right:-40rpx;top:204rpx;
}
.login .head .title{
  font-size: 46rpx;
  position: absolute;
  left:40rpx;
  bottom:144rpx;
}
.login .input-area{
  border-radius: 30rpx 30rpx 0px 0px;
  margin-top:-80rpx;
  background-color: #fff;
  position: relative;
  padding:40rpx 50rpx;
}
.login .input-area .input{
  background-color:#F7F7F7;
  border-radius: 18rpx;
  height: 100rpx;
  padding:0 30rpx;
  margin-bottom:24rpx;
}
.login .input-area .button{
  margin-top:50rpx;
  border-radius: 20rpx;
}

.agree{
  font-size: 26rpx;
  margin-top:50rpx;
}
.agree .yellow{
  color:var(--main-color);
  margin: 0;
}
.agree .policy{
  display: inline-flex;
  align-items: center;
}