|  | .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;
}
.addStie{
  width: 80%;
  margin: 40rpx auto;
  background-color: #FD832D;
  color: #fff;
  border-radius: 50rpx;
  padding: 10rpx 0;
  text-align: center;
}
 |