.app { background-color: #F4F5F7; width: 100%; position: relative; height: 100%; padding: 4%; padding-bottom: 100rpx; /deep/ .u-drawer{ z-index: 0 !important; } .address { width: 99%; background: #FFFFFF; box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03); border-radius: 20rpx; margin: 0 auto 20rpx; padding-bottom: 10rpx; .item { width: 94%; height: 101rpx; font-size: 36rpx; color: #000000; line-height: 100rpx; margin: 0 auto; } .detail { border-bottom: 5rpx solid #F4F5F7; height:100%; padding-bottom: 30rpx; font-size: 32rpx; line-height: 50rpx; word-break:break-all; } .update { display: flex; width: 100%; justify-content: flex-end; } .up { width: 114rpx; height: 64rpx; line-height: 64rpx; text-align: center; background: #FFFFFF; border: 1rpx solid #969394; border-radius: 26rpx; font-size: 31rpx; color: #969394; } .ups { margin-right: 20rpx; } } .ADDress { width: 80%; height: 80rpx; line-height: 80rpx; background: #4C7BC9; border-radius: 26rpx; font-size: 34rpx; color: #FFFFFF; text-align: center; position: fixed; bottom: 5rpx; left: 10%; image { width: 41rpx; height: 41rpx; vertical-align: middle } .ADDtext { padding-left: 10rpx; } } // 弹框支付 .payment { width: 90%; height: 110rpx; font-size: 36rpx; color: #000000; line-height: 110rpx; text-align: center; margin: 0 auto; border-bottom: 1rpx solid #D8D4D4; image { width: 31rpx; height: 31rpx; float: right; margin: -60rpx 20rpx 0 0; } .save { width: 226rpx; border-radius: 26px; height: 71rpx; line-height: 71rpx; background: #4C7BC9; border-radius: 26rpx; text-align: center; font-size: 34rpx; color: #FFFFFF; margin: 0 auto; margin-top: 10%; } } .area { image { width: 20rpx; height: 32rpx; vertical-align:middle; } } .items { font-size: 32rpx; color: #030001; line-height: 40rpx; } }