.pay-content {
  height: 112.53333vmin;
}

.pay-content .pay-top {
  display: flex;
  flex-direction: row;
  line-height: 6.25vmin;
  height: 6.25vmin;
  position: relative;
}

.pay-content .pay-top .back_icon {
  width: 4.26667vmin;
  height: 4.26667vmin;
  position: absolute;
  top: 4.26667vmin;
  left: 4.26667vmin;
}

.pay-content .pay-top .pay-title {
  color: #333333;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 4.26667vmin;
  font-style: normal;
  font-weight: 500;
  line-height: 12.8vmin;
  height: 12.8vmin;
  flex: 1;
}

.pay-content .content {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.pay-content .content .money {
  display: flex;
  flex-direction: row;
  margin-top: 12.8vmin;
  font-size: 10.66667vmin;
  line-height: 10.66667vmin;
  color: #333333;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 600;
  align-items: baseline;
  margin-bottom: 6.4vmin;
}

.pay-content .content .money .money-icon {
  text-align: center;
  font-family: "PingFang SC";
  font-size: 6.4vmin;
  font-style: normal;
  font-weight: 500;
  line-height: 6.4vmin;
}

.pay-content .content .balance {
  display: flex;
  flex-direction: row;
  border-radius: 2.13333vmin;
  border: 0.13333vmin solid #CCC;
  width: 78.66667vmin;
  height: 19.2vmin;
  align-items: center;
  justify-content: center;
  padding: 0 4.26667vmin;
}

.pay-content .content .balance .pay-icon {
  width: 6.4vmin;
  height: 6.4vmin;
  margin-right: 2.13333vmin;
}

.pay-content .content .balance .balance-type {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.pay-content .content .balance .balance-type .type-name {
  color: #333333;
  font-family: "PingFang SC";
  font-size: 3.73333vmin;
  font-style: normal;
  font-weight: 400;
  line-height: 5.33333vmin;
}

.pay-content .content .balance .balance-type .type-quota, .pay-content .content .balance .balance-type .no-quota {
  color: #999999;
  font-family: "PingFang SC";
  font-size: 3.2vmin;
  font-style: normal;
  font-weight: 400;
  line-height: 4.26667vmin;
}

.pay-content .content .balance .balance-type .no-quota {
  color: #ff4747;
}

.pay-content .content .pay-btn {
  width: 68vmin;
  height: 10.66667vmin;
  line-height: 10.66667vmin;
  border-radius: 5.86667vmin;
  opacity: 1;
  color: #fff;
  text-align: center;
  font-size: 3.73333vmin;
  font-weight: 500;
  border: 0 solid #010101;
  background: linear-gradient(90deg, #ff4953 0%, #ff654d 50%, #ff8147 100%);
  margin-bottom: 3.46667vmin;
  position: absolute;
  bottom: 2.13333vmin;
}

.pay-content .content .pay-tips {
  width: 78.66667vmin;
  text-align: center;
  margin: 3.2vmin 1.06667vmin 0;
  height: 4.8vmin;
  font-size: 3.2vmin;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 4.8vmin;
}

.pay-content .content .pay-btn.vertical {
  bottom: 7.73333vmin;
}

.pay-content .content .disable {
  opacity: 0.3;
}

.horizontal {
  width: 100vmin;
}

@media screen and (min-width: 768px) and (orientation: portrait) {
  .pay-content {
    height: 54.94792vmin;
  }
  .pay-content .pay-top {
    display: flex;
    flex-direction: row;
    line-height: 6.25vmin;
    height: 6.25vmin;
    position: relative;
  }
  .pay-content .pay-top .back_icon {
    width: 2.08333vmin;
    height: 2.08333vmin;
    position: absolute;
    top: 2.08333vmin;
    left: 2.08333vmin;
  }
  .pay-content .pay-top .pay-title {
    color: #333333;
    text-align: center;
    font-family: "PingFang SC";
    font-size: 2.08333vmin;
    font-style: normal;
    font-weight: 500;
    line-height: 6.25vmin;
    height: 6.25vmin;
    flex: 1;
  }
  .pay-content .content {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: center;
  }
  .pay-content .content .money {
    display: flex;
    flex-direction: row;
    margin-top: 6.25vmin;
    font-size: 5.20833vmin;
    line-height: 5.20833vmin;
    color: #333333;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 600;
    align-items: baseline;
    margin-bottom: 3.125vmin;
  }
  .pay-content .content .money .money-icon {
    text-align: center;
    font-family: "PingFang SC";
    font-size: 3.125vmin;
    font-style: normal;
    font-weight: 500;
    line-height: 3.125vmin;
  }
  .pay-content .content .balance {
    display: flex;
    flex-direction: row;
    border-radius: 1.04167vmin;
    border: 0.0651vmin solid #CCC;
    width: 38.41146vmin;
    height: 9.375vmin;
    align-items: center;
    justify-content: center;
    padding: 0 2.08333vmin;
  }
  .pay-content .content .balance .pay-icon {
    width: 3.125vmin;
    height: 3.125vmin;
    margin-right: 1.04167vmin;
  }
  .pay-content .content .balance .balance-type {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  .pay-content .content .balance .balance-type .type-name {
    color: #333333;
    font-family: "PingFang SC";
    font-size: 1.82292vmin;
    font-style: normal;
    font-weight: 400;
    line-height: 2.60417vmin;
  }
  .pay-content .content .balance .balance-type .type-quota, .pay-content .content .balance .balance-type .no-quota {
    color: #999999;
    font-family: "PingFang SC";
    font-size: 1.5625vmin;
    font-style: normal;
    font-weight: 400;
    line-height: 2.08333vmin;
  }
  .pay-content .content .balance .balance-type .no-quota {
    color: #ff4747;
  }
  .pay-content .content .pay-btn {
    width: 33.20312vmin;
    height: 5.20833vmin;
    line-height: 5.20833vmin;
    border-radius: 2.86458vmin;
    opacity: 1;
    color: #fff;
    text-align: center;
    font-size: 1.82292vmin;
    font-weight: 500;
    border: 0 solid #010101;
    background: linear-gradient(90deg, #ff4953 0%, #ff654d 50%, #ff8147 100%);
    margin-bottom: 1.69271vmin;
    position: absolute;
    bottom: 1.04167vmin;
  }
  .pay-content .content .pay-tips {
    width: 38.41146vmin;
    text-align: center;
    margin: 1.5625vmin 0.52083vmin 0;
    height: 2.34375vmin;
    font-size: 1.5625vmin;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
    line-height: 2.34375vmin;
  }
  .pay-content .content .pay-btn.vertical {
    bottom: 3.77604vmin;
  }
  .pay-content .content .disable {
    opacity: 0.3;
  }
  .horizontal {
    width: 48.82812vmin;
  }
}

@media screen and (min-height: 630px) and (orientation: landscape) {
  .pay-content {
    height: 66.98413vmin;
  }
  .pay-content .pay-top {
    display: flex;
    flex-direction: row;
    line-height: 6.25vmin;
    height: 6.25vmin;
    position: relative;
  }
  .pay-content .pay-top .back_icon {
    width: 2.53968vmin;
    height: 2.53968vmin;
    position: absolute;
    top: 2.53968vmin;
    left: 2.53968vmin;
  }
  .pay-content .pay-top .pay-title {
    color: #333333;
    text-align: center;
    font-family: "PingFang SC";
    font-size: 2.53968vmin;
    font-style: normal;
    font-weight: 500;
    line-height: 7.61905vmin;
    height: 7.61905vmin;
    flex: 1;
  }
  .pay-content .content {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: center;
  }
  .pay-content .content .money {
    display: flex;
    flex-direction: row;
    margin-top: 7.61905vmin;
    font-size: 6.34921vmin;
    line-height: 6.34921vmin;
    color: #333333;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 600;
    align-items: baseline;
    margin-bottom: 3.80952vmin;
  }
  .pay-content .content .money .money-icon {
    text-align: center;
    font-family: "PingFang SC";
    font-size: 3.80952vmin;
    font-style: normal;
    font-weight: 500;
    line-height: 3.80952vmin;
  }
  .pay-content .content .balance {
    display: flex;
    flex-direction: row;
    border-radius: 1.26984vmin;
    border: 0.07937vmin solid #CCC;
    width: 46.8254vmin;
    height: 11.42857vmin;
    align-items: center;
    justify-content: center;
    padding: 0 2.53968vmin;
  }
  .pay-content .content .balance .pay-icon {
    width: 3.80952vmin;
    height: 3.80952vmin;
    margin-right: 1.26984vmin;
  }
  .pay-content .content .balance .balance-type {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  .pay-content .content .balance .balance-type .type-name {
    color: #333333;
    font-family: "PingFang SC";
    font-size: 2.22222vmin;
    font-style: normal;
    font-weight: 400;
    line-height: 3.1746vmin;
  }
  .pay-content .content .balance .balance-type .type-quota, .pay-content .content .balance .balance-type .no-quota {
    color: #999999;
    font-family: "PingFang SC";
    font-size: 1.90476vmin;
    font-style: normal;
    font-weight: 400;
    line-height: 2.53968vmin;
  }
  .pay-content .content .balance .balance-type .no-quota {
    color: #ff4747;
  }
  .pay-content .content .pay-btn {
    width: 40.47619vmin;
    height: 6.34921vmin;
    line-height: 6.34921vmin;
    border-radius: 3.49206vmin;
    opacity: 1;
    color: #fff;
    text-align: center;
    font-size: 2.22222vmin;
    font-weight: 500;
    border: 0 solid #010101;
    background: linear-gradient(90deg, #ff4953 0%, #ff654d 50%, #ff8147 100%);
    margin-bottom: 2.06349vmin;
    position: absolute;
    bottom: 1.26984vmin;
  }
  .pay-content .content .pay-tips {
    width: 46.8254vmin;
    text-align: center;
    margin: 1.90476vmin 0.63492vmin 0;
    height: 2.85714vmin;
    font-size: 1.90476vmin;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
    line-height: 2.85714vmin;
  }
  .pay-content .content .pay-btn.vertical {
    bottom: 4.60317vmin;
  }
  .pay-content .content .disable {
    opacity: 0.3;
  }
  .horizontal {
    width: 59.52381vmin;
  }
}

@media screen and (min-height: 768px) and (orientation: landscape) {
  .pay-content {
    height: 54.94792vmin;
  }
  .pay-content .pay-top {
    display: flex;
    flex-direction: row;
    line-height: 6.25vmin;
    height: 6.25vmin;
    position: relative;
  }
  .pay-content .pay-top .back_icon {
    width: 2.08333vmin;
    height: 2.08333vmin;
    position: absolute;
    top: 2.08333vmin;
    left: 2.08333vmin;
  }
  .pay-content .pay-top .pay-title {
    color: #333333;
    text-align: center;
    font-family: "PingFang SC";
    font-size: 2.08333vmin;
    font-style: normal;
    font-weight: 500;
    line-height: 6.25vmin;
    height: 6.25vmin;
    flex: 1;
  }
  .pay-content .content {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: center;
  }
  .pay-content .content .money {
    display: flex;
    flex-direction: row;
    margin-top: 6.25vmin;
    font-size: 5.20833vmin;
    line-height: 5.20833vmin;
    color: #333333;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 600;
    align-items: baseline;
    margin-bottom: 3.125vmin;
  }
  .pay-content .content .money .money-icon {
    text-align: center;
    font-family: "PingFang SC";
    font-size: 3.125vmin;
    font-style: normal;
    font-weight: 500;
    line-height: 3.125vmin;
  }
  .pay-content .content .balance {
    display: flex;
    flex-direction: row;
    border-radius: 1.04167vmin;
    border: 0.0651vmin solid #CCC;
    width: 38.41146vmin;
    height: 9.375vmin;
    align-items: center;
    justify-content: center;
    padding: 0 2.08333vmin;
  }
  .pay-content .content .balance .pay-icon {
    width: 3.125vmin;
    height: 3.125vmin;
    margin-right: 1.04167vmin;
  }
  .pay-content .content .balance .balance-type {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  .pay-content .content .balance .balance-type .type-name {
    color: #333333;
    font-family: "PingFang SC";
    font-size: 1.82292vmin;
    font-style: normal;
    font-weight: 400;
    line-height: 2.60417vmin;
  }
  .pay-content .content .balance .balance-type .type-quota, .pay-content .content .balance .balance-type .no-quota {
    color: #999999;
    font-family: "PingFang SC";
    font-size: 1.5625vmin;
    font-style: normal;
    font-weight: 400;
    line-height: 2.08333vmin;
  }
  .pay-content .content .balance .balance-type .no-quota {
    color: #ff4747;
  }
  .pay-content .content .pay-btn {
    width: 33.20312vmin;
    height: 5.20833vmin;
    line-height: 5.20833vmin;
    border-radius: 2.86458vmin;
    opacity: 1;
    color: #fff;
    text-align: center;
    font-size: 1.82292vmin;
    font-weight: 500;
    border: 0 solid #010101;
    background: linear-gradient(90deg, #ff4953 0%, #ff654d 50%, #ff8147 100%);
    margin-bottom: 1.69271vmin;
    position: absolute;
    bottom: 1.04167vmin;
  }
  .pay-content .content .pay-tips {
    width: 38.41146vmin;
    text-align: center;
    margin: 1.5625vmin 0.52083vmin 0;
    height: 2.34375vmin;
    font-size: 1.5625vmin;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
    line-height: 2.34375vmin;
  }
  .pay-content .content .pay-btn.vertical {
    bottom: 3.77604vmin;
  }
  .pay-content .content .disable {
    opacity: 0.3;
  }
  .horizontal {
    width: 48.82812vmin;
  }
}