@import '/app.wxss'; .order-details .address .name{font-size:30rpx;color:#282828;margin-bottom:10rpx;} .order-details .address .name .phone{margin-left:40rpx;} .order-details .line{width:100%;height:3rpx;} .order-details .line image{width:100%;height:100%;display:block;} .order-details .wrapper{background-color:#fff;margin-top:12rpx;padding:30rpx;} .order-details .wrapper .item{font-size:28rpx;color:#282828;} .order-details .wrapper .item~.item{margin-top:20rpx;} .order-details .wrapper .item .conter{color:#868686;width:500rpx;text-align:right;} .order-details .wrapper .item .conter .copy{font-size:20rpx;color:#333;border-radius:3rpx;border:1px solid #666; padding:3rpx 15rpx;margin-left:24rpx;box-sizing: border-box;} .order-details .wrapper .actualPay{border-top:1rpx solid #eee;margin-top:30rpx;padding-top:30rpx;box-sizing: border-box;} .order-details .wrapper .actualPay .money{font-weight:bold;font-size:30rpx;} .order-details .footer{width:100%;height:100rpx;position:fixed;bottom:0;left:0;background-color:#fff;padding:0 30rpx;border-top:1px solid #eee;} .order-details .footer .bnt{width:176rpx;height:60rpx;text-align:center;line-height:60rpx;border-radius:50rpx; color:#fff;font-size:27rpx;} .order-details .footer .bnt.cancel{color:#aaa;border:1px solid #ddd;} .order-details .footer .bnt.default{color: #444;border: 1px solid #444;} .order-details .footer .bnt~.bnt{margin-left:18rpx;} .pos-order-details .header{background: linear-gradient(to right,#2291f8 0%,#1cd1dc 100%);background: -webkit-linear-gradient(to right, #2291f8 0%,#1cd1dc 100%);background: -moz-linear-gradient(to right,#2291f8 0%,#1cd1dc 100%);padding:0 30rpx;height:150rpx;box-sizing: border-box;} .pos-order-details .header .state{font-size:36rpx;color:#fff;} .pos-order-details .header .data{margin-left:35rpx;font-size:28rpx;color: rgba(255,255,255,0.8);} .pos-order-details .header .data .order-num{font-size:30rpx;margin-bottom:8rpx;} .pos-order-details .remarks{width:100%;height:86rpx;background-color:#fff;padding:0 30rpx;box-sizing: border-box;} .pos-order-details .remarks .iconfont{font-size:40rpx;color:#2a7efb;} .pos-order-details .remarks input{width:630rpx;height:100%;font-size:30rpx;} .pos-order-details .remarks input::placeholder{color:#666;} .pos-order-details .orderingUser{font-size:26rpx;color:#282828;padding:0 30rpx;height:67rpx;background-color:#fff;margin-top:16rpx;border-bottom:1px solid #f5f5f5;} .pos-order-details .orderingUser .iconfont{font-size:40rpx;color:#2a7efb;margin-right:15rpx;} .pos-order-details .address{margin-top:0;font-size:26rpx;color:#868686;background-color:#fff;padding: 25rpx 30rpx 30rpx 30rpx;} .pos-order-details .pos-order-goods{margin-top:17rpx;} .pos-order-details .footer .more{font-size:27rpx;color:#aaa;width:100rpx;height:64rpx;text-align:center;line-height:64rpx;margin-right: 25rpx;position:relative;} .pos-order-details .footer .delivery{background: linear-gradient(to right,#2291f8 0%,#1cd1dc 100%);background: -webkit-linear-gradient(to right, #2291f8 0%,#1cd1dc 100%);background: -moz-linear-gradient(to right,#2291f8 0%,#1cd1dc 100%);} .pos-order-details .footer .more .order .arrow{width: 0;height: 0;border-left: 11rpx solid transparent;border-right: 11rpx solid transparent;border-top: 0.2rem solid #e5e5e5;position:absolute;left: 15rpx;bottom:-18rpx;} .pos-order-details .footer .more .order .arrow:before{content:'';width: 0;height: 0;border-left: 9rpx solid transparent;border-right: 9rpx solid transparent;border-top: 19rpx solid #fff;position:absolute;left:-10rpx;bottom:0;} .pos-order-details .footer .more .order{width:200rpx;background-color:#fff;border:1px solid #eee;border-radius:10rpx;position:absolute;top:-200rpx;z-index:9;} .pos-order-details .footer .more .order .item{height:77rpx;line-height:77rpx;} .pos-order-details .footer .more .order .item~.item{border-top:1px solid #f5f5f5;} .pos-order-details .footer .more .moreName{width:100%;height:100%;}