index.less 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. .buyVip {
  2. position: fixed;
  3. z-index: 12;
  4. left: 0rpx;
  5. top: 0rpx;
  6. width: 100vw;
  7. height: 100vh;
  8. background: rgba(0, 0, 0, 0.7);
  9. .modal {
  10. position: relative;
  11. width: 677rpx;
  12. height: 860rpx;
  13. margin: 120rpx auto 0rpx;
  14. border-radius: 20rpx;
  15. text-align: center;
  16. overflow: hidden;
  17. background-color: white;
  18. .header {
  19. width: 100%;
  20. height: 172rpx;
  21. background-image: linear-gradient(129deg, #F9D9BF 0%, #F6D0B2 45%, #F3C0A3 70%, #F1B998 100%);
  22. text-align: center;
  23. font-size: 36rpx;
  24. font-weight: bold;
  25. border-bottom-left-radius: 100rpx;
  26. border-bottom-right-radius: 100rpx;
  27. overflow: hidden;
  28. .h1 {
  29. margin: 24rpx 0rpx;
  30. }
  31. }
  32. .payBox {
  33. position: relative;
  34. margin: 46rpx auto 56rpx;
  35. width: 480rpx;
  36. height: 245rpx;
  37. border-radius: 20rpx;
  38. background: url(http://reader-wx.ai160.com/images/reader/v3/learn/SVIPpop.png);
  39. background-size: cover;
  40. -webkit-box-reflect: below 2rpx linear-gradient(to bottom, transparent 92%, rgba(0, 0, 0, 0.3));
  41. /* .buyBtn {
  42. width: 254rpx;
  43. text-align: center;
  44. position: absolute;
  45. left: 90rpx;
  46. top: 156rpx;
  47. color: #39029B;
  48. font-size: 26rpx;
  49. font-weight: bold;
  50. letter-spacing: 2rpx;
  51. } */
  52. }
  53. .payBox2 {
  54. background: url(http://reader-wx.ai160.com/images/reader/v3/learn/VIPpop.png);
  55. background-size: cover;
  56. -webkit-box-reflect: below 2rpx linear-gradient(to bottom, transparent 92%, rgba(0, 0, 0, 0.3));
  57. }
  58. }
  59. .close {
  60. display: block;
  61. margin: 0 auto;
  62. padding: 40rpx;
  63. width: 54rpx;
  64. height: 54rpx;
  65. }
  66. }