.pay-wrap[data-v-4a4761b8] {
  width: 100%;
  height: 100%;
  background: #f3f4f8;
  overflow: hidden;
}
.pay-body[data-v-4a4761b8] {
  width: 9.2rem;
  margin: 0 auto;
  margin-top: 0.373333rem;
  border-radius: 0.266667rem;
  background-color: #fff;
  padding-bottom: 0.266667rem;
}
.company[data-v-4a4761b8] {
  background-color: #fbfbfb;
  height: 2.186667rem;
  padding: 0.533333rem 0.666667rem;
  border-radius: 0.266667rem 0.266667rem 0 0;
}
.company .c-title[data-v-4a4761b8] {
  font-size: 0.373333rem;
  color: #000000;
  font-weight: bold;
  margin-bottom: 0.133333rem;
}
.company .c-dec[data-v-4a4761b8] {
  font-size: 0.32rem;
  color: #999999;
  font-weight: normal;
}
.money[data-v-4a4761b8] {
  padding: 0.533333rem 0.666667rem 0.533333rem 0.666667rem;
  border-radius: 0 0 0.266667rem 0.266667rem;
}
.m-title[data-v-4a4761b8] {
  font-size: 0.346667rem;
  color: #666666;
  font-weight: bold;
  margin-bottom: 0.453333rem;
}
.m-goods-name[data-v-4a4761b8] {
  font-size: 0.346667rem;
  color: #666666;
  font-weight: bold;
  margin-bottom: 0.453333rem;
  height: 0.533333rem;
}
.m-box input[data-v-4a4761b8] {
  border: 0.013333rem solid transparent;
  background: transparent;
  font-size: 0.693333rem;
  width: 90%;
  height: 0.8rem;
  color: #333;
}
.m-mark[data-v-4a4761b8] {
  font-size: 0.666667rem;
  color: #030405;
  font-weight: bold;
  margin-left: -0.08rem;
}
.m-line[data-v-4a4761b8] {
  height: 0.013333rem;
  background-color: #999999;
  margin-top: 0.533333rem;
}
.m-paybtn[data-v-4a4761b8] {
  height: 1.173333rem;
  line-height: 1.173333rem;
  text-align: center;
  background-color: #29a03a;
  margin-top: 0.533333rem;
  border-radius: 0.106667rem;
  font-size: 0.426667rem;
  color: #ffffff;
  font-weight: bold;
  cursor: pointer;
}
.disable[data-v-4a4761b8] {
  opacity: 0.41;
}
.pay-zfb[data-v-4a4761b8] {
  padding: 0.266667rem 0.4rem;
}
.zfb-header[data-v-4a4761b8] {
  display: flex;
  align-items: center;
  margin-bottom: 0.773333rem;
}
.zfb-header .h-icon[data-v-4a4761b8] {
  display: inline-block;
  margin-right: 0.213333rem;
  width: 0.853333rem;
}
.zfb-header .logo[data-v-4a4761b8] {
  border-radius: 50%;
}
.zfb-header .h-title[data-v-4a4761b8] {
  font-size: 0.426667rem;
  color: #000000;
  font-weight: bold;
}
.zfb-body[data-v-4a4761b8] {
  background-color: #ffffff;
  padding: 0.613333rem 0.48rem;
  border-radius: 0.133333rem;
}
.zfb-body .money[data-v-4a4761b8] {
  height: 100%;
  padding: 0;
}
.zfb-color[data-v-4a4761b8] {
  background-color: #4d98ff;
}
.zfb-footer[data-v-4a4761b8] {
  position: fixed;
  bottom: 0.88rem;
  width: 9.333333rem;
}
.zfb-footer .footer-tip[data-v-4a4761b8] {
  font-size: 0.32rem;
  color: #999999;
  font-weight: normal;
  text-align: center;
}
.error-tip[data-v-4a4761b8] {
  text-align: center;
  margin-top: 1.333333rem;
  font-size: 0.666667rem;
  color: #666666;
  font-weight: normal;
}
.pay-checkbox {
  font-size: 0.4rem;
  margin: 0.4rem 0;
  line-height: 0.4rem;
  height: 0.4rem;
}
.pay-checkbox .van-checkbox__icon {
  font-size: 0.48rem;
}
.pay-checkbox .van-checkbox__label {
  line-height: 0.4rem;
}
.white-card[data-v-1d7043b1] {
  width: 10rem;
  height: 13.333333rem;
  box-sizing: border-box;
  margin: 0 auto;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.533333rem;
}
.white-card .header[data-v-1d7043b1] {
  font-size: 0.8rem;
  font-weight: bold;
  text-align: justify;
  margin: 0 0 0.133333rem;
}
.white-card .ways[data-v-1d7043b1] {
  display: flex;
  width: 5.226667rem;
  font-size: 0.426667rem;
  height: 0.586667rem;
  line-height: 0.586667rem;
  justify-content: space-between;
  font-weight: 500;
}
.white-card .ways .way-item[data-v-1d7043b1] {
  display: flex;
}
.white-card .ways .way-item .icon[data-v-1d7043b1] {
  width: 0.64rem;
  margin-right: 0.133333rem;
  display: block;
}
.white-card .ways .way-item .zfb[data-v-1d7043b1] {
  width: 0.533333rem;
  height: 0.533333rem;
}
.white-card .code[data-v-1d7043b1] {
  width: 5.226667rem;
  height: 6.506667rem;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0.533333rem 0 1.066667rem;
  border: 0.013333rem solid #ebebeb;
  box-shadow: 0.026667rem 0.026667rem 0.026667rem rgba(0, 0, 0, 0);
}
.white-card .c-img[data-v-1d7043b1] {
  margin-top: 0.266667rem;
  display: inline-block;
  width: 4.8rem;
}
.white-card .c-title[data-v-1d7043b1] {
  font-size: 0.426667rem;
  color: #060606;
}
.card[data-v-1d7043b1] {
  width: 10rem;
  height: 13.333333rem;
  margin: 0 auto;
}
.card .header[data-v-1d7043b1] {
  height: 2.986667rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
.card .body[data-v-1d7043b1] {
  height: 10.346667rem;
  text-align: center;
  overflow: hidden;
  padding-top: 0.533333rem;
}
.card .body .code[data-v-1d7043b1] {
  width: 5.226667rem;
  height: 6.506667rem;
  margin: 0 auto;
  margin-top: 0.8rem;
  border-radius: 0.133333rem;
  background-color: #fff;
  margin-bottom: 0.64rem;
}
.card .body .fq_num[data-v-1d7043b1] {
  font-size: 0.213333rem;
  text-align: center;
  margin: 0.266667rem 0;
  color: #ffffff;
}
.card .body .c-img[data-v-1d7043b1] {
  margin-top: 0.266667rem;
  display: inline-block;
  width: 4.8rem;
}
.card .body .c-title[data-v-1d7043b1] {
  font-size: 0.213333rem;
  color: #060606;
}
.card .body .tip[data-v-1d7043b1] {
  font-size: 0.266667rem;
  color: #ffffff;
  font-weight: normal;
}
.wechat-color[data-v-1d7043b1] {
  background-color: #29a03a;
}
.zfb-color[data-v-1d7043b1] {
  background-color: #02a1e4;
}
.mix-color[data-v-1d7043b1] {
  background-color: #e39e54;
}
.canva-card[data-v-1d7043b1] {
  position: absolute;
  top: 0;
  width: 10rem;
  margin: 0 auto;
}
.code-img[data-v-1d7043b1] {
  width: 10rem;
}
.logo[data-v-1d7043b1] {
  display: inline-block;
  width: 1.906667rem;
}
.url-box[data-v-1d7043b1] {
  font-size: 0.16rem;
  margin-top: 0.266667rem;
}
.agreement {
  padding: 0.266667rem;
  line-height: 1.5;
  font-size: 0.373333rem;
  text-align: justify;
}
.agreement h1 {
  text-align: center;
}
.agreement .r {
  text-align: right;
}
.container[data-v-a9b2f138] {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2.666667rem 0;
  flex-direction: column;
}
.container .icon[data-v-a9b2f138] {
  display: block;
  width: 2.666667rem;
  height: 2.666667rem;
  margin: 0 auto 0.4rem;
}
.container .tip[data-v-a9b2f138] {
  font-size: 0.426667rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 0.266667rem;
}
.container .paid-tip[data-v-a9b2f138] {
  font-size: 0.32rem;
  text-align: center;
  width: 8rem;
}
.container .remark[data-v-a9b2f138] {
  width: 100%;
  padding: 0 0.533333rem;
}
.container .remark .label[data-v-a9b2f138] {
  font-size: 0.48rem;
  color: #f56c6c;
  margin-bottom: 0.266667rem;
}
.container .remark .textarea[data-v-a9b2f138] {
  border: 0.013333rem solid #333;
  font-size: 0.426667rem;
}
.container .remark .textarea .textarea-field[data-v-a9b2f138] {
  font-size: inherit;
  line-height: 1.6;
}
.container .remark[data-v-a9b2f138] .van-icon {
  font-size: 0.426667rem;
}
.container .remark .btn[data-v-a9b2f138] {
  width: 100%;
  height: 1.333333rem;
  margin-top: 0.533333rem;
  font-size: 0.426667rem;
}