81 lines
1.4 KiB
Plaintext
81 lines
1.4 KiB
Plaintext
.logo {
|
|
border: 1rpx solid #fff;
|
|
margin: 122rpx auto 0;
|
|
width: 170rpx;
|
|
height: 170rpx;
|
|
border-radius: 50%;
|
|
display: block;
|
|
}
|
|
.logo image{
|
|
border-radius: 50%;
|
|
margin-left: -30rpx;
|
|
width: 170rpx;
|
|
height: 170rpx;
|
|
}
|
|
|
|
.title {
|
|
margin: 20rpx auto;
|
|
width: 100%;
|
|
display: flex;
|
|
text-align: center;
|
|
color: #333;
|
|
font-size: 36rpx;
|
|
font-weight: bold;
|
|
}
|
|
.title input{
|
|
width: 100%;
|
|
border-bottom: 1rpx solid #fff;
|
|
}
|
|
|
|
.title text {
|
|
position: relative;
|
|
}
|
|
|
|
.title-underline::before {
|
|
position: absolute;
|
|
content: ' ';
|
|
height: 14rpx;
|
|
display: block;
|
|
background: #daedd6;
|
|
width: 162rpx;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
bottom: -1rpx;
|
|
border-radius: 7rpx;
|
|
z-index: -10;
|
|
}
|
|
|
|
.message {
|
|
margin-top: 60rpx;
|
|
text-align: center;
|
|
color: #999ca7;
|
|
font-size: 26rpx;
|
|
}
|
|
|
|
.authBtn {
|
|
margin: 0 auto;
|
|
margin-top: 28rpx;
|
|
background: linear-gradient(to right,#08cf68,#07c160);
|
|
width: 476rpx;
|
|
height: 90rpx;
|
|
box-shadow: 8rpx 8rpx 16rpx #a3e0a8;
|
|
color: #fff;
|
|
font-weight: bold;
|
|
border-radius: 45rpx;
|
|
}
|
|
|
|
.cancelBtn {
|
|
margin: 0 auto;
|
|
margin-top: 28rpx;
|
|
background: linear-gradient(to right,#ccc,#ccc);
|
|
width: 476rpx;
|
|
height: 90rpx;
|
|
box-shadow: 8rpx 8rpx 16rpx #eee;
|
|
color: #fff;
|
|
font-weight: bold;
|
|
border-radius: 45rpx;
|
|
}
|
|
|
|
button::after {
|
|
display: none;
|
|
} |