userTui.wxss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. /*我的推广*/
  2. .my-promotion .header {
  3. position: relative;
  4. width: 100%;
  5. height: 375rpx;
  6. }
  7. .my-promotion .header .bg {
  8. position: absolute;
  9. width: 100%;
  10. height: 375rpx;
  11. }
  12. .my-promotion .header .name {
  13. font-size: 30rpx;
  14. color: #fff;
  15. padding-top: 57rpx;
  16. position: relative;
  17. }
  18. .my-promotion .header .name .record {
  19. font-size: 26rpx;
  20. color: rgba(255, 255, 255, 0.8);
  21. position: absolute;
  22. right: 20rpx;
  23. }
  24. .my-promotion .header .name .record .iconfont {
  25. font-size: 25rpx;
  26. margin-left: 10rpx;
  27. }
  28. .my-promotion .header .num {
  29. position: relative;
  30. text-align: center;
  31. color: #fff;
  32. font-size: 90rpx;
  33. font-family: 'GuildfordProBook 5';
  34. }
  35. .my-promotion .header .profit {
  36. position: relative;
  37. padding: 0 20rpx;
  38. margin-top: 33rpx;
  39. font-size: 24rpx;
  40. color: rgba(255, 255, 255, 0.8);
  41. }
  42. .my-promotion .header .profit .item {
  43. min-width: 200rpx;
  44. text-align: center;
  45. }
  46. .my-promotion .header .profit .item .money {
  47. font-size: 34rpx;
  48. color: #fff;
  49. }
  50. .my-promotion .bnt {
  51. font-size: 28rpx;
  52. color: #fff;
  53. width: 258rpx;
  54. height: 68rpx;
  55. border-radius: 50rpx;
  56. text-align: center;
  57. line-height: 68rpx;
  58. margin: -32rpx auto 0 auto;
  59. }
  60. .my-promotion .list {
  61. padding: 0 20rpx;
  62. margin-top: 10rpx;
  63. }
  64. .my-promotion .list .item {
  65. width: 345rpx;
  66. height: 240rpx;
  67. border-radius: 20rpx;
  68. background-color: #fff;
  69. margin-top: 20rpx;
  70. font-size: 30rpx;
  71. color: #666;
  72. }
  73. .my-promotion .list .item .icon {
  74. width: 80rpx;
  75. height: 80rpx;
  76. margin-bottom: 10rpx;
  77. }