.head{ width: 750rpx; height: 1386rpx; background-color: rgb(22, 28, 30); position: relative; .head-img{ width: 100%; height: 100%; background-color: rgb(22, 28, 30); position: absolute; top: 20rpx; left: 50%; transform: translateX(-50%); .card{ width: 690rpx; height: 286rpx; background: linear-gradient(128deg, #FFE9CD 0%, #F6C687 100%); border-radius: 24rpx 24rpx 0 0; margin: 0 auto; z-index: 12; image{ width: 192rpx; height: 68rpx; margin: 56rpx 0 20rpx 64rpx; } div{ font-size: 24rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #B4722E; line-height: 34rpx; margin-left: 70rpx; } .crown{ image{ width: 210rpx; height: 170rpx; margin: 38rpx; margin-right: 64rpx; } } } } .vip-crown{ width: 750rpx; height: 1334rpx; background: #FFFFFF; z-index: 15; border-top-left-radius: 40rpx; border-top-right-radius: 40rpx; position: absolute; top: 290rpx; .triangle{ border-top: 40rpx dashed rgb(250, 214, 167); border-left: 40rpx dashed #fff; border-right: 40rpx dashed #fff; border-bottom: 40rpx dashed #fff; } .vip-exclusive{ .vip{ font-size: 32rpx; font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600; color: #AF5901; line-height: 44rpx; margin: 0 18rpx; } .bos{ width: 48rpx; height: 6rpx; background: linear-gradient(270deg, #F7D8B0 0%, #F8F4F0 100%); } } } .img-one{ width: 654rpx; height: 104rpx; background: #FDF8F3; border-radius: 16rpx; margin: 0 auto; margin-top: 40rpx; image{ width: 40rpx; height: 40rpx; margin: 0 24rpx 0 32rpx; } div{ font-size: 28rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #AF5901; line-height: 40rpx; } } .img-two{ width: 654rpx; height: 104rpx; background: #FDF8F3; border-radius: 16rpx; margin: 0 auto; margin-top: 40rpx; image{ width: 40rpx; height: 40rpx; margin: 0 24rpx 0 32rpx; } div{ font-size: 28rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #AF5901; line-height: 40rpx; } } .vip-rule{ width: 654rpx; height: 80rpx; background: #FDF8F3; border-radius: 40rpx; font-size: 32rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #AF5901; line-height: 44rpx; position: absolute; bottom: 20rpx; left: 50%; transform: translateX(-50%); } }