detail-vip.wxss 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. @charset "UTF-8";
  2. .text-center.data-v-b77264c0 {
  3. text-align: center;
  4. }
  5. .font-weight.data-v-b77264c0 {
  6. font-weight: bold;
  7. }
  8. .page-width.data-v-b77264c0 {
  9. width: 100%;
  10. }
  11. .goods-hover-class.data-v-b77264c0 {
  12. opacity: .9;
  13. background-color: #f7f7f7;
  14. }
  15. .background-image.data-v-b77264c0 {
  16. background-repeat: no-repeat;
  17. background-size: 100% 100%;
  18. background-position: center;
  19. }
  20. /*全局文字大小*/
  21. /* 屏幕宽度*/
  22. page.data-v-b77264c0 {
  23. font-size: 32rpx;
  24. background: #f7f7f7;
  25. }
  26. .page-width.data-v-b77264c0 {
  27. width: 100%;
  28. }
  29. .u-hover-class.data-v-b77264c0 {
  30. opacity: .9;
  31. background-color: #f7f7f7;
  32. }
  33. .safe-area-inset-bottom.data-v-b77264c0 {
  34. padding-bottom: 0;
  35. padding-bottom: constant(safe-area-inset-bottom);
  36. padding-bottom: env(safe-area-inset-bottom);
  37. }
  38. .detail-vip.data-v-b77264c0 {
  39. position: relative;
  40. width: 750rpx;
  41. height: 120rpx;
  42. padding: 0 24rpx;
  43. background-color: #ffffff;
  44. }
  45. .detail-vip .bg.data-v-b77264c0 {
  46. width: 100%;
  47. height: 120rpx;
  48. border-radius: 14rpx;
  49. }
  50. .detail-vip .content.data-v-b77264c0 {
  51. position: absolute;
  52. top: 0;
  53. left: 24rpx;
  54. width: calc(100% - 48rpx);
  55. height: 120rpx;
  56. }
  57. .detail-vip .item.data-v-b77264c0 {
  58. height: 100%;
  59. }
  60. .detail-vip .item .icon.data-v-b77264c0 {
  61. width: 60rpx;
  62. height: 60rpx;
  63. margin: 36rpx 0 0 26rpx;
  64. }
  65. .detail-vip .item .text.data-v-b77264c0 {
  66. color: #e9ceb9;
  67. }
  68. .detail-vip .item .big.data-v-b77264c0 {
  69. font-size: 26rpx;
  70. line-height: 1;
  71. margin-top: 30rpx;
  72. margin-bottom: 12rpx;
  73. word-break: break-all;
  74. text-overflow: ellipsis;
  75. display: -webkit-box;
  76. -webkit-box-orient: vertical;
  77. -webkit-line-clamp: 1;
  78. overflow: hidden;
  79. white-space: normal;
  80. }
  81. .detail-vip .item .small.data-v-b77264c0 {
  82. font-size: 21rpx;
  83. line-height: 1;
  84. }
  85. .detail-vip .item.icon.data-v-b77264c0 {
  86. width: 115rpx;
  87. }
  88. .detail-vip .item.text.data-v-b77264c0 {
  89. width: 417rpx;
  90. }
  91. .detail-vip .item.button.data-v-b77264c0 {
  92. width: 170rpx;
  93. }
  94. .detail-vip .item.button .button.data-v-b77264c0 {
  95. width: 120rpx;
  96. height: 48rpx;
  97. text-align: center;
  98. border-radius: 24rpx;
  99. background: -webkit-linear-gradient(left, #fbdec8, #f3be94);
  100. background: linear-gradient(to right, #fbdec8, #f3be94);
  101. font-size: 24rpx;
  102. line-height: 2;
  103. color: #342e25;
  104. margin-top: 36rpx;
  105. }