.invite {
    background: linear-gradient( 1deg, rgba(255,255,255,0) 1%, rgba(37,131,255,0.8) 100%);
    min-height: 100vh;
    position: relative;
    padding-bottom: 100rpx;
}

image {
    width: 100% !important;
    height: 100% !important;
}

.text {
    width: 274rpx;
    height: 208rpx;
    position: absolute;
    left: 101rpx;
    top: 200rpx;
}

.after {
    width: 322rpx;
    height: 437rpx;
    position: absolute;
    right: 17rpx;
    top: 0rpx;
}

.phb {
    width: 710rpx;
    margin: 0 auto;
    border-radius: 43rpx 43rpx 43rpx 43rpx;
    background: #FFFFFF;
    margin-top: 320rpx;
    padding: 50rpx 25rpx;
}

.phbTit {
    width: 660rpx;
    height: 64rpx;
    background: #2583FF;
    border-radius: 100rpx 100rpx 100rpx 100rpx;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 26rpx;
    justify-content: space-between;
}

.pbhTit_40 {
    width: 40%;
    text-align: center;
}
.pbhTit_30{
    width: 30%;
    text-align: center;
}
.pbhTit_15 {
    width: 15%;
    text-align: center;
}

.phb_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18rpx 0;
}

.phb_item:nth-child(2n + 1) {
    background: #FFF0ED;
    border-radius: 100rpx 100rpx 100rpx 100rpx;
}