/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!../../node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/App.vue?vue&type=style&index=0&id=6f236f08&lang=less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
#app {
  height: 100%;
}
.text-input {
  width: 23.07692rem;
  height: 38.46154rem;
  border: 0.07692rem solid;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!../../node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/CashierCounter/PCPaymentPage/Desktop.vue?vue&type=style&index=0&id=75406852&lang=less&scope=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.order-info {
  width: 1100px;
  margin: 32px auto 0 auto;
}
.order-info .order-id {
  height: 28px;
  line-height: 28px;
  font-size: 20px;
}
.order-info .order-last-time {
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  margin-top: 16px;
}
.order-info .order-last-time .time {
  margin: 0 10px;
}
.order-info .amount-text {
  font-size: 16px;
}
.order-info .amount-unit {
  margin-left: 8px;
  color: red;
}
.order-info .amount {
  font-size: 40px;
  margin-right: 8px;
}
.hr {
  width: 1200px;
  height: 4px;
  background: linear-gradient(to right, #6e8ad3, #a9d7f9);
  margin: 62px auto 40px auto;
}
.order-content {
  width: 1100px;
  margin: 0 auto;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!../../node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/CashierCounter/PCPaymentPage/InPayment.vue?vue&type=style&index=0&id=5fbbbb82&lang=less&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.pay-icon[data-v-5fbbbb82] {
  width: 50px;
}
.qrcode-loading[data-v-5fbbbb82] {
  text-align: center;
}
.qrcode-loading .text[data-v-5fbbbb82] {
  margin-top: 10px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #656665;
}
.qrcode-box[data-v-5fbbbb82] {
  position: relative;
  width: 200px;
  overflow: hidden;
  left: 50%;
  margin-left: -100px;
}
.qrcode-box .mask[data-v-5fbbbb82] {
  width: 160px;
  height: 160px;
  background: #575757;
  position: absolute;
  top: 21px;
  left: 21px;
  opacity: 0.8;
}
.qrcode-box .mask-text[data-v-5fbbbb82] {
  width: 160px;
  height: 160px;
  font-size: 16px;
  color: white;
  line-height: 150px;
  text-align: center;
  position: absolute;
  top: 25px;
  left: 25px;
}
.payment-info[data-v-5fbbbb82] {
  font-size: 14px;
  text-align: center;
  margin: 50px;
}
.payment-title[data-v-5fbbbb82] {
  font-size: 20px;
  margin-left: 16px;
}
.change-type[data-v-5fbbbb82] {
  font-size: 16px;
  cursor: pointer;
  color: #527de2;
  margin-left: 40px;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!../../node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/CashierCounter/PCPaymentPage/Paid.vue?vue&type=style&index=0&id=255d231e&lang=less&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.success-info[data-v-255d231e] {
  text-align: center;
  margin-top: 100px;
}
.icon[data-v-255d231e] {
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
}
.message[data-v-255d231e] {
  font-size: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #656665;
  line-height: 28px;
  margin-bottom: 102px;
}
.order-info[data-v-255d231e] {
  width: 430px;
  font-size: 20px;
  letter-spacing: 1px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #303133;
  text-align: left;
}
.order-info .price[data-v-255d231e] {
  height: 28px;
  line-height: 28px;
  margin-top: 20px;
}
.complete-btn[data-v-255d231e] {
  margin-top: 100px;
  width: 180px;
  height: 50px;
  background: #527de2;
  border-radius: 4px;
  font-size: 16px;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!../../node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/CashierCounter/PCPaymentPage/Unpaid.vue?vue&type=style&index=0&id=4a5650fa&lang=less&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.title[data-v-4a5650fa] {
  font-size: 20px;
}
.channel[data-v-4a5650fa] {
  margin-top: 24px;
}
.channel .channel-item[data-v-4a5650fa] {
  width: 530px;
  height: 130px;
  line-height: 130px;
  cursor: pointer;
  box-shadow: 0px 0px 15px -4px rgba(0, 0, 0, 0.06);
  border: 1px solid #ebeef5;
  color: #303133;
  font-size: 20px;
}
.channel .channel-item .pay-icon[data-v-4a5650fa] {
  width: 50px;
  height: 50px;
  margin: 0 30px 0 50px;
}
.channel[data-v-4a5650fa] :hover {
  background-color: #ebeef5;
}
.channel[data-v-4a5650fa]:nth-child(2n) {
  margin-left: 30px;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!../../node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/CashierCounter/H5PaymentPage/Mobile.vue?vue&type=style&index=0&id=73cb48f0&lang=less&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.order-info[data-v-73cb48f0] {
  width: 100%;
  margin: 1.53846rem auto 0 auto;
  text-align: center;
}
.order-info .order-id[data-v-73cb48f0] {
  height: 1.46154rem;
  line-height: 1.46154rem;
  font-size: 1rem;
  color: #909399;
}
.order-info .amount-unit[data-v-73cb48f0] {
  font-size: 1.69231rem;
  margin-left: 0.61538rem;
  color: #303133;
}
.order-info .amount[data-v-73cb48f0] {
  font-size: 3.07692rem;
  margin-right: 0.61538rem;
  color: #303133;
}
.order-info .order-last-time[data-v-73cb48f0] {
  height: 1.61538rem;
  line-height: 1.61538rem;
  font-size: 1.15385rem;
  margin-top: 1.07692rem;
}
.order-content[data-v-73cb48f0] {
  width: 100%;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!../../node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/CashierCounter/H5PaymentPage/Unpaid.vue?vue&type=style&index=0&id=cf209010&scoped=true&lang=less ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.channel[data-v-cf209010] {
  width: 100%;
  margin-top: 3.76923rem;
  padding-bottom: 1.53846rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.channel-item[data-v-cf209010] {
  width: calc(100% - 2.92308rem);
  height: 5.30769rem;
  line-height: 5.30769rem;
  margin: 0 auto;
  cursor: pointer;
}
.channel-item[data-v-cf209010]:not(:last-child) {
  border-bottom: 0.07692rem solid #eeeeee;
}
.channel-item .pay-icon[data-v-cf209010] {
  width: 2rem;
  margin-left: 0.69231rem;
  margin-top: -0.53846rem;
}
.channel-item .text[data-v-cf209010] {
  font-size: 1.30769rem;
  margin-left: 0.84615rem;
  margin-top: -0.15385rem;
}
.to-pay-but[data-v-cf209010] {
  width: calc(100% - 3.38462rem);
  height: 3.61538rem;
  color: #ffffff;
  font-size: 1.15385rem;
  text-align: center;
  margin: 0 auto;
  background: #527de2;
  border-radius: 0.30769rem;
  cursor: pointer;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!../../node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/CashierCounter/widget/ErrorPage.vue?vue&type=style&index=0&id=6ed3a84c&lang=less&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.desktop[data-v-6ed3a84c] {
  width: 92.30769rem;
  text-align: center;
  margin: 6rem auto 0 auto;
}
.desktop .nowifi-icon[data-v-6ed3a84c] {
  width: 3.07692rem;
  margin-bottom: 0.92308rem;
}
.desktop .text[data-v-6ed3a84c] {
  color: #656665;
}
.desktop .reload[data-v-6ed3a84c] {
  cursor: pointer;
  color: #7373f7;
  margin-top: 2.76923rem;
}
.desktop .reload .text[data-v-6ed3a84c] {
  margin-left: 0.46154rem;
  color: #527de2;
}
.mobile[data-v-6ed3a84c] {
  width: 100%;
  text-align: center;
  margin: 3.53846rem auto 0 auto;
}
.mobile .nowifi-icon[data-v-6ed3a84c] {
  width: 2.30769rem;
  margin-bottom: 0.92308rem;
}
.mobile .text[data-v-6ed3a84c] {
  color: #656665;
}
.mobile .reload[data-v-6ed3a84c] {
  cursor: pointer;
  color: #7373f7;
  margin-top: 3.07692rem;
}
.mobile .reload .text[data-v-6ed3a84c] {
  margin-left: 0.38462rem;
  color: #527de2;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!../../node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/CashierCounter/PCPaymentPage/PCHeader.vue?vue&type=style&index=0&id=d9b8fe04&lang=less&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.desktop[data-v-d9b8fe04] {
  width: 100%;
  height: 80px;
  line-height: 80px;
  background: #f2f6fc;
}
.desktop .content[data-v-d9b8fe04] {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.desktop .content .logo[data-v-d9b8fe04] {
  width: 80px;
  height: 27px;
}
.desktop .content .text[data-v-d9b8fe04] {
  font-size: 18px;
  font-weight: 500;
  margin-left: 4px;
  color: #0459c3;
  margin-top: 2px;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!../../node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/CashierCounter/H5PaymentPage/H5Header.vue?vue&type=style&index=0&id=0fd1c82d&lang=less&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mobile[data-v-0fd1c82d] {
  width: 100%;
  height: 4.15385rem;
  line-height: 4.15385rem;
  border-bottom: 0.07692rem solid #eeeeee;
}
.mobile .content[data-v-0fd1c82d] {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  text-align: center;
}
.mobile .content .logo[data-v-0fd1c82d] {
  width: 4.69231rem;
  height: 1.53846rem;
}
.mobile .content .text[data-v-0fd1c82d] {
  font-size: 0.92308rem;
  font-weight: 500;
  margin-left: 0.76923rem;
  color: #0459c3;
  margin-top: 0.15385rem;
}