share_activity/pages/welfareMall/exchangeCode/exchangeCode.wxss

/* pages/welfareMall/exchangeCode/exchangeCode.wxss */
page{
  display:flex;
  flex-flow: column nowrap;
  justify-content: left;
  align-items: center;
  box-sizing: border-box;
}

/* 垂直方向布局，水平居中 **/
.flex-column{
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: left;
}

/* 水平方向布局，垂直居中 **/
.flex-row{
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}

.exchangeCode-query{
  width: 686rpx;
  height: 80rpx;
  background: #f3f3f3;
  border-radius: 40rpx;
  text-align: center;
  line-height: 80rpx;
  font-size: 28rpx;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  color: #b8b8b8;
  margin-top: 104rpx;
}

.exchangeCode-confirm{
  width: 684rpx;
  height: 80rpx;
  background: #b9d25d;
  border-radius: 40rpx;
  text-align: center;
  line-height: 80rpx;
  font-size: 28rpx;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  color: #ffffff;
  margin-top: 50rpx;
  margin-bottom: 46rpx;
}

.exchangeCode-process{
  width: 684rpx;
  height: 1052rpx;
  background: #f5f5f5;
  border: 2rpx solid #b9d25d;
  border-radius: 40rpx;
  margin-bottom: 54rpx;
}

.exchangeCode-process-style{
  margin: 0 94rpx 0;
}

.exchangeCode-process-img{
  width: 180rpx;
  height: 180rpx;
}

.exchangeCode-img-style{
  position: absolute;
  width: 180rpx;
  height: 180rpx;
}

.exchangeCode-process-num{
  position: relative;
  width: 32rpx;
  height: 32rpx;
  background: #b9d25d;
  border: 2rpx solid #b9d25d;
  border-radius: 50%;
  text-align: center;
  line-height: 32rpx;
  font-size: 20rpx;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  color: #ffffff;
  margin-top: 16rpx;
  margin-left: 16rpx;
}

.exchangeCode-process-tittle{
  font-size: 28rpx;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: center;
  color: #b9d25d;
  margin: 38rpx 0 52rpx;
}

.process-style{
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.exchangeCode-process-text{
  margin-top: 24rpx;
  font-size: 24rpx;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: center;
  color: #444444;
}

.exchangeCode-process-speed{
  width: 180rpx;
}