/* 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;
  margin-top: 104rpx;
}

.exchangeCode-query-placeholder{
  font-size: 28rpx;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  color: #b8b8b8;
}

.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;
}

.bg-zindex{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background: rgba(0,0,0,0.33);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 999;
}


.success_window{
  width: 618rpx;
  height: 358rpx;
  background: #FFFFFF;
  border-radius: 20rpx;
  position: relative;
  z-index: 9999;
  align-items: center;
  margin-bottom: 15%;
}

.w_img{
  width: 438rpx;
  height: 70rpx;
  margin-top: 48rpx;
}

.w_text{
  margin-top: 50rpx;
  text-align: center;
  font-size: 28rpx;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  color: #929292;
}
.w_border{
  width: 600rpx;
  height: 2rpx;
  background: #A0A0A0;
  margin-top: 72rpx;
}
.w_go_order{
  width: 252rpx;
  height: 74rpx;
  /* background: #b9d25d; */
  border-radius: 36rpx;
  text-align: center;
  line-height: 74rpx;
  margin-top: 58rpx;
  font-size: 28rpx;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  color: #ffffff;
}