/* 水平间距 */ /* 水平间距 */ .container.data-v-93207a4f { position: relative; display: flex; box-sizing: border-box; padding-top: 162rpx; height: 100%; color: #001713; background-color: #fff; overflow: hidden; } .container .title.data-v-93207a4f { position: absolute; left: 314rpx; font-size: 40rpx; } .container .content.data-v-93207a4f { box-sizing: border-box; padding: 30rpx; height: calc(100vh - 246rpx); color: #001713; overflow-y: auto; } .container .content .order_box.data-v-93207a4f { margin-bottom: 20rpx; box-sizing: border-box; padding: 40rpx 20rpx; box-shadow: 0px 3px 6px #ccc; /* 二维码弹框样式 */ } .container .content .order_box .box_top.data-v-93207a4f { display: flex; align-items: center; justify-content: space-between; font-size: 28rpx; color: #ff8205; } .container .content .order_box .box_top .top_left.data-v-93207a4f { display: flex; align-items: center; } .container .content .order_box .box_top .top_left .left_img.data-v-93207a4f { margin-right: 12rpx; width: 32rpx; height: 32rpx; } .container .content .order_box .box_top .top_status.data-v-93207a4f { font-size: 32rpx; } .container .content .order_box .box_top .red.data-v-93207a4f { color: #dc2626; } .container .content .order_box .box_top .gray.data-v-93207a4f { color: #707070; } .container .content .order_box .box_center.data-v-93207a4f { display: flex; align-items: center; margin-top: 40rpx; font-weight: bold; } .container .content .order_box .box_center .center_img.data-v-93207a4f { width: 14rpx; height: 88rpx; } .container .content .order_box .box_center .center_text.data-v-93207a4f { margin-left: 16rpx; } .container .content .order_box .box_center .center_text .text_start.data-v-93207a4f { margin-top: -8rpx; width: 480rpx; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .container .content .order_box .box_center .center_text .app.data-v-93207a4f { margin-top: 1px; } .container .content .order_box .box_center .center_text .text_end.data-v-93207a4f { margin-top: 30rpx; width: 480rpx; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .container .content .order_box .box_center .center_price.data-v-93207a4f { margin-left: auto; font-size: 24rpx; color: #dc2626; } .container .content .order_box .box_center .center_price .text.data-v-93207a4f { font-size: 36rpx; } .container .content .order_box .box_bottom.data-v-93207a4f { display: flex; align-items: flex-end; justify-content: space-between; margin-top: 8rpx; font-size: 24rpx; color: #aba6a6; } .container .content .order_box .box_bottom .bottom_btns.data-v-93207a4f { display: flex; align-items: center; } .container .content .order_box .box_bottom .bottom_btns .btn_item.data-v-93207a4f { display: flex; align-items: center; justify-content: center; padding: 0 15rpx; margin-left: 10rpx; height: 50rpx; font-size: 24rpx; border-radius: 32rpx; border: 2rpx solid #aba6a6; } .container .content .order_box .box_bottom .bottom_btns .pay.data-v-93207a4f { color: #ff8205; border: 2rpx solid #ff8205; } .container .content .order_box .box_bottom .bottom_btns .hexiao.data-v-93207a4f { background-color: #FF8205; border: 2rpx solid #ff8205; color: #fff; } .container .content .order_box .box_bottom .bottom_btns .cancel.data-v-93207a4f { color: #fff; background-color: #ff8205; } .container .content .order_box .qr-dialog.data-v-93207a4f { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 999; } .container .content .order_box .dialog-content.data-v-93207a4f { width: 600rpx; background: #fff; border-radius: 16rpx; padding: 40rpx; text-align: center; } .container .content .order_box .qr-img.data-v-93207a4f { width: 400rpx; margin-bottom: 20rpx; } .container .content .order_box .dialog-tip.data-v-93207a4f { display: block; margin-bottom: 30rpx; color: #666; } .container .content .order_box .close-btn.data-v-93207a4f { background: #ff7a00; color: #fff; border-radius: 8rpx; } .pop_pay.data-v-93207a4f { height: 566rpx; color: #001713; font-size: 28rpx; } .pop_pay .pay_title.data-v-93207a4f { display: flex; align-items: center; justify-content: center; height: 80rpx; font-size: 32rpx; border-bottom: 18rpx solid #ff8205; } .pop_pay .pay_close.data-v-93207a4f { position: absolute; top: 24rpx; right: 42rpx; } .pop_pay .pay_list.data-v-93207a4f { box-sizing: border-box; padding: 55rpx 0; display: flex; flex-direction: column; justify-content: space-between; height: 265rpx; } .pop_pay .pay_list .list_item.data-v-93207a4f { display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 0 32rpx 0 46rpx; } .pop_pay .pay_list .list_item .item_left.data-v-93207a4f { display: flex; align-items: center; } .pop_pay .pay_list .list_item .item_left .img.data-v-93207a4f { margin-right: 26rpx; width: 54rpx; height: 54rpx; } .pop_pay .pay_btn.data-v-93207a4f { display: flex; align-items: center; justify-content: center; margin: auto; width: 720rpx; height: 94rpx; font-size: 36rpx; color: #fff; border-radius: 50rpx; background-color: #ff8205; }