seahorsesShop_miniapp/pages/groupConfirmOrder/groupConfirmOrder.wxss

/* pages/confirmOrder/confirmOrder.wxss */
.clearfix::after {
  content: '';
  display: block;
  clear: both;
}
image {
  width: 100%;
  height: 100%;
}
.process {
  display: flex;
  justify-content: space-around;
  font-size: 25rpx;
  border-bottom: 1px solid #f2f2f2;
  padding: .5em 0;
}
.process-item {
  display: inline-block;
}
.process-icon {
  display: block;
  width: 45rpx;
  height: 45rpx;
  margin: 0 auto;
}
.process-text {
  padding: .5em 0;
}
.next-icon {
  width: 20rpx;
  height: 20rpx;
  margin-top: 25rpx;
}

/***** 地址栏 ******/
.add-addr {
	display: inline-block;
	margin-left: 30px;
}
.address-box {
  position: relative;
  font-size: 27rpx;
  padding: 20rpx 0;
  border-bottom: 15rpx solid #f9f8f8;
}
.recipient {
  font-size: 28rpx;
  font-weight: bold;
  margin-bottom: 15rpx;
}
.recipient,
.addr-text {
  padding: 0 60rpx;
}
.cellphone {
  float: right;
}
.addr-text {
  color: #888;
}
/* 地址图标 */
.addr-icon {
  position: absolute;
  top: 25rpx;
  left: 20rpx;
  display: block;
  width: 28rpx;
  height: 30rpx;
}
/* 右箭头 */
.more-icon {
  position: absolute;
  right: 25rpx;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 20rpx;
  height: 20rpx;
}
/* 虚线 */
.dotted-line {
  width: 100%;
  height: 3rpx;
}

/***** 商品栏 *****/
.prod-box {
  font-size: 28rpx;
  border-bottom: 15rpx solid #f9f8f8;
}
/* 店铺 */
.prod-shop {
  padding: 20rpx;
  border-bottom: 1rpx solid #f2f2f2;
}
.shop-icon {
  display: inline-block;
  width: 35rpx;
  height: 35rpx;
  vertical-align: bottom;
  margin-right: 15rpx;
}
/* 商品 */ 
.prod-msg {
  padding: 15rpx 20rpx;
}
.prod-img {
  position: relative;
  width: 180rpx;
  height: 180rpx;
  display: inline-block;
  background: #eee;
  margin-right: 25rpx;
}
.miaosha {
  position: absolute;
  top: 10rpx;
  left: 0;
  display: inline-block;
  width: 80rpx;
  height: 30rpx;
}
.prod-text {
  display: inline-block;
  width: 70%;
  vertical-align: top;
}
.prod-name {
   display: -webkit-box;
  -webkit-line-clamp: 2; /*设定显示行数*/
  -webkit-box-orient: vertical;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
}
.prod-sku {
  display: inline-block;
  background: #f3f3f3;
  font-size: 26rpx;
  color: #777777;
  padding: 4rpx 8rpx;
  margin: 5rpx 0;
}
.prod-price {
  color: #e43130;
  padding-right: 15rpx;
  font-size: 32rpx;
}
.prod-price-del {
  font-size: 28rpx;
  text-decoration: line-through;
  color: #888888;
}
.prod-amount {
  float: right;
  font-size: 30rpx;
  padding-top: 4rpx;
}

/****** 配送&留言 ******/
.row {
  font-size: 28rpx;
  border-bottom: 15rpx solid #f9f8f8;
}
.dispatching {
  margin: 0 20rpx;
  padding: 20rpx 0;
  border-bottom: 1rpx solid #f2f2f2;
}
.dispatching-way {
  float: right;
}
.live-message {
  margin: 0 20rpx;
  padding: 20rpx 0;
}
.message-int {
  display: inline-block;
  vertical-align: middle;
  margin-left: 40rpx;
  width: 75%;
}

/****** 商品总额 ******/
.sum {
  font-size: 30rpx;
}
.cost-box {
  margin: 0 20rpx;
  padding-top: 15rpx;
  border-bottom: 1rpx solid #f2f2f2;
  padding-right: 15rpx;
}
.prod-table {
  padding-bottom: 15rpx;
}
.prod-table-way {
  float: right;
  font-size: 34rpx;
}
.total-cost {
  padding: 20rpx 20rpx;
  text-align: right;
  font-size: 26rpx;
}
.total-num {
  color: #e43130;
  font-weight: bold;
  font-size: 34rpx;
}


/****** 底部 ******/
.foot-box {
  margin-top: 90rpx;
}
.foot {
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 100rpx;
  line-height: 100rpx;
  font-size: 28rpx;
  text-align: right;
  /* border-top: 3rpx solid #eee; */
  box-shadow: 0 10rpx 15rpx rgba(0, 0, 0, 0.5);
}
.total-price {
  display: inline-block;
  margin-right: 20rpx;
}
.submit-btn {
  display: inline-block;
  background: #e43130;
  color: #fff;
  padding: 0 50rpx;
  /* line-height: 106rpx; */
  border-radius: 60rpx;
  height: 2.8em;
  line-height: 2.8em;
  margin-right: 20rpx;
}
.total-price-num {
  font-size: 34rpx;
  font-weight: bold;
  color: #e43130;
}