confirmOrder.wxss 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325
  1. page{
  2. background:#f9f9f9;
  3. }
  4. .container{
  5. padding-bottom:106rpx;
  6. }
  7. .addr{
  8. height:auto;
  9. background:#fff;
  10. position:relative;
  11. }
  12. .address_bg{
  13. width:100%;
  14. height:7rpx;
  15. position: absolute;
  16. left:0;
  17. bottom:-1rpx;
  18. }
  19. /* 无收货地址 */
  20. .no_address{
  21. vertical-align: middle;
  22. }
  23. .address_add_img{
  24. display: block;
  25. float: left;
  26. width:62rpx;
  27. height:62rpx;
  28. margin:44rpx 0 0 23rpx;
  29. }
  30. .address_title{
  31. display:block;
  32. float: left;
  33. padding-left:30rpx;
  34. font-size: 36rpx;
  35. line-height:150rpx;
  36. color: #333;
  37. margin-top:0;
  38. }
  39. /* 有收货地址 */
  40. .have_address{
  41. padding:0 38rpx ;
  42. }
  43. .address_logo{
  44. width: 38rpx;
  45. height: 60rpx;
  46. position: absolute;
  47. top: 50%;
  48. left: 38rpx;
  49. margin: -30rpx 0 0 0;
  50. }
  51. .address_top{
  52. font-size: 36rpx;
  53. color: #232323;
  54. padding:54rpx 0 26rpx 0;
  55. }
  56. .address_left{
  57. width:530rpx;
  58. padding-left:72rpx;
  59. }
  60. .phone{
  61. float: right;
  62. }
  63. .zip{
  64. font-size:24rpx;
  65. color:#969696;
  66. padding-bottom:40rpx;
  67. }
  68. .address_edit_img{
  69. width: 16rpx;
  70. height: 30rpx;
  71. position: absolute;
  72. top:50%;
  73. right: 0;
  74. margin:-12rpx 38rpx 0 0;
  75. }
  76. .youhuijuan_title{
  77. padding-left: 30rpx;
  78. height: 100rpx;
  79. font-size: 24rpx;
  80. line-height: 100rpx;
  81. color:#232323;
  82. background-color: #fff;
  83. position: relative;
  84. }
  85. .double_line{
  86. margin-bottom: 15rpx;
  87. }
  88. /* 商品信息 */
  89. .goods_infor{
  90. padding:0 32rpx 0 0;
  91. background-color: #fff;
  92. border-bottom:1px solid #dedede;
  93. }
  94. .each_goods{
  95. min-height: 212rpx;
  96. margin-bottom:14rpx;
  97. }
  98. .goods_img{
  99. float: left;
  100. display: block;
  101. width: 214rpx;
  102. height: 234rpx;
  103. }
  104. .goods_cont{
  105. float: left;
  106. width: 450rpx;
  107. margin:36rpx 0 0 20rpx;
  108. }
  109. .goods_name{
  110. height: 94rpx;
  111. font-size: 24rpx;
  112. line-height: 50rpx;
  113. color: #262626;
  114. text-overflow: ellipsis;
  115. overflow: hidden;
  116. display: -webkit-box;
  117. -webkit-line-clamp: 2;
  118. -webkit-box-orient: vertical;
  119. }
  120. .goods_style,.goods_num{
  121. float: left;
  122. font-size: 24rpx;
  123. line-height: 30rpx;
  124. color: #616161;
  125. /* text-overflow: ellipsis;
  126. overflow: hidden;
  127. white-space: nowrap; */
  128. }
  129. .goods_price{
  130. font-size: 24rpx;
  131. line-height: 30rpx;
  132. color: #e60012;
  133. text-align: left;
  134. padding: 0 0 14rpx 0;
  135. }
  136. .goods_price text{
  137. font-size: 50rpx;
  138. }
  139. .goods_style{
  140. width: 340rpx;
  141. padding-right:10rpx;
  142. }
  143. .goods_num{
  144. width: 100rpx;
  145. text-align: right;
  146. }
  147. .infor_content{
  148. background-color: #fff;
  149. padding:0 30rpx;
  150. }
  151. .each_infor{
  152. height: 106rpx;
  153. font-size: 28rpx;
  154. line-height: 106rpx;
  155. color: #636363;
  156. }
  157. .checkbox{
  158. width: 300rpx;
  159. }
  160. checkbox .wx-checkbox-input {
  161. border:1px solid #e60012;
  162. background-color:#fff;
  163. }
  164. checkbox.checkact .wx-checkbox-input{
  165. background-color:#e60012;
  166. }
  167. .infor_title{
  168. float: left;
  169. }
  170. .infor_num{
  171. float: right;
  172. }
  173. .infor_num_coupon{
  174. color:#f2442d;
  175. }
  176. .borderBottom{
  177. border-bottom: 1px solid #f0f0f0;
  178. }
  179. .footer_total{
  180. width: 100%;
  181. height: 98rpx;
  182. background-color: #fff;
  183. border-top: 1rpx solid #e2e0e0;
  184. position: fixed;
  185. left: 0;
  186. bottom: 0;
  187. z-index: 10;
  188. overflow: hidden;
  189. }
  190. .footer_left{
  191. float: left;
  192. padding-left:31rpx;
  193. }
  194. .footer_right{
  195. float: right;
  196. width: 185rpx;
  197. height: 98rpx;
  198. font-size: 24rpx;
  199. line-height: 98rpx;
  200. color: #fff;
  201. text-align: center;
  202. background-color: #e60012;
  203. }
  204. .footer_right_gray{
  205. background-color: #e2e2e2;
  206. }
  207. .footer_left_title,.footer_left_totaltit,.footer_left_coupon{
  208. display:block;
  209. float:left;
  210. font-size: 24rpx;
  211. line-height: 98rpx;
  212. color: #e60012;
  213. }
  214. .footer_left_title{
  215. color: #2c2c2c;
  216. }
  217. .footer_left_totaltit{
  218. margin-top:6rpx;
  219. }
  220. .footer_left_total{
  221. display:block;
  222. float:left;
  223. font-family:Arial;
  224. font-size: 50rpx;
  225. line-height: 98rpx;
  226. color: #e60012;
  227. }
  228. .footer_left_coupon{
  229. height: 24rpx;
  230. color: #878787;
  231. line-height: 24rpx;
  232. border-left:1px solid #878787;
  233. padding-left: 10rpx;
  234. margin:44rpx 0 0 10rpx;
  235. }
  236. /* 发票信息 */
  237. checkbox{
  238. transform:scale(.7);
  239. }
  240. .fapiao_infor{
  241. display: none;
  242. min-height: 106rpx;
  243. background-color: #fff;
  244. margin: 20rpx 0;
  245. }
  246. .show{
  247. display: block;
  248. }
  249. .fapiao_infor .infor_title{
  250. padding-left:5%;
  251. font-size:28rpx;
  252. line-height:106rpx;
  253. color:#666;
  254. }
  255. .fp_infor_cont{
  256. float: left;
  257. font-size: 30rpx;
  258. color: #353738;
  259. line-height: 36rpx;
  260. padding: 34rpx 0 34rpx 40rpx;
  261. }
  262. .add_invoice_wrap{
  263. position: relative;
  264. }
  265. .addInvoice{
  266. width:540rpx;
  267. height:106rpx;
  268. position:absolute;
  269. top:0;
  270. right:0;
  271. margin:0 38rpx 0 0;
  272. z-index:1;
  273. }
  274. .addInvoice image{
  275. width:15rpx;
  276. height:24rpx;
  277. position:absolute;
  278. top:50%;
  279. right:0;
  280. margin:-12rpx 0 0 0;
  281. z-index:2;
  282. }
  283. .service_navig{
  284. display: inline;
  285. font-size:28rpx;
  286. line-height:106rpx;
  287. color:#272727;
  288. }
  289. .modal_wrap{
  290. position: fixed;
  291. top:0;
  292. left:0;
  293. width: 100%;
  294. height: 100%;
  295. display: flex;
  296. justify-content: center;
  297. align-items: center;
  298. }
  299. .modal{
  300. max-width: 600rpx;
  301. font-size: 28rpx;
  302. color:#fff;
  303. padding:15rpx 20rpx;
  304. background-color: rgba(0,0,0,0.6);
  305. }
  306. .hidden{
  307. display: none;
  308. }
  309. .coupon_name{
  310. position: absolute;
  311. top:0;
  312. right:65rpx;
  313. }
  314. .modal_bg{
  315. width: 100%;
  316. height: 100%;
  317. position: fixed;
  318. top:0;
  319. left:0;
  320. z-index: 11;
  321. background-color: rgba(0,0,0,0.5);
  322. }