.page{ background: #F4F5F9; } .box{ width: 96%; margin: 0 auto; } .addSeit{ text-align: center; padding: 20rpx 0; } .siteBox{ background-color: #fff; border-radius: 10rpx; overflow: hidden; margin-top: 20rpx; position: relative; } .siteTitle{ overflow: hidden; margin: 20rpx ; } .siteTitleArr{ overflow: hidden; margin: 20rpx 0; } .text{ float: left; font-size: 26rpx; color: #999; } .mpren{ float: left; font-size: 24rpx; color: #FD832D; margin-left: 20rpx; } .siteText{ font-size: 26rpx; color: #999; } .phoneBox{ overflow: hidden; } .name{ float: left; font-size: 28rpx; color: #000; } .phone{ font-size: 28rpx; color: #000; float: left; margin-left: 30rpx } .pudataSite{ position: absolute; padding: 10rpx; border: 1rpx solid #999; top: 40rpx; right: 10rpx; font-size: 26rpx; border-radius: 8rpx; color: rgb(36, 36, 36); } .commodityBox{ background-color: #fff; border-radius: 10rpx; overflow: hidden; margin-top: 20rpx; } .imgBox{ float: left; width: 30%; height: 140rpx; background-color: darkturquoise; margin: 20rpx 0 20rpx 20rpx; } .commodityDie{ width: 60%; float: left; margin: 20rpx 0 20rpx 10rpx; } .merchandiseName{ font-size: 26rpx; color: #999; } .priceBox{ margin-top: 10rpx; font-size: 26rpx; overflow: hidden; } .price{ font-size: 26rpx; color: #FD832D; float: left; } .numberBox{ overflow: hidden; bottom: 20rpx } .add{ float: right; width: 40rpx; height: 40rpx; text-align: center; border: 1rpx #999 solid; border-radius: 50%; color: #999; } .number{ float: right; width: 30rpx; height: 40rpx; line-height: 40rpx; text-align: center; margin: 0 10rpx; } .dle{ float: right; width: 40rpx; height: 40rpx; text-align: center; border: 1rpx #999 solid; border-radius: 50%; color: #999; } .costBox{ overflow: hidden; margin: 20rpx; } .costBox .text{ font-size: 26rpx; color: #000; float: left; } .costBox .num{ font-size: 26rpx; float: right; } .accountBox{ margin-left: 20rpx; margin-right: 20rpx; margin-top: 100rpx; padding-top: 40rpx; margin-bottom: 20rpx; border-top: 1rpx silver solid; overflow: hidden; } .total{ float: left; font-size: 26rpx; } .money{ float: right; font-size: 26rpx; } .payBox{ position: fixed; bottom: 40rpx; left: 20rpx; width: 96%; background-color: #fff; padding: 30rpx 0; border-radius: 10rpx; } .moneyStr{ float: left; color: red; line-height: 60rpx; border-radius: 10rpx; font-weight: 600; margin-left: 20rpx } .pay{ float: right; width: 220rpx; height: 60rpx; background-color: #FD832D; border-radius: 10rpx; color: #fff; line-height: 60rpx; margin-right: 20rpx; text-align: center; } .amendBox{ width: 100%; top: 0; position: fixed; height: 100vh; background-color: rgba(36, 36, 36, 0.3); } .shade{ width: 80%; max-height: 70vh; overflow: scroll; margin: 300rpx auto 0 auto; } .ditText{ position: absolute; top: 40rpx; right: 40rpx; background-color: #FD832D; padding: 10rpx; color: #fff; font-size: 24rpx; border-radius: 10rpx; }