girlsDayInfo.wxss 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. /* pages/girslDayInfo/girlsDayInfo.wxss */
  2. .container{
  3. background-color: #fff;
  4. }
  5. .girlsday_info_top{
  6. display: block;
  7. width: 100%;
  8. }
  9. .girlsday_info_title_1{
  10. display: block;
  11. width: 298rpx;
  12. margin: 0 auto;
  13. }
  14. .goods_wrap_1{
  15. width: 640rpx;
  16. height: 290rpx;
  17. border: 2px solid #f2bccb;
  18. border-radius: 6px;
  19. margin: 10rpx auto;
  20. position: relative;
  21. background-color: #fff;
  22. }
  23. .girlsday_info_goods_1{
  24. float: left;
  25. width: 300rpx;
  26. }
  27. .girlsday_info_goods_right{
  28. float: left;
  29. width: 310rpx;
  30. }
  31. .goods_name{
  32. font-size: 20rpx;
  33. color: #000;
  34. padding: 43rpx 0 18rpx;
  35. }
  36. .goods_lod_price{
  37. display: block;
  38. font-size: 20rpx;
  39. color: #898989;
  40. padding:0 0 10rpx 0;
  41. text-decoration: line-through;
  42. }
  43. .goods_new_price{
  44. font-size: 20rpx;
  45. font-weight: bold;
  46. color: #e05e81;
  47. }
  48. .goods_new_price_num{
  49. font-size: 30rpx;
  50. }
  51. .buy_btn{
  52. width: 170rpx;
  53. height: 46rpx;
  54. font-size: 26rpx;
  55. line-height: 46rpx;
  56. text-align: center;
  57. color: #fff;
  58. background-color: #fea89d;
  59. cursor: pointer;
  60. border-radius: 20px;
  61. margin: 36rpx 0 0 0;
  62. }
  63. .goods_1_right{
  64. width: 150rpx;
  65. height: 126rpx;
  66. position: absolute;
  67. top: 190rpx;
  68. right: -54rpx;
  69. z-index: 1;
  70. }
  71. /* each */
  72. .goods_each_wrap{
  73. display: block;
  74. margin: 0 auto;
  75. text-align: center;
  76. font-size: 0px;
  77. }
  78. .goods_each_cont{
  79. display: inline-block;
  80. font-size: 0;
  81. }
  82. .goods_each{
  83. display: block;
  84. float: left;
  85. width: 196rpx;
  86. border: 2px solid #f4c8d4;
  87. border-radius:6px;
  88. margin: 24rpx 10rpx 50rpx;
  89. padding: 0 0 20rpx 0;
  90. background-color: #fff;
  91. }
  92. .goods_each_img{
  93. display: block;
  94. width: 196rpx;
  95. height: 194rpx;
  96. }
  97. .goods_each_title{
  98. width: 170rpx;
  99. height: 44rpx;
  100. font-size: 16rpx;
  101. line-height: 22rpx;
  102. color: #000;
  103. text-align: center;
  104. margin: 0 auto 6rpx;
  105. }
  106. .goods_each_price{
  107. font-size: 16rpx;
  108. color: #fda599;
  109. text-align: center;
  110. }
  111. .goods_each_price_num{
  112. font-size: 20rpx;
  113. font-weight: bold;
  114. }
  115. /* footer goods */
  116. .goods_footer_wrap{
  117. position: relative;
  118. }
  119. .goods_wrap_2{
  120. border: 2px solid #fff;
  121. }
  122. .goods_footer_bg{
  123. display: block;
  124. width: 100%;
  125. height: 840rpx;
  126. position: absolute;
  127. top: 0;
  128. left: 0;
  129. z-index: 1;
  130. }
  131. .goods_footer_cont{
  132. position: relative;
  133. z-index: 2;
  134. }
  135. .goods_each_2{
  136. border: 2px solid #fff;
  137. }
  138. .goods_new_price_2{
  139. color: #fda69b;
  140. }
  141. .goods_name_2{
  142. padding: 43rpx 0 18rpx;
  143. }