seahorsesShop_miniapp/pages/confirmOrder/confirmOrder.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: 23rpx;
  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: 60rpx;
}
.address-box {
  position: relative;
  font-size: 28rpx;
  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;
}

/***** 商品栏 *****/
.goods-box {
  font-size: 28rpx;
  border-bottom: 15rpx solid #f9f8f8;
}
/* 店铺 */
.goods-shop {
  padding: 20rpx;
  border-bottom: 1rpx solid #f2f2f2;
}
.shop-icon {
  display: inline-block;
  width: 35rpx;
  height: 35rpx;
  vertical-align: bottom;
  margin-right: 15rpx;
}
/* 商品 */ 
.goods-msg {
  padding: 15rpx 20rpx;
}
.goods-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; */
  display: block;
  width: 80rpx;
  height: 30rpx;
  margin-bottom: 5px;
}
.goods-text {
  position: relative;
  display: inline-block;
  width: 70%;
  vertical-align: top;
}
.goods-name {
  margin-bottom: 10rpx;
  line-height: 34rpx;
  max-height: 68rpx;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.goods-price {
  color: #e43130;
  padding-right: 10rpx;
  font-size: 32rpx;
}
.goods-price-del {
  font-size: 28rpx;
  text-decoration: line-through;
  color: #888888;
}
.goods-amount {
  float: right;
  font-size: 28rpx;
}

/****** 配送&留言 ******/
.row {
  font-size: 30rpx;
  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-right: 15rpx;
  padding-top: 15rpx;
  border-bottom: 1rpx solid #f2f2f2;
}
.goods-table {
  padding-bottom: 15rpx;
}
.goods-table-way {
  float: right;
}
.total-cost {
  padding: 20rpx 35rpx;
  text-align: right;
  font-size: 28rpx;
}
.total-num {
  color: #e43130;
  font-weight: bold;
  font-size: 32rpx;
}


/****** 底部 ******/
.foot-box {
  margin-top: 90rpx;
}
.foot {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 100rpx;
  line-height: 100rpx;
  font-size: 30rpx;
  text-align: right;
  border-top: 3rpx solid #eee;
}
.total-price {
  display: inline-block;
  margin-right: 20rpx;
}
.submit-btn {
  display: inline-block;
  background: #04358D;
  color: #fff;
  padding: 0 50rpx;
  border: 1rpx solid #04358D;
  border-radius: 60rpx;
  height: 2.8rm;
  line-height: 2.8em;
  margin-right: 20rpx;
  font-size: 28rpx;
}
.total-price-num {
  font-size: 32rpx;
  font-weight: bold;
  color: #e43130;
}


.border-radius {
  border-radius: 12rpx;
}