/* packageI/newMedia/newMediaRechange/newMediaRechange.wxss */

view,
text {
  box-sizing: border-box;
}

.wrapper {
  padding: 28rpx 30rpx;
}

.surplus {
  font-size: 28rpx;
  color: #333;
}

.exchange {
  width: 100%;
  height: 310rpx;
  margin-top: 30rpx;
  padding: 41rpx 62rpx 25rpx;
  background-color: #fff;
  box-shadow:
    0rpx 2rpx 8rpx 0rpx
    rgba(7, 11, 33, 0.11);
  border-radius: 10rpx;
}

.exchange .explain {
  display: flex;
  align-items: center;
  font-size: 27rpx;
  color: #333;
}

.exchange .input {
  margin-top: 45rpx;
  padding-bottom: 25rpx;
  border-bottom: 1rpx solid rgba(245, 245, 245);
}

.exchange .input input {
  font-size: 51rpx;
  color: #333;
}

.exchange .desc {
  color: #888;
  margin-top: 20rpx;
  font-size: 23rpx;
}

.exchange .payPrice {
  margin-top: 10rpx;
  font-size: 22rpx;
  color: #f14e4e;
}

.recharge_way {
  background: #fff;
  margin-top: 20rpx;
}

.recharge_way .h1 {
  line-height: 80rpx;
  text-align: left;
  padding: 0 28rpx;
  font-size: 32rpx;
}

.recharge_way .li {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  line-height: 112rpx;
  font-size: 32rpx;
  margin-left: 40rpx;
  padding-right: 40rpx;
  border-bottom: solid 2rpx #ebebeb;
}

.recharge_way .li .iconfont_bg {
  background: #f15353;
  width: 72rpx;
  height: 48rpx;
  border-radius: 6rpx;
  display: flex;
  align-items: center;
  margin-right: 20rpx;
}

.recharge_way .li .icon-balance_yue {
  color: #fac337;
}

.recharge_way .li .icon-balance_i {
  color: #64b42e;
}

.recharge_way .li .icon-balance_j {
  color: #069ce7;
}

.recharge_way .li .iconfont {
  font-size: 64rpx;
  margin-right: 20rpx;
}