receiveCard.wxss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. page {
  2. height: 100%;
  3. width: 100%;
  4. /* background: rgb(207, 63, 37); */
  5. }
  6. .container {
  7. text-align: center;
  8. /* margin: 20rpx; */
  9. padding:0 0 52rpx;
  10. }
  11. .receive-bg{
  12. background: url('https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/member-give-bg.png') no-repeat center top;
  13. background-size: 100% 100%;
  14. min-height: 100vh;
  15. padding-top:224rpx;
  16. }
  17. .arvator {
  18. width: 140rpx;
  19. height: 140rpx;
  20. border-radius: 50%;
  21. margin-top: -70rpx;
  22. }
  23. .recevie {
  24. margin: 0 50rpx;
  25. /* margin-top: 120rpx; */
  26. width: 650rpx;
  27. height: 714rpx;
  28. background: linear-gradient(198deg, #F8E5CA 0%, #FED3A8 69%);
  29. box-shadow: 3rpx 9rpx 35rpx 0rpx rgba(30, 4, 4, 0.25);
  30. border-radius: 40rpx;
  31. }
  32. .content {
  33. display: flex;
  34. flex-direction: column;
  35. }
  36. .name {
  37. font-size: 34rpx;
  38. height: 50rpx;
  39. font-weight: bold;
  40. color: #2E2E2E;
  41. margin:20rpx 0 6rpx;
  42. }
  43. .gift {
  44. height: 39px;
  45. font-size: 22px;
  46. font-weight: 400;
  47. color: #333;
  48. margin: 10rpx;
  49. }
  50. .content image {
  51. width: 360rpx;
  52. margin: 0 auto;
  53. }
  54. .btn {
  55. font-size: 36rpx;
  56. font-weight: bold;
  57. color: #fff;
  58. width: 478rpx;
  59. height: 90rpx;
  60. line-height: 90rpx;
  61. background: linear-gradient(178deg, #ED692F, #F7B361);
  62. box-shadow: 2rpx 6rpx 16rpx 0rpx rgba(71, 36, 16, 0.12);
  63. border-radius: 45rpx;
  64. margin-top:56rpx;
  65. }
  66. .des{
  67. margin-bottom: 30rpx;
  68. color: rgba(171, 171, 171, 1);
  69. }
  70. .title{
  71. font-size: 30px;
  72. line-height: 39rpx;
  73. font-weight: 400;
  74. color: #B67556;
  75. margin: 20rpx 0rpx;
  76. }
  77. .txt{
  78. font-size: 15px;
  79. font-weight: 400;
  80. color: rgba(46, 46, 46, 1);
  81. margin: 30rpx;
  82. }
  83. .bottom{
  84. /* z-index: -1; */
  85. /* position: fixed; */
  86. /* bottom: 0rpx; */
  87. width: 100%;
  88. height: 180rpx;
  89. /* background: #EECFB1; */
  90. text-align: center;
  91. padding-top: 20rpx;
  92. }
  93. .bottom text{
  94. height: 80rpx;
  95. line-height:80rpx;
  96. color: rgba(182, 117, 86, 1);
  97. }