index.wxss 1.7 KB

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