page{
    width: 100%;
    height: 100%;
}
.login-wrapper{
    width: 100%;
    height: 100%;
    background: #f5f5f5;
}
.login-wrapper .bg-wrapper{
    width: 100%;
    height: calc(100% - 288rpx);
    background: -webkit-linear-gradient(#FF7CB5 , #FB1D81);
    background: linear-gradient(#FF7CB5 , #FB1D81);
    overflow: hidden;
}
.login-wrapper .bg-wrapper .title{
    font-size: 28px;
    text-align: center;
    color: #fff;
    margin: 100rpx auto 80rpx;
}
.login-wrapper .bg-wrapper .content{
    width: 696rpx;
    height: 348rpx;
    margin: 0 auto;
    background: url('https://chaoshi.henhaojie.com/icon/bg2.png') no-repeat 0 0;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.flow-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 126rpx;
}
.flow{
    flex: 1;
    text-align: center;
    font-size: 10px;
    color: #fff;
}
.flow .icon.icon-login{
    width: 28rpx;
    height: 28rpx;
    background: url('https://chaoshi.henhaojie.com/icon/icon-2.png') no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    margin: -2px 4px 0 0;
}
.btn-wrapper .login-btn{
    width: 560rpx;
    height: 88rpx;
    border-radius: 50rpx;
    background: #FB1D81;
    margin-top: 88rpx;
    color: #fff;
}
.btn-wrapper .login-btn:after{
    border: none;
}