page{
|
font-size: 28upx;
|
}
|
.login-title{
|
/* padding: 160upx 70upx 70upx 70upx; */
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
flex-direction: column;
|
gap: 20rpx;
|
margin-top: 70rpx;
|
margin-bottom: 20rpx;
|
}
|
.login-title-1{
|
font-size: 40upx;
|
font-weight: 700;
|
color: #1735C0;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
gap: 30rpx;
|
letter-spacing: 4rpx;
|
}
|
.login-title-2{
|
font-size: 28upx;
|
color: #000000;
|
}
|
.login-list{
|
padding: 50upx 70upx;
|
}
|
.login-item{
|
border-bottom: 1px solid #dddddd;
|
padding-bottom: 10upx;
|
margin-bottom: 80upx;
|
position: relative;
|
}
|
.login-item:last-child{
|
margin-bottom: 0;
|
}
|
.login-item input{
|
font-size: 30upx;
|
width: 60%;
|
}
|
.login-item text{
|
position: absolute;
|
right: 0;
|
bottom: 14upx;
|
font-size: 30upx;
|
}
|
|
|
.loginBtn{
|
padding: 0 70upx;
|
}
|
.loginBtn-icon{
|
width: 48upx;
|
height: 48upx;
|
margin-top: 2upx;
|
margin-right: 10upx;
|
}
|
.loginBtn-desc{
|
display: flex;
|
align-items: center;
|
font-size: 24upx;
|
}
|
.blue{
|
color: #7e94bd;
|
}
|
.login-btn{
|
width: 100%;
|
margin-top: 30upx;
|
height: 90upx;
|
background-color: #bfbfbf;
|
color: #ffffff;
|
letter-spacing: 10upx;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
font-weight: 700;
|
font-size: 28upx;
|
border-radius: 50upx;
|
}
|
.loginBtn .active{
|
background-color: #1735C0;
|
}
|
|
.login-type{
|
padding: 50upx 70upx 20upx 70upx;
|
}
|
.login-type .login-type-v{
|
display: flex;
|
border-bottom: 1px solid #dddddd;
|
padding-bottom: 20upx;
|
}
|
.login-type .login-type-v view{
|
margin-right: 50upx;
|
position: relative;
|
}
|
.login-type .active::after{
|
position: absolute;
|
content: '';
|
height: 1px;
|
width: 100%;
|
background-color: #1735C0;
|
left: 0;
|
bottom: -10px;
|
}
|
|
.loginDesc{
|
margin-top: 50upx;
|
padding: 0 70upx;
|
}
|
.loginDesc .fl{
|
float: left;
|
}
|
.loginDesc .fr{
|
float: right;
|
}
|
.loginDesc .fc{
|
width: 100%;
|
text-align: center;
|
}
|