lachang-wxapp/pages/tabBar/login/login.wxss

/* pages/user/login/login.wxss */
page{
    background: #F7F7F7;
}
.pageContainer{
    position: relative;
    height: 100vh;
}
.backImg{
    position: absolute;
    z-index: -1;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 348rpx;
}
.loginBtn{
    width: 683rpx !important;
    height: 84rpx !important;
    background: #e73e2d !important;
    margin: 120rpx auto 0 auto !important;
    padding: 0 !important;
    border-radius: 48rpx !important;
    color: #fff !important;
    font-size: 32rpx !important;
    font-weight: bold;
}
.pageBox{
    text-align: center;
    padding-top: 160rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.logoBox{
    position: absolute;
    z-index: 99;
    bottom: 50rpx;
    right: 0;
    left: 0;
    text-align: center;
}
.logo{
    width: 88rpx;
    height: 88rpx;
    border-radius: 50%;
}
.logoTitle{
    font-size: 24rpx;
    color: #5f6268;
}
.title{
    font-size: 72rpx;
    font-weight: bold;
    color: #e73e2d;
    margin-top: 10rpx;
}
.toolBox{
    width: 100%;
    font-size: 28rpx;
    color: #5f6268;
    letter-spacing: 4px;
    padding-top: 20rpx;
}
.selectBox{
    padding: 24rpx 12rpx 24rpx 44rpx;
}
.explainText{
    font-size: 24rpx;
    color: #909297;
}
.explainText .lan{
    color: rgba(0,160,233,1);
}
.phoneLogin{
    width: 683rpx;
    position: relative;
    height: 84rpx;
    border-radius: 48rpx;
    border: 2rpx solid #D0D0D0;
    font-size: 32rpx;
    font-weight: bold;
    color: #909297;
    margin: 24rpx auto 0 auto;
}