.buyVip { position: fixed; z-index: 12; left: 0rpx; top: 0rpx; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.7); .modal { position: relative; width: 677rpx; height: 860rpx; margin: 120rpx auto 0rpx; border-radius: 20rpx; text-align: center; overflow: hidden; background-color: white; .header { width: 100%; height: 172rpx; background-image: linear-gradient(129deg, #F9D9BF 0%, #F6D0B2 45%, #F3C0A3 70%, #F1B998 100%); text-align: center; font-size: 36rpx; font-weight: bold; border-bottom-left-radius: 100rpx; border-bottom-right-radius: 100rpx; overflow: hidden; .h1 { margin: 24rpx 0rpx; } } .payBox { position: relative; margin: 46rpx auto 56rpx; width: 480rpx; height: 245rpx; border-radius: 20rpx; background: url(http://reader-wx.ai160.com/images/reader/v3/learn/SVIPpop.png); background-size: cover; -webkit-box-reflect: below 2rpx linear-gradient(to bottom, transparent 92%, rgba(0, 0, 0, 0.3)); /* .buyBtn { width: 254rpx; text-align: center; position: absolute; left: 90rpx; top: 156rpx; color: #39029B; font-size: 26rpx; font-weight: bold; letter-spacing: 2rpx; } */ } .payBox2 { background: url(http://reader-wx.ai160.com/images/reader/v3/learn/VIPpop.png); background-size: cover; -webkit-box-reflect: below 2rpx linear-gradient(to bottom, transparent 92%, rgba(0, 0, 0, 0.3)); } } .close { display: block; margin: 0 auto; padding: 40rpx; width: 54rpx; height: 54rpx; } }