.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;
}