confirmOrderOnly.wxss 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331
  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:50rpx 0 0 20rpx;
  108. }
  109. .goods_name{
  110. height: 84rpx;
  111. font-size: 24rpx;
  112. line-height: 30rpx;
  113. color: #272727;
  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,.goods_price{
  121. float: left;
  122. font-size: 24rpx;
  123. line-height: 30rpx;
  124. color: #646464;
  125. /* text-overflow: ellipsis;
  126. overflow: hidden;
  127. white-space: nowrap; */
  128. }
  129. .goods_price{
  130. color: #b4a078;
  131. width:100rpx;
  132. text-align: right;
  133. padding-right: 10rpx;
  134. }
  135. .goods_style{
  136. width: 220rpx;
  137. padding-right:20rpx;
  138. }
  139. .goods_num{
  140. width: 100rpx;
  141. }
  142. .infor_content{
  143. background-color: #fff;
  144. padding:0 30rpx;
  145. }
  146. .each_infor{
  147. height: 106rpx;
  148. font-size: 28rpx;
  149. line-height: 106rpx;
  150. color: #636363;
  151. }
  152. .checkbox{
  153. width: 300rpx;
  154. }
  155. checkbox .wx-checkbox-input {
  156. border:1px solid #b4a078;
  157. background-color:#fff;
  158. }
  159. checkbox.checkact .wx-checkbox-input{
  160. background-color:#b4a078;
  161. }
  162. .infor_title{
  163. float: left;
  164. }
  165. .infor_num{
  166. float: right;
  167. }
  168. .infor_num_coupon{
  169. color:#f2442d;
  170. }
  171. .borderBottom{
  172. border-bottom: 1px solid #f0f0f0;
  173. }
  174. .footer_total{
  175. width: 100%;
  176. height: 98rpx;
  177. background-color: #fff;
  178. border-top: 1rpx solid #e2e0e0;
  179. position: fixed;
  180. left: 0;
  181. bottom: 0;
  182. z-index: 10;
  183. overflow: hidden;
  184. }
  185. .footer_left{
  186. float: left;
  187. padding-left:31rpx;
  188. }
  189. .footer_right{
  190. float: right;
  191. width: 185rpx;
  192. height: 98rpx;
  193. font-size: 24rpx;
  194. line-height: 98rpx;
  195. color: #fff;
  196. text-align: center;
  197. background-color: #b4a078;
  198. }
  199. .footer_right_gray{
  200. background-color: #e2e2e2;
  201. }
  202. .footer_left_title,.footer_left_totaltit,.footer_left_coupon{
  203. display:block;
  204. float:left;
  205. font-size: 24rpx;
  206. line-height: 98rpx;
  207. color: #b4a078;
  208. }
  209. .footer_left_title{
  210. color: #2c2c2c;
  211. }
  212. .footer_left_totaltit{
  213. margin-top:6rpx;
  214. }
  215. .footer_left_total{
  216. display:block;
  217. float:left;
  218. font-family:Arial;
  219. font-size: 50rpx;
  220. line-height: 98rpx;
  221. color: #b4a078;
  222. }
  223. .footer_left_coupon{
  224. height: 24rpx;
  225. color: #878787;
  226. line-height: 24rpx;
  227. border-left:1px solid #878787;
  228. padding-left: 10rpx;
  229. margin:44rpx 0 0 10rpx;
  230. }
  231. /* 发票信息 */
  232. checkbox{
  233. transform:scale(.7);
  234. }
  235. .fapiao_infor{
  236. display: none;
  237. min-height: 106rpx;
  238. background-color: #fff;
  239. margin: 20rpx 0;
  240. }
  241. .show{
  242. display: block;
  243. }
  244. .fapiao_infor .infor_title{
  245. padding-left:5%;
  246. font-size:28rpx;
  247. line-height:106rpx;
  248. color:#666;
  249. }
  250. .fp_infor_cont{
  251. float: left;
  252. font-size: 30rpx;
  253. color: #353738;
  254. line-height: 36rpx;
  255. padding: 34rpx 0 34rpx 40rpx;
  256. }
  257. .add_invoice_wrap{
  258. position: relative;
  259. }
  260. .addInvoice{
  261. width:540rpx;
  262. height:106rpx;
  263. position:absolute;
  264. top:0;
  265. right:0;
  266. margin:0 38rpx 0 0;
  267. z-index:1;
  268. }
  269. .addInvoice image{
  270. width:15rpx;
  271. height:24rpx;
  272. position:absolute;
  273. top:50%;
  274. right:0;
  275. margin:-12rpx 0 0 0;
  276. z-index:2;
  277. }
  278. .service_navig{
  279. display: inline;
  280. font-size:28rpx;
  281. line-height:106rpx;
  282. color:#272727;
  283. }
  284. .modal_wrap{
  285. position: fixed;
  286. top:0;
  287. left:0;
  288. width: 100%;
  289. height: 100%;
  290. display: flex;
  291. justify-content: center;
  292. align-items: center;
  293. }
  294. .modal{
  295. font-size: 28rpx;
  296. color:#fff;
  297. padding:15rpx 20rpx;
  298. background-color: rgba(0,0,0,0.6);
  299. }
  300. .hidden{
  301. display: none;
  302. }
  303. .coupon_name{
  304. position: absolute;
  305. top:0;
  306. right:65rpx;
  307. }
  308. .modal_bg{
  309. width: 100%;
  310. height: 100%;
  311. position: fixed;
  312. top:0;
  313. left:0;
  314. z-index: 11;
  315. background-color: rgba(0,0,0,0.5);
  316. }
  317. .up_view{
  318. display: none;
  319. width: 100%;
  320. height: 100%;
  321. position: fixed;
  322. left: 0;
  323. top: 0;
  324. z-index: 20;
  325. }
  326. .up_view_show{
  327. display: block;
  328. }