.invite { background: linear-gradient(1deg, rgba(255, 255, 255, 0) 1%, rgba(255, 81, 42, 0.8) 100%); min-height: 100vh; position: relative; padding-bottom: 100rpx; } image { width: 100% !important; height: 100% !important; } .text { width: 362rpx; height: 105rpx; position: absolute; left: 45rpx; top: 140rpx; } .after { width: 185rpx; height: 381rpx; position: absolute; right: 51rpx; top: 120rpx; } .phb { width: 710rpx; margin: 0 auto; border-radius: 43rpx 43rpx 43rpx 43rpx; background: #FFFFFF; margin-top: 200rpx; 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; padding-right: 48rpx; } .pbhTit_40 { width: 40%; text-align: center; } .pbhTit_15 { width: 15%; text-align: center; } .phb_item { display: flex; align-items: center; justify-content: space-between; padding: 18rpx 0; padding-right: 48rpx; } .phb_item:nth-child(2n + 1) { background: #FFF0ED; border-radius: 100rpx 100rpx 100rpx 100rpx; }