.header { display: inline-block; vertical-align: middle; font-size: 36rpx; color: #969394; margin-left: 9%; } .number { display: inline-block; position: absolute; right: 10%; } .bodys { height: 590rpx; background: #4C7BC9; .addressinfo { position: relative; font-size: 36rpx; color: #FFFFFF; line-height: 65rpx; top: 25%; margin-left: 8%; .picture { float: right; font-size: 32rpx; line-height: 67rpx; margin-right: 5%; margin-top: -5%; image { width: 18rpx; height: 18rpx; color: #FFFFFF; margin-left: 20rpx; } } } } .commodity { width: 95%; height: 332rpx; background: #FFFFFF; box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03); border-radius: 20rpx; margin: 0 auto; margin-top: -35%; .commodityInfo { height: 235rpx; // background-color: red; border-bottom: 1rpx solid #D8D4D4; width: 97%; display: flex; margin: 0 auto; image { width: 174rpx; height: 174rpx; margin-top: 34rpx; margin-left: 45rpx; } .infos { .detail { font-size: 36rpx; color: #000000; line-height: 67rpx; margin-top: 54rpx; margin-left: 20rpx; span { color: #969394; line-height: 67rpx; margin-left: 50rpx; } } .model { font-size: 33rpx; color: #969394; line-height: 67rpx; margin-left: 20rpx; } } } .quantity { margin-top: 34rpx; } } .integral{ width: 95%; height: 92rpx; line-height: 92rpx; background-color: #FFFFFF; box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0,0,0,0.03); border-radius: 20rpx; margin:15rpx auto; } .price{ width: 95%; height: 290rpx; background: #FFFFFF; box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0,0,0,0.03); border-radius: 20rpx; margin: 0 auto; font-size: 36rpx; .money{ line-height: 68rpx; color: #969394; } .priceinfo{ margin: 0 auto; padding-top: 20rpx; width: 95%; } .freight{ margin: 0 auto; width: 95%; margin-top:10rpx ; border-top: 1rpx solid #D8D4D4; .total{ margin-top: 30rpx; font-size: 42rpx; color: #D43953; line-height: 67rpx; } } } .bottom{ position: fixed; bottom:0; // margin-top: 50rpx; width:100%; height: 141rpx; background: #FFFFFF; box-shadow: 0px 9rpx 31rpx 9rpx rgba(0,0,0,0.03); .moneys{ display: inline-block; vertical-align: middle; height: 141rpx; font-size: 54rpx; color: #D43953; line-height: 141rpx; } .submit{ display: inline-block; vertical-align: middle; text-align: center; width: 226rpx; height: 71rpx; line-height: 71rpx; background: #4C7BC9; border-radius: 26rpx; font-size: 34rpx; color: #FFFFFF; margin-left: 43%; // float: right; } } // 弹框支付 .payment { width: 390px; height: 130rpx; font-size: 42rpx; color: #000000; line-height: 130rpx; text-align: center; // margin: 0 auto; border-bottom: 1rpx solid #D8D4D4; display: flex; span{ margin-left: 30%; } .cencel{ margin-left: 20%; image { width: 31rpx; height: 31rpx; } } } .chat { span { display: block; height: 68rpx; font-size: 42rpx; color: #000000; line-height: 68rpx; margin-left: 25%; margin-top: -10%; } image { width: 79rpx; height: 69rpx; margin-top: 7%; padding-left: 10%; } } .submits { width: 501rpx; height: 71rpx; line-height: 71rpx; background: #4C7BC9; border-radius: 26rpx; font-size: 34rpx; color: #FFFFFF; text-align: center; margin: 0 auto; margin-top: 25%; }