style.scss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. /* 新人赠送优惠券 */
  2. .coupon-container{
  3. height:260upx;
  4. background-color: #fff;
  5. border-radius: 0 0 40upx 40upx;
  6. box-shadow: 0 5upx 30upx 0 rgba(153, 153, 153, 0.6);
  7. }
  8. /* 新人赠送优惠券 */
  9. /* 精品推荐 */
  10. .boutique{
  11. padding: 15upx 0 20upx;
  12. }
  13. .boutique-title{
  14. font-size: 32upx;
  15. color: #333;
  16. font-weight: bold;
  17. line-height: 40upx;
  18. margin: 0 15upx;
  19. }
  20. .boutique image{
  21. width: 78upx;
  22. height: 30upx;
  23. }
  24. /* 精品推荐 */
  25. /* 商品模块 */
  26. .shop-container{
  27. padding: 0 30upx;
  28. }
  29. .shop-item{
  30. width:100%;
  31. height: 1200upx;
  32. border-radius: 20upx;
  33. margin-top: 30upx;
  34. background-color: #fff;
  35. }
  36. .shop-item image{
  37. width: 100%;
  38. height: 100%;
  39. }
  40. .shop-item-header{
  41. top: 40upx;
  42. left: 40upx;
  43. }
  44. .shop-item-header-logo{
  45. width: 80upx !important;
  46. height: 80upx !important;
  47. margin-right: 14upx;
  48. }
  49. .shop-logo-header-title{
  50. font-size:30upx;
  51. margin-bottom: 7upx;
  52. }
  53. .shop-logo-header-title,.shop-logo-en-title{
  54. line-height: 30upx;
  55. }
  56. .shop-logo-en-title{
  57. font-size: 22upx;
  58. }
  59. .shop-item-info{
  60. top: 0;
  61. left: 0;
  62. right: 0;
  63. bottom: 0;
  64. padding-bottom: 70upx;
  65. color: #834611;
  66. }
  67. .shop-item-title{
  68. font-size: 36upx;
  69. margin-bottom: 2px;
  70. }
  71. .shop-item-price-group{
  72. font-size: 32upx;
  73. line-height: 56upx;
  74. letter-spacing: 8upx;
  75. }
  76. .shop-item-buy-button{
  77. width: 180upx;
  78. height: 60upx;
  79. background-color: #41AE3C;
  80. border-radius: 30upx;
  81. font-size: 28upx;
  82. line-height: 36upx;
  83. color: #fff;
  84. z-index: 999;
  85. margin-top: 25upx;
  86. }
  87. .shop-item-price-em{
  88. font-size: 30upx;
  89. position: relative;
  90. left:7upx;
  91. top: 4upx;
  92. }
  93. .shop-item-price{
  94. font-size: 46upx;
  95. letter-spacing: 4upx;
  96. position: relative;
  97. top: 2upx;
  98. left: 2upx;
  99. margin: 0 5upx;
  100. }
  101. /* 商品模块 */
  102. /* 更多商品 */
  103. .shop-button{
  104. margin: 34upx 0 37upx;
  105. width: 230upx;
  106. height: 56upx;
  107. background-color:#41AE3C;
  108. border-radius:28upx;
  109. font-size:26upx;
  110. color:#fff;
  111. line-height: 30upx;
  112. font-weight: 400;
  113. }
  114. .shop-button image{
  115. width: 32upx;
  116. height: 32upx;
  117. margin-left: 5upx;
  118. }
  119. /* 更多商品 */