laundry/pages/signIn/siginIn.wxss

/* pages/signIn/siginIn.wxss */
page {
    width: 750rpx;
    min-height: 100vh;
    background: #F6F6F6;
}

.topBox {
    width: 750rpx;
    height: 88rpx;
    background: #FFFFFF;
    padding: 30rpx;
    font-size: 28rpx;
    color: #333333;
}

.centerBox {
    width: 750rpx;
    height: 789rpx;
    background: #FFFFFF;
}

.centerBox .top {
    height: 660rpx;
}

.centerBox .round {
    width: 400rpx;
    height: 400rpx;
    background: #52A1FF;
    box-shadow: 0rpx 0rpx 20rpx 0rpx #52A1FF;
    border-radius: 50%;
    background: #52A1FF;
    flex-wrap: wrap;
    flex-direction: column;
}

.centerBox .round .tips {
    font-size: 30rpx;
    font-weight: 500;
    color: #FFFFFF;
}

.centerBox .footer {
    height: calc(789rpx - 660rpx);
}

.centerBox .footer .le,
.lr {
    width: 50%;
    flex-direction: column;
    height: 100%;
}

.centerBox .footer .line {
    width: 1rpx;
    height: 80rpx;
    background: #EDEDED;
}

.centerBox .footer .icon {
    width: 40rpx;
    height: 40rpx;
}

.centerBox .footer .tips {
    font-size: 24rpx;
    color: #333333;
}