body,html{ width:100%; height:100%; background: #F5F6FA; } .people_info{ width:6.86rem; height:1.58rem; border-radius: 0.2rem; background: #fff; margin: 0 auto; margin-top: 0.16rem; padding: 0.3rem 0 0.39rem 0.33rem; box-shadow:5px 0px 10px rgba(0,0,0,0.05); } .people_info_list{ display:flex; } .people_name{ color:#1A1A1A; font-size: 0.26rem; } .people_phone{ color:#1A1A1A; font-size: 0.26rem; margin-left: 0.27rem; } .people_place { font-size: 0.26rem; color:#1A1A1A } .row{ width:6rem; text-align: right; color:#CCCCCC; font-size: 0.26rem; } /*订单信息*/ .order_info{ width:6.86rem; margin: 0 auto; background: #fff; border-radius:0.2rem; box-shadow:5px 0px 10px rgba(0,0,0,0.05); margin-top: 0.16rem; padding: 0.35rem 0.32rem; } /*订单信息*/ .orderinfo{ font-size: 0.3rem; color:#26363A; font-weight: bold; } .orderlist{ display:flex; margin-top: 0.37rem; } .order_img{ width:1.28rem; height:1.28rem; } .order_img img{ width:100%; } .good_list{ width:4.5rem; margin-left: 0.3rem; } .good_name{ width:4.5rem; color:#1A1A1A; font-size: 0.26rem; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .good_tast{ display:flex; justify-content: space-between; align-items: center; margin-top: 0.16rem; } .good_kilo{ width:4.5rem; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color:#666666; font-size: 0.26rem; } .good_num{ color:#666666; font-size: 0.26rem; } .people{ display:flex; justify-content: space-between; align-items: center; margin-top: 0.14rem; } .peoplecoupon{ color:#FF0000; font-size: 0.24rem; width:4.5rem; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .people_price{ color:#FF0000; font-size: 0.28rem; } /*购买数量*/ .dispatch{ width:6.68rem; height:1.92rem; margin: 0 auto; background: #fff; border-radius: 0.2rem; margin-top: 0.16rem; box-shadow:5px 0px 10px rgba(0,0,0,0.05); } .dispatch{ padding: 0.36rem 0.32rem; } .dispatch_num{ display:flex; justify-content: space-between; align-items: center; } .buy_num,.num,.type,.type_name{ font-size: 0.26rem; color:#1A1A1A; } .dispatch_type{ display:flex; justify-content: space-between; align-items: center; margin-top: 0.43rem; } .payment_type{ width:6.86rem; height:4rem; margin: 0 auto; background: #fff; border-radius: 0.2rem; box-shadow:5px 0px 10px rgba(0,0,0,0.05); margin-top: 0.16rem; padding: 0.35rem 0.3rem 0.46rem 0.35rem; } .pay_type{ color:#26363A; font-size: 0.3rem; font-weight: bold; } .pay_line{ width:6rem; border-bottom: 1px solid #f5f5f5; margin-top: 0.36rem; } .pay_type_list{ display:flex; justify-content: space-between; align-items: center; margin-top:0.47rem; } .pay_name{ color:#1A1A1A; font-size: 0.26rem; } /*合计*/ .total{ width:6.86rem; height:0.96rem; margin:0 auto; border-radius: 0.2rem; background: #fff; margin-top: 0.16rem; padding: 0.36rem 0.35rem 0.31rem 0.31rem; } .totalcalcute{ display:flex; justify-content: space-between; align-items: center; } .totalsum{ color:#1A1A1A; font-size: 0.26rem; } .totalmoney{ color:#FF0000; font-size: 0.26rem; } /*买家留言*/ .buymessage{ width:6.86rem; margin: 0 auto; height:3.2rem; background: #fff; border-radius: 0.3rem; box-shadow:5px 0px 10px rgba(0,0,0,0.05); margin-top: 0.16rem; padding: 0.35rem ; margin-bottom: 1.2rem; } .buysend{ color:#26363A; font-size: 0.3rem; font-weight: bold; } .message{ width:6.2rem; height:1.3rem; border:none; outline:none; border-radius: 0.2rem; margin-top: 0.36rem; padding-left: 0.05rem; color:#1A1A1A; font-size: 0.26rem; line-height: 0.4rem; } .foot{ display:flex; width:7.5rem; height:1rem; background: #fff; position: fixed; bottom:0; left:0; right:0; } .buytotal{ width:5rem; display:flex; align-items: center; } .buy_total_price{ color:#666666; font-size: 0.24rem; margin-left: 0.41rem; } .buy_total_money{ color:#BA1B2B; font-size:0.3rem ; font-weight: bold; margin-left: 0.2rem; } .payorder{ width:2.5rem; height:1rem; background: #BA1B2B; color:#fff; font-size: 0.32rem; text-align: center; line-height:1rem ; } .icon-xuanzhong{ color:#FF0000; } /*遮罩层*/ .wrapper{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position:fixed; top:0; left:0; right:0; z-index: 5; } .pop{ width:5.2rem; height:3.61rem; background: #ffffff; border-radius: 10px; position: absolute; z-index: 6; /*left:0.4rem;*/ /*top: 3rem;*/ top:50%; left:50%; transform: translate(-50%,-50%); display: flex; flex-direction: column; align-items: center; overflow: hidden; padding-top: 0.36rem; padding-bottom: 0.27rem; } .weixin{ color:#1A1A1A; font-size: 0.28rem; margin: 0 auto; } .buy_order_money{ width:4.6rem; display:flex; justify-content:space-between; align-items: center; padding: 0.36rem 0; border-bottom: 1px solid #f5f5f5; } .buyorder{ color:#1A1A1A; font-size: 0.28rem; } .ordermoney{ display:flex; justify-content: space-between; align-items: center; } .buyorder,.ordermoney{ color:#1A1A1A; font-size: 0.28rem; } .integrate{ color:#1A1A1A; font-size: 0.28rem; } .surepay{ color:#FF0000; font-size: 0.32rem; margin-top: 0.38rem; } .reduce,.add{ width:0.44rem; height:0.44rem; border:0.01rem solid #f5f5f5; text-align: center; line-height: 0.44rem; } .reduce{ border-right: 0; } .add{ border-left: 0; } .reduce img,.add img{ width:60%; height:60%; } .money_num{ width:1.2rem; height:0.44rem; border:0.01rem solid #f5f5f5; text-align: center; line-height: 0.44rem; } /*确认支付遮罩层*/ .paywrapper{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position:fixed; top:0; left:0; right:0; z-index: 5; } .paypop{ width:5.2rem; height:3rem; background: #ffffff; border-radius: 10px; position: absolute; z-index: 6; /*left:0.4rem;*/ /*top: 3rem;*/ top:50%; left:50%; transform: translate(-50%,-50%); display: flex; flex-direction: column; align-items: center; overflow: hidden; padding-top: 0.29rem; padding-bottom: 0.27rem; } .paypop p{ font-size: 0.28rem; color:#1A1A1A; margin-top: 0.05rem; } .paycertain{ font-size: 0.32rem; color:#FF0000; margin-top: 0.13rem; }