confirmOrder.wxss 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
  1. /* pages/confirmOrder/confirmOrder.wxss */
  2. .check_order {
  3. padding-bottom: 134rpx;
  4. }
  5. .address_wrap {
  6. display: -webkit-flex;
  7. display: flex;
  8. align-items: center;
  9. font-size: 24rpx;
  10. color: #333;
  11. background: #fff;
  12. flex-wrap: wrap;
  13. padding: 16rpx 100rpx 16rpx 0;
  14. }
  15. .address_none {
  16. display: -webkit-flex;
  17. display: flex;
  18. align-items: center;
  19. justify-content: center;
  20. color:#333;
  21. padding: 50rpx 0;
  22. background: #fff;
  23. font-size: 26rpx;
  24. }
  25. .adress-icon {
  26. display: block;
  27. width: 34rpx;
  28. height: 42rpx;
  29. margin: 0 20rpx 0 30rpx;
  30. }
  31. .see_ensure_desc {
  32. width: 16rpx;
  33. height: 30rpx;
  34. position: absolute;
  35. right: 30rpx;
  36. }
  37. .payment_method {
  38. display: -webkit-flex;
  39. display: flex;
  40. align-items: center;
  41. /* justify-content: space-between; */
  42. font-size: 30rpx;
  43. padding: 25rpx 30rpx;
  44. background: #fff;
  45. }
  46. .bonus_pay_icon {
  47. width: 34rpx;
  48. height: 42rpx;
  49. }
  50. .wx_pay_icon {
  51. width: 40rpx;
  52. height: 40rpx;
  53. }
  54. .payment-1px-b {
  55. position: relative;
  56. }
  57. .payment-1px-b::after {
  58. content: " ";
  59. position: absolute;
  60. left: 0;
  61. bottom: 0;
  62. right: 0;
  63. height: 1px;
  64. border-bottom: 1px solid #d9d9d9;
  65. color: #d9d9d9;
  66. -webkit-transform-origin: 0 100%;
  67. transform-origin: 0 100%;
  68. -webkit-transform: scaleY(0.5);
  69. transform: scaleY(0.5);
  70. }
  71. .order_goods_content {
  72. position: relative;
  73. display: -webkit-flex;
  74. display: flex;
  75. align-items: center;
  76. padding: 30rpx;
  77. }
  78. .order_content_img {
  79. display: block;
  80. /* -webkit-flex: 0 0 33.3333%; */
  81. /* flex: 0 0 33.3333%; */
  82. width: 160rpx;
  83. height: 160rpx;
  84. flex-shrink: 0;
  85. }
  86. .order_content_middle {
  87. /* -webkit-flex: 0 0 60%;
  88. flex: 0 0 60%; */
  89. flex: 1;
  90. padding-left: 20rpx;
  91. font-size: 30rpx;
  92. color: #333;
  93. }
  94. .order_letter_pro {
  95. margin: 6rpx 0 30rpx;
  96. font-size: 24rpx;
  97. color: #666;
  98. }
  99. .order_content_nums {
  100. position: absolute;
  101. right: 30rpx;
  102. bottom: 36rpx;
  103. font-weight: bold;
  104. font-size: 24rpx;
  105. color: #333333;
  106. }
  107. .packet_price-tips {
  108. padding: 20rpx 0 20rpx 30rpx;
  109. color: #a7a7a7;
  110. font-size: 24rpx;
  111. }
  112. .order_entry {
  113. padding: 30rpx;
  114. background: #fff;
  115. font-size: 24rpx;
  116. }
  117. .expenses_info {
  118. display: -webkit-flex;
  119. display: flex;
  120. align-items: center;
  121. justify-content: space-between;
  122. height: 50rpx;
  123. }
  124. .bonus_bg {
  125. background: #f2bb11;
  126. padding: 5rpx;
  127. margin-right: 5rpx;
  128. }
  129. .bonus_rate {
  130. border: 1px dashed #fff;
  131. }
  132. .order_pay {
  133. position: fixed;
  134. bottom: 0;
  135. left: 0;
  136. right: 0;
  137. z-index: 99;
  138. }
  139. .default_address {
  140. font-size: 18rpx;
  141. background: #ffeab8;
  142. color: #f2bc73;
  143. height: 40rpx;
  144. line-height: 40rpx;
  145. padding-left: 30rpx;
  146. }
  147. .just_buy {
  148. display: -webkit-flex;
  149. display: flex;
  150. align-items: center;
  151. justify-content: center;
  152. text-align: center;
  153. line-height: 94rpx;
  154. font-size: 30rpx;
  155. background: #fff;
  156. }
  157. .just_buy_left {
  158. -webkit-flex: 0 0 67%;
  159. flex: 0 0 67%;
  160. font-size: 30rpx;
  161. }
  162. .just_buy_right {
  163. -webkit-flex: 0 0 33%;
  164. flex: 0 0 33%;
  165. font-size: 30rpx;
  166. color: #fff;
  167. background: #2b2b2b;
  168. }