51 lines
882 B
Plaintext
51 lines
882 B
Plaintext
.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;
|
|
} |