.gradeContainer {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  color: #000000;
}
.gradeContainer .popBox {
  position: relative;
  width: 680rpx;
  height: 678rpx;
  box-sizing: border-box;
  padding: 40rpx 46rpx 0rpx;
  border-radius: 40rpx;
  background-color: #F7F7F7;
  overflow: hidden;
}
.gradeContainer .popBox .title {
  position: relative;
  text-align: center;
  font-size: 36rpx;
  font-weight: 400;
  color: #000000;
}
.gradeContainer .popBox .title .close {
  position: absolute;
  padding: 20rpx;
  width: 26rpx;
  height: 26rpx;
  right: 0rpx;
  top: -30rpx;
}
.gradeContainer .popBox .group {
  margin-top: 20rpx;
}
.gradeContainer .popBox .group .weui-cell {
  padding: 60rpx 0 40rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.gradeContainer .popBox .group .weui-cell .pay-row {
  display: flex;
  align-items: center;
}
.gradeContainer .popBox .group .weui-cell .pay-row .wxpay {
  width: 62rpx;
  height: 52rpx;
}
.gradeContainer .popBox .group .weui-cell .pay-row .alipay {
  height: 62rpx;
  width: 62rpx;
}
.gradeContainer .popBox .group .weui-cell .pay-row .name {
  margin-left: 34rpx;
  font-size: 36rpx;
}
.gradeContainer .popBox .paymentBox {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 60rpx 40rpx;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: white;
}
.gradeContainer .popBox .paymentBox .payment {
  display: flex;
  align-items: center;
  font-size: 36rpx;
}
.gradeContainer .popBox .paymentBox .payment .num {
  font-size: 36rpx;
  color: #FF6300;
}
.gradeContainer .popBox .paymentBox .pay {
  padding: 12rpx 52rpx;
  background: #ff9108;
  color: white;
  font-weight: 500;
  font-size: 40rpx;
  border-radius: 45rpx;
}
