@media all and (max-width: 1000px) {
  .order-dialog-wraper {
    width: 800px;
    height: 80vh;
    position: relative;
  }
  .order-dialog-wraper .order-dialog,
  .order-dialog-wraper .cart {
    height: 100%;
  }
  .order-dialog-wraper .cart {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
  }
  .order-dialog-wraper .icon-reduce,
  .order-dialog-wraper .icon-add {
    font-size: 30px;
  }
}
@media all and (min-width: 1000px) {
  .order-dialog-wraper {
    width: 1000px;
    height: 80vh;
    position: relative;
  }
  .order-dialog-wraper .order-dialog,
  .order-dialog-wraper .cart {
    height: 100%;
  }
  .order-dialog-wraper .cart {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
  }
  .order-dialog-wraper .icon-reduce,
  .order-dialog-wraper .icon-add {
    font-size: 30px;
  }
}
.open-table {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  width: 200px;
}
/*订单人数信息*/
.table-order-people {
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}
.table-order-people .count {
  display: block;
  flex: 1;
  text-align: center;
  height: 1em;
  line-height: 1;
  font-size: 26px;
}
.table-order-people button {
  font-size: 18px;
  width: 1em;
  height: 1em;
  background: transparent;
  padding: 0;
  color: #f76e42;
}
.order-dialog {
  display: flex;
}
.order-dialog .left-toolbar {
  display: flex;
  flex-direction: column;
  background: var(--light-bg);
  padding: 10px 10px;
  width: 200px;
}
.order-dialog .left-toolbar .table-order-btns {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  flex: 1;
}
.order-dialog .left-toolbar .table-order-btns button {
  border-radius: 3px;
  padding: 15px 0;
  font-size: 18px;
}
.order-dialog .left-toolbar .table-order-btns button:disabled {
  opacity: 0.4;
}
.order-dialog .order-list-wraper {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.order-dialog .order-list-footer {
  display: flex;
}
.order-dialog .order-list-footer button {
  flex: 1;
}
.order-dialog .order-list {
  flex: 1;
  overflow-y: auto;
  overflow-y: overlay;
  margin: 10px;
}
.order-dialog .order-content {
  border-left: 1px solid var(--light-bg);
  border-right: 1px solid var(--light-bg);
  border-bottom: 1px solid var(--light-bg);
  background: #f6f6f6;
}
.order-dialog .order-item {
  margin: 10px auto;
  overflow: hidden;
  border-radius: 3px;
  max-width: 705px;
}
.order-dialog .order-header {
  display: flex;
  align-items: center;
  padding: 10px;
  font-size: 13px;
  background: var(--light-bg);
}
.order-dialog .order-header .order-time {
  flex: 1;
}
.order-dialog .p-item-wrapper {
  padding: 10px;
}
.order-dialog .p-item-wrapper .pkg-list {
  margin-top: 0;
}
.order-dialog .p-item-wrapper:not(:last-child) {
  border-bottom: 1px solid var(--light-border);
}
.order-dialog .product-item {
  display: flex;
  align-items: top;
  border: none!important;
}
.order-dialog .product-item img {
  width: 46px;
  height: 46px;
  margin-right: 15px;
  background: var(--light-bg);
}
.order-dialog .product-item .product-info {
  flex: 1;
}
.order-dialog .product-item .product-info,
.order-dialog .product-item .product-order-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.order-dialog .order-footer {
  display: flex;
  align-items: center;
  margin-top: -1px;
}
.order-dialog .order-footer button {
  flex: 1;
  background: #E6E6E6;
  border-right: 1px solid #f7f7f7;
  color: #000;
}
.order-dialog .order-footer button:last-child {
  border: none;
}
.order-dialog .chargeback-count {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.order-dialog .chargeback-count .count {
  display: block;
  flex: 1;
  text-align: center;
}
.order-dialog .chargeback-count button {
  width: 1em;
  height: 1em;
  background: transparent;
  padding: 0;
  color: #555;
}
.order-dialog .chargeback-count,
.order-dialog .chargeback-header {
  width: 150px;
  border-left: 1px solid var(--light-border);
  text-align: center;
  margin-left: 20px;
  padding-left: 20px;
}
.paydialog {
  position: absolute !important;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  padding: 20px;
}
.paydialog .checkout-area-content {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
  width: 100% !important;
}
.cart {
  display: flex;
}
.cart .category {
  width: 130px;
  overflow-y: overlay;
  user-select: none;
  background: #383838;
  font-size: 16px;
  padding-bottom: 5px;
}
.cart .category .cate-item {
  padding: 15px 15px;
  cursor: pointer;
  color: #fff;
  text-align: center;
}
.cart .category .cate-item.active {
  color: #f76e42;
}
.cart .products {
  flex: 2;
  overflow-y: overlay;
  padding-bottom: 5px;
  background: #e5e5e5;
  padding: 5px;
}
.cart .products::-webkit-scrollbar {
  width: 0;
}
.cart .products .product-item-wraper {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 5px;
}
.cart .products .product-item {
  background: #fff;
  display: flex;
  align-items: top;
  padding: 5px;
  cursor: pointer;
  overflow: hidden;
}
.cart .products .product-item .product-info {
  justify-content: space-between;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.cart .products .product-item .product-img {
  width: 60px;
  height: 60px;
  min-width: 60px;
  margin-right: 12px;
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
}
.cart .products .product-item .product-name {
  font-size: 16px;
  font-weight: 800;
  margin-bottom: 3px;
}
.cart .sub-cart {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.cart .sub-cart-btns {
  display: flex;
}
.cart .sub-cart-btns button {
  flex: 1;
}
.cart .order-products {
  border-left: 1px solid var(--light-border);
  overflow-y: auto;
  overflow-y: overlay;
  background: #eeeeee;
}
.order-products {
  flex: 1;
  overflow-y: auto;
  overflow-y: overlay;
  -webkit-overflow-scrolling: touch;
  padding: 0 10px;
  user-select: none;
}
.order-products .cart-item {
  padding: 10px;
  background: #fff;
  margin-top: 20px;
  position: relative;
  cursor: pointer;
}
.order-products .cart-item.changeprice {
  background: #34c75821;
}
.order-products .cart-item .icon-delete {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  font-size: 18px;
  width: 1em;
  height: 1em;
  background: none;
  color: red;
  transform: translate(-50%, -50%);
  opacity: 0.5;
}
.order-products .cart-item .icon-delete:hover {
  opacity: 1;
}
.order-products .main-info {
  display: flex;
}
.order-products .sku-info {
  font-size: 12px;
  color: var(--theme-color);
  margin-bottom: 5px;
}
.order-products .p-name {
  margin-bottom: 5px;
}
.order-products .p-name .el-tag {
  margin-left: 5px;
}
.order-products .p-img {
  width: 50px;
  height: 50px;
  min-width: 50px;
  margin-right: 10px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--light-bg);
}
.order-products .left-info {
  flex: 1;
  display: flex;
  align-items: center;
  padding-right: 6px;
}
.order-products .right-info {
  text-align: center;
}
.order-products .right-info input {
  width: 140px;
  padding: 10px 5px;
  text-align: center;
}
.order-products .prices {
  text-align: left;
}
.order-products .prices.showlabel .price1,
.order-products .prices.showlabel .price2 {
  display: flex;
  align-items: center;
}
.order-products .prices.showlabel .price1:before,
.order-products .prices.showlabel .price2:before {
  display: block;
  padding: 1px 2px;
  margin-right: 4px;
  font-size: 12px;
  color: #fff;
  border-radius: 2px;
}
.order-products .prices.showlabel .price1:before {
  content: "原";
  background: var(--theme-color);
}
.order-products .prices.showlabel .price2:before {
  content: "现";
  background: var(--success-color);
  margin-top: 2px;
}
.pkg-list {
  margin-top: 16px;
}
.pkg-list .pkg-item {
  display: flex;
  align-items: center;
  color: var(--second-text);
  padding: 10px 0;
  border-top: 1px dashed var(--main-border-color);
}
.pkg-list .pkg-item .name {
  flex: 1;
}
.pkg-list .pkg-item .count {
  margin-left: 8px;
}
.dialog-wraper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.6);
  user-select: none;
  perspective: 1300px;
  font-size: 0;
  text-align: center;
  transition: all 0.3s;
}
.dialog-wraper:not(:first-child) {
  background: rgba(0, 0, 0, 0);
}
.dialog-wraper:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.dialog-wraper .dialog-header {
  padding: 10px 10px;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
}
.dialog-wraper .dialog-close {
  padding: 0;
  background: transparent;
  color: #aaa;
  font-size: 26px;
}
.dialog-wraper .dialog-title {
  flex: 1;
}
.dialog-wraper .dialog-body {
  text-align: left;
  font-size: 16px;
  background: #fff;
  display: inline-block;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  overflow: hidden;
  overflow-y: auto;
  transition: all 0.3s;
  opacity: 0;
  transform-origin: 50% 0;
  vertical-align: middle;
  transform: rotateX(5deg);
}
.dialog-wraper.show .dialog-body {
  opacity: 1;
  transform: rotateX(0);
}
.dialog-wraper.close {
  background: rgba(0, 0, 0, 0);
}
.dialog-wraper.close .dialog-body {
  transform: rotateX(-5deg);
}
.dialog-wraper.hide {
  background: rgba(0, 0, 0, 0) !important;
  display: none;
}
.dialog-wraper.hide .dialog-body {
  transform: rotateX(-5deg);
}
.dialog-wraper.dialog-type-loading {
  background: rgba(0, 0, 0, 0.4);
  z-index: 100001;
}
.dialog-wraper.dialog-type-loading .dialog-body {
  padding: 15px 20px 15px 48px;
  background: url(imgs/spin.svg) #fff;
  background-size: 44px 44px;
  background-position: 5px center;
  background-repeat: no-repeat;
}
.dialog-wraper.dialog-type-dialog .dialog-body {
  min-width: 300px;
  min-height: 150px;
}
.dialog-wraper.dialog-type-alert .dialog-body {
  min-width: 300px;
  min-height: 150px;
}
.dialog-wraper.dialog-type-alert .dialog-content {
  display: flex;
  flex-direction: column;
}
.dialog-wraper.dialog-type-alert .dialog-content button {
  background: var(--light-bg);
  color: #333;
}
.dialog-wraper.dialog-type-alert .alert-msg {
  padding: 50px;
  flex: 1;
  border-bottom: 1px solid var(--light-border);
}
.dialog-wraper.dialog-type-tip {
  background: rgba(0, 0, 0, 0);
  z-index: 100001;
  position: relative;
  margin: 20px;
}
.dialog-wraper.dialog-type-tip .dialog-body {
  background-size: 44px 44px;
  background-position: 5px center;
  background-repeat: no-repeat;
  position: relative;
}
.dialog-wraper.dialog-type-tip .dialog-body .dialog-content {
  padding: 15px 20px 15px 15px;
  display: flex;
  align-items: center;
}
.dialog-wraper.dialog-type-tip .dialog-body .dialog-content:before {
  margin-right: 10px;
  position: relative;
  bottom: -1px;
  font-size: 18px;
}
.dialog-wraper.dialog-type-tip .dialog-body .dialog-content.success {
  background: #e9f9e9;
  color: green;
}
.dialog-wraper.dialog-type-tip .dialog-body .dialog-content.error {
  background: #ffeaea;
  color: red;
}
.dialog-wraper.dialog-type-tip .dialog-body .dialog-content.warn {
  background: #ffeddd;
  color: #e68835;
}
#haodian-tip-dialog-container {
  z-index: 1000001;
  position: fixed;
  left: 50%;
  top: 0;
  bottom: 0;
  pointer-events: none;
  padding-top: 60px;
  text-align: right;
  transform: translateX(-50%);
}
.content-body {
  padding: 0 15px 15px;
  display: flex;
  flex-direction: column;
  width: 95vw;
  height: 90vh;
  position: relative;
}
.content-body .common-orders,
.content-body .coupon-order,
.content-body .jifen-order {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.content-body .common-orders.hide,
.content-body .coupon-order.hide,
.content-body .jifen-order.hide {
  display: none;
}
.content-body .gobal-tab {
  position: absolute;
  top: -38px;
  left: 50%;
  transform: translateX(-50%);
}
.content-toolbar {
  display: flex;
  flex-direction: column;
  padding: 0 0 10px;
}
.content-toolbar .inputs {
  display: flex;
}
.content-toolbar .input-item {
  margin: 10px 0;
}
.content-toolbar .input-item span.label {
  padding-right: 10px;
}
.content-toolbar .input-item span.label:after {
  content: " :";
}
.el-pagination {
  margin-top: 15px;
  padding: 0 !important;
  text-align: right;
}
.table-body {
  position: relative;
}
.table-body .el-table {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.all-data {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: space-between;
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
  flex-wrap: wrap;
  min-height: 78px;
}
.all-data > div {
  padding-left: 52px;
  margin: 10px 0;
  background-size: auto 100%;
  background-position: left center;
  background-repeat: no-repeat;
  white-space: nowrap;
}
.all-data > div .label {
  margin-bottom: 5px;
}
.all-data > div .value {
  color: var(--theme-color);
  height: 1.2em;
}
.all-data .all_1 {
  background-image: url(../images/HD_zonger.png);
}
.all-data .all_2 {
  background-image: url(../images/HD_cash.png);
}
.all-data .all_4 {
  background-image: url(../images/HD_wechat.png);
}
.all-data .all_alipay {
  background-image: url(../images/HD_alipay.png);
}
.all-data .all_5 {
  background-image: url(../images/HD_order.png);
}
.all-data .all_6 {
  background-image: url(../images/chongzhi.png);
}
.all-data .all_union {
  background-image: url(../images/HD_more.png);
}
@media screen and (max-width: 860px) {
  .all-data {
    min-height: 140px;
  }
}
.table-body {
  flex: 1;
}
.item-icon {
  height: 60px;
  width: 60px;
  margin-right: 10px;
  display: inline-block;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3) inset;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 2px;
}
.filter-conditions .el-radio-group {
  margin: 10px 0;
  margin-left: 10px;
}
::-webkit-scrollbar {
  width: 0px !important;
  border-radius: 0 !important;
}
::-webkit-scrollbar-thumb {
  border-radius: 0 !important;
}
::-webkit-scrollbar-track,
:not(:hover) ::-webkit-scrollbar-track {
  border-radius: 0 !important;
}
.user-info-item {
  display: flex;
  align-items: center;
  border: 1px solid var(--light-border);
  border-radius: 5px;
  padding: 10px;
  margin: 0 0 10px;
}
.item-img {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  background-size: contain;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
  background-position: center;
  background-repeat: no-repeat;
}
.order-detail-dialog {
  display: flex;
  flex-direction: column;
  max-height: 70vh;
  width: 800px;
}
.order-extra {
  flex: 3;
  overflow-y: auto;
  overflow-y: overlay;
}
.order-detail-container {
  display: flex;
  flex: 1;
  overflow-y: auto;
}
.order-detail-container .order-detail {
  overflow-y: auto;
  overflow-y: overlay;
  flex: 3;
  padding: 10px 0;
}
.order-detail-container .col-label {
  color: #888;
  padding-right: 5px;
  font-size: 14px;
}
.order-detail-container .col-label:after {
  content: " : ";
}
.order-detail-container .price {
  color: var(--theme-color);
}
.order-detail-container .price:before {
  font-family: "icomoon";
  content: "\e900";
  font-size: 0.7em;
}
.order-detail-container .left_title {
  color: #888;
  font-size: 12px;
}
.order-detail-container .left_title:after {
  content: " : ";
  margin-right: 5px;
}
.order-detail-container .block-title {
  padding: 10px 0;
  border-bottom: 1px solid var(--light-border);
  margin: 0 20px;
  margin-bottom: 10px;
}
.product-item {
  padding: 10px 10px;
  display: flex;
  align-items: center;
  background: #f6f6f6;
}
.product-item:not(:last-child) {
  border-bottom: 1px solid var(--light-border);
}
.refund-form {
  border-top: 1px solid var(--light-border);
  padding: 20px;
  padding-bottom: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.refund-item {
  background: #ffe0e0;
  padding: 10px;
  border-radius: 3px;
  margin: 0 20px 15px;
}
.order-toolbar {
  padding: 10px 20px;
  border-top: 1px solid var(--light-border);
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.order-toolbar .status {
  flex: 1;
}
.order-toolbar .status .status-text {
  color: var(--theme-color);
}
.el-input.is-disabled .el-input__inner {
  color: #666 !important;
}
.el-date-range-picker__header button {
  padding: 10px;
}
.row-group {
  padding: 10px 0;
  margin: 5px 13px;
  border-radius: 5px;
}
.row-group:not(:last-child) {
  border-bottom: 1px solid var(--light-border);
}
.row-group .col-label {
  text-align: right;
}
.el-popover {
  z-index: 100000 !important;
}
.all-data-group {
  margin-top: 20px;
}
.all-data-group .data-body {
  display: flex;
  justify-content: space-around;
  position: relative;
  text-align: center;
  padding: 10px 0;
  flex-wrap: wrap;
}
.all-data-group .all-data-title {
  font-weight: 600;
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding: 10px;
}
.all-data-group .data-item {
  white-space: nowrap;
  width: 18%;
  margin-bottom: 10px;
  background: #eaeaea;
  padding: 5px;
  border-radius: 5px;
}
.all-data-group .label {
  margin-bottom: 5px;
}
.pay_type {
  line-height: 1;
  margin-left: 5px;
  display: flex;
}
.pay_type:not(:last-child) {
  margin-bottom: 4px;
}
.el-row--flex > div {
  margin: 6px 0;
  line-height: 1;
}
.el-row--flex .el-col-5 {
  width: 80px;
}
.golbal-pay-dialog {
  margin-top: 13px;
  padding: 10px 30px 10px;
  width: 900px;
  display: flex;
  align-items: top;
}
.golbal-pay-dialog.miandan {
  width: 520px;
}
.golbal-pay-dialog .order-detail {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 20px;
}
.golbal-pay-dialog .pay-items {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 393px;
  min-width: 393px;
  margin-left: 30px;
}
.golbal-pay-dialog .pay-items .pay-item {
  display: flex;
  align-items: center;
  margin: 7px 0 20px;
  padding: 10px;
  cursor: pointer;
  width: 46%;
  color: #fff;
  border-radius: 2px;
  overflow: hidden;
}
.golbal-pay-dialog .pay-items .pay-item .price {
  color: #fff;
}
.golbal-pay-dialog .pay-items .pay-item .pay-item {
  padding: 0;
  border: 1px solid #B68A6C;
  padding: 10px;
}
.golbal-pay-dialog .pay-items.balance-pay {
  width: 100%;
}
.golbal-pay-dialog .pay-items .balance-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #B68A6C;
  margin-top: 15px;
  padding-top: 8px;
  width: 100%;
  flex-wrap: wrap;
}
.golbal-pay-dialog .pay-items .pay-icon {
  font-size: 30px;
  margin-right: 15px;
}
.golbal-pay-dialog .pay-items .pay-icon.icon-wechat-pay {
  color: #67C23A;
}
.golbal-pay-dialog .pay-items .pay-icon.icon-balance-pay,
.golbal-pay-dialog .pay-items .pay-icon.icon-balance_and_wechat-pay {
  color: #ff6600;
}
.golbal-pay-dialog .pay-items .pay-info {
  display: flex;
  flex-direction: column;
}
.golbal-pay-dialog .pay-items .pay-label {
  flex: 1;
}
.golbal-pay-dialog .balance-pay-detail {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.golbal-pay-dialog .vip-data {
  display: flex;
  text-align: center;
  padding: 7px 0;
  border-top: 1px solid var(--light-border);
  border-bottom: 1px solid var(--light-border);
  margin-top: -1px;
}
.golbal-pay-dialog .vip-data .data-item {
  flex: 1;
}
.golbal-pay-dialog .vip-data .data-item > div:first-child {
  margin-bottom: 7px;
  color: #888;
}
.golbal-pay-dialog .vip-data > .data-item:first-child,
.golbal-pay-dialog .vip-data > .data-item:last-child {
  flex: none;
}
.sku-info .icon-corner-checked {
  position: relative;
}
.sku-info .icon-corner-checked:before {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 18px;
  line-height: 1em;
}
.sku-info .icon-corner-checked.selected:before {
  display: block;
}
.sku-info .sku-tip.invalid {
  color: red;
}
.sku-info .sku-tip {
  margin-left: 5px;
}
.sku-info .sku-tip:before {
  content: "(";
}
.sku-info .sku-tip:after {
  content: ")";
}
.sku-info .son-list {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  align-items: top;
}
.sku-info .son-list .item {
  margin-right: 10px;
  padding: 9px 15px;
  line-height: 22px;
  margin-top: 10px;
  border: 1px solid #D1D1D1;
  display: flex;
  align-items: center;
  border-radius: 3px;
  cursor: pointer;
}
.sku-info .son-list .item.selected {
  color: var(--theme-color);
  border-color: var(--theme-color);
}
.sku-info .material-price {
  font-size: 12px;
  margin-left: 3px;
}
.product-sku .sku-item {
  margin: 3px 0;
}
.product-sku .sku-item:after {
  content: ",";
  padding: 0 3px;
}
.product-sku > .sku-item:last-child:after {
  display: none;
}
.product-sku .sku-group:last-child .sku-item:last-child:after {
  display: none;
}
.product-sku .sku-group:last-child .sku-item:last-child:after {
  display: none;
}
.product-sku > .sku-item:last-child:after {
  display: none;
}
#productDetail {
  background: #fff;
  flex-direction: column;
  display: flex;
  width: 601px;
  height: 80vh;
}
#productDetail .product-header {
  display: flex;
  padding: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--light-border);
}
#productDetail .product-header .p-img {
  width: 80px;
  height: 80px;
  margin-right: 10px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border: 1px solid #eee;
}
#productDetail .product-header .p-name {
  font-size: 18px;
  font-weight: 800;
}
#productDetail .product-header .p-sku {
  padding: 3px 0;
  flex: 1;
  font-size: 14px;
}
#productDetail .product-header .p-detail {
  flex: 1;
}
#productDetail .sku-info {
  user-select: none;
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 20px 30px;
}
#productDetail .sku-info .sku-item {
  margin-bottom: 30px;
  display: flex;
  align-items: top;
}
#productDetail .sku-name {
  white-space: nowrap;
  margin-top: 25px;
}
#productDetail .value-item {
  display: flex;
  align-items: center;
  margin: 5px 0;
}
#productDetail .value-item input {
  width: 0;
  height: 0;
  margin: 0;
  opacity: 0;
}
#productDetail .value-item input:checked + .value-txt {
  color: var(--theme-color);
  border: 1px solid var(--theme-color);
}
#productDetail .value-item input:checked + .value-txt:before {
  display: block;
}
#productDetail .value-item .value-txt {
  padding: 12px 30px;
  margin-right: 20px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  border: 1px solid #D1D1D1;
  border-radius: 3px;
}
#productDetail .value-item .value-txt:before {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 18px;
}
#productDetail .form-btns {
  display: flex;
}
#productDetail .form-btns button {
  flex: 1;
}
#productDetail .form-btns button {
  padding-top: 20px;
  padding-bottom: 20px;
}
.jiaoliaowraper:last-child .jiaoliaoitem:last-child:after {
  display: none;
}
.jiaoliaoitem:after {
  content: "，";
}
.pkg-info .pkg-tip.invalid {
  color: red;
}
.pkg-info .son-list {
  flex: 1;
  display: grid;
  grid-row-gap: 15px;
  grid-column-gap: 15px;
  grid-template-columns: 1fr 1fr;
}
.pkg-info .item {
  border: var(--middle-border);
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0;
  background: none;
  cursor: pointer;
  white-space: normal;
  align-items: stretch;
  color: initial;
}
.pkg-info .item:disabled {
  opacity: 1;
}
.pkg-info .pkg-btns {
  display: flex;
  border-top: var(--middle-border);
  align-items: stretch;
}
.pkg-info .pkg-btns .count {
  padding: 8px 12px;
  font-size: 20px;
  border-left: var(--middle-border);
  border-right: var(--middle-border);
  color: var(--theme-color);
}
.pkg-info .pkg-btns button {
  flex: 1;
  padding: 12px;
  background: none;
  color: var(--theme-color);
}
.pkg-info .son-list .item-detail {
  padding: 16px 15px;
  line-height: 22px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.pkg-info .son-list .item-detail .item-name {
  flex: 1;
}
.pkg-info .son-list .item-detail.selected {
  color: var(--theme-color);
  border-color: var(--theme-color);
}
.pkg-info .material-price {
  font-size: 18px;
  margin-left: 3px;
}
.pkg-info .material-price .icon-money {
  font-size: 0.6em;
}
/* 套餐项 */
.product-pkg .pkg-item {
  margin: 3px 0;
}
.product-pkg .pkg-item:after {
  content: ",";
  padding: 0 3px;
}
.product-pkg > .pkg-item:last-child:after {
  display: none;
}
.product-pkg .pkg-group:last-child .pkg-item:last-child:after {
  display: none;
}
.product-pkg .pkg-group:last-child .pkg-item:last-child:after {
  display: none;
}
.product-pkg > .pkg-item:last-child:after {
  display: none;
}
#productDetail {
  background: #fff;
  flex-direction: column;
  display: flex;
  width: 501px;
  height: 80vh;
}
#productDetail .product-header {
  display: flex;
  padding: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--light-border);
}
#productDetail .product-header .p-img {
  width: 80px;
  height: 80px;
  margin-right: 10px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border: 1px solid #eee;
}
#productDetail .product-header .p-name {
  font-size: 18px;
  font-weight: 800;
}
#productDetail .product-header .p-pkg {
  padding: 3px 0;
  flex: 1;
  font-size: 14px;
}
#productDetail .product-header .p-detail {
  flex: 1;
}
#productDetail .pkg-info {
  user-select: none;
  flex: 1;
  overflow-y: overlay;
  -webkit-overflow-scrolling: touch;
  padding: 0 20px 30px;
}
#productDetail .pkg-info .pkg-item {
  margin-bottom: 30px;
  display: flex;
  align-items: top;
}
#productDetail .pkg-name {
  white-space: nowrap;
  margin: 25px 0 15px;
  display: flex;
  align-items: center;
}
#productDetail .pkg-name .pkg-tip {
  flex: 1;
  margin-left: 5px;
}
#productDetail .pkg-name .pkg-tip:before {
  content: "(";
}
#productDetail .pkg-name .pkg-tip:after {
  content: ")";
}
#productDetail .pkg-btns {
  display: flex;
}
#productDetail .value-item {
  display: flex;
  align-items: center;
  margin: 5px 0;
}
#productDetail .value-item input {
  width: 0;
  height: 0;
  margin: 0;
  opacity: 0;
}
#productDetail .value-item input:checked + .value-txt {
  color: var(--theme-color);
  border: 1px solid var(--theme-color);
}
#productDetail .value-item input:checked + .value-txt:before {
  display: block;
}
#productDetail .value-item .value-txt {
  padding: 12px 30px;
  margin-right: 20px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  border: 1px solid #D1D1D1;
  border-radius: 3px;
}
#productDetail .value-item .value-txt:before {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 18px;
}
#productDetail .form-btns {
  display: flex;
}
#productDetail .form-btns button {
  flex: 1;
}
#productDetail .form-btns button {
  padding-top: 20px;
  padding-bottom: 20px;
}
.jiaoliaowraper:last-child .jiaoliaoitem:last-child:after {
  display: none;
}
.jiaoliaoitem:after {
  content: "，";
}
html {
  touch-action: manipulation;
}
:root {
  --main-border: 1px solid #eee;
  --main-border-color: #eee;
  --middle-border: 1px solid #ccc;
  --light-bg: #f5f5f5;
  --theme-color: #f76e42;
  --price-color: #f76e42;
  --success-color: #34c758;
  --light-border: #eee;
  --second-text: #999;
  --second-font: 14px;
}
/* 设置滚动条的样式 */
::-webkit-scrollbar {
  width: 0px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
  border-radius: 0px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background: #bbb;
}
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 0, 0, 0.4);
}
*:not(:hover) {
  /* 设置滚动条的样式 */
  /* 滚动槽 */
  /* 滚动条滑块 */
}
*:not(:hover) ::-webkit-scrollbar {
  width: 8px;
}
*:not(:hover) ::-webkit-scrollbar-track {
  border-radius: 8px;
}
*:not(:hover) ::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: transparent;
}
*:not(:hover) ::-webkit-scrollbar-thumb:window-inactive {
  background: transparent;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.loading {
  position: relative;
}
.loading:before {
  content: "";
  background: url(imgs/spin.svg) center center no-repeat #fff;
  background-size: 1em 1em;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1em;
  width: 1em;
  z-index: 100;
  font-size: 50px;
}
#main.main-loading:before {
  content: "";
  background: url(imgs/spin.svg) #fff center center no-repeat;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  font-size: 26px;
}
input[type=checkbox],
input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  margin: 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center top;
  vertical-align: middle;
}
input[type=checkbox] {
  background-image: url(imgs/checkbox.svg);
}
input[type=checkbox]:checked {
  background-image: url(imgs/checkbox-checked.svg);
}
input[type=radio] {
  background-image: url(imgs/radio.svg);
}
input[type=radio]:checked {
  background-image: url(imgs/radio-checked.svg);
}
button {
  padding: 10px 20px;
  background: var(--theme-color);
  color: #fff;
  border: none;
  cursor: pointer;
  white-space: nowrap;
}
button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
button.disabled {
  background: #c6c6c6;
}
.el-picker-panel__body button {
  padding: 0;
}
input[type='text'],
input[type='date'],
input[type='password'],
input[type="number"],
textarea,
select {
  padding: 10px;
  border: 1px solid #faa88e;
  outline: none;
  border-radius: 1px;
}
input[type='text']:focus,
input[type='date']:focus,
input[type='password']:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
  border-color: #FF5722;
  box-shadow: inset 0 1px 2px rgba(247, 110, 66, 0.2), 0 0 0 0.2em rgba(247, 110, 66, 0.4);
}
.empty-tip {
  font-size: 18px;
  padding: 40px;
  text-align: center;
  color: #aaa;
  user-select: none;
}
.data-table {
  border-width: 1px;
  border-style: solid;
  border-color: #e6e6e6;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border-right: none;
  border-left: none;
}
.data-table th {
  position: relative;
  padding: 9px 15px;
  min-height: 20px;
  line-height: 20px;
  font-size: 14px;
}
.data-table th,
.data-table td {
  position: relative;
  padding: 9px 15px;
  min-height: 20px;
  line-height: 20px;
  font-size: 14px;
  border-style: solid;
  border-color: #e6e6e6;
  border-width: 0 0 1px;
}
.web .printer-setting {
  display: none;
}
.price {
  color: var(--theme-color);
  word-break: break-all;
}
.price:before {
  font-family: "icomoon";
  content: "\e900";
  font-size: 0.7em;
}
* {
  outline: none;
  box-sizing: border-box;
}
* {
  -webkit-touch-callout: none;
}
input,
textarea {
  -webkit-user-select: auto;
  /*webkit浏览器*/
}
body,
html,
.global-wraper {
  height: 100%;
  width: 100%;
  margin: 0;
  overflow: hidden;
}
.global-wraper {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
header {
  display: flex;
  align-items: center;
  padding: 7px 10px;
  background: #000;
  color: #fff;
}
header .left {
  white-space: nowrap;
}
header .middle {
  flex: 1;
}
header .tabs {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  user-select: none;
  padding: 0 5px;
}
header .tabs button {
  padding: 7px 45px;
  border: 1px solid var(--theme-color);
  margin-right: -1px;
}
header .tabs button:not(.actived) {
  background: transparent;
}
header .view-btn {
  margin-right: 20px;
}
header .right {
  display: flex;
  align-items: center;
}
header .right button {
  padding: 5px 8px;
}
header .right .icon-logout {
  user-select: none;
  margin-left: 18px;
  position: relative;
  bottom: -2px;
  cursor: pointer;
}
.panels {
  flex: 1;
  position: relative;
}
.panels > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.recharge-moneys-panel {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.recharge-moneys-panel .recharge-moneys-title {
  user-select: none;
  padding: 10px;
  text-align: center;
}
.recharge-moneys-panel .recharge-moneys-title span {
  color: var(--theme-color);
}
.recharge-moneys-panel .recharge-moneys {
  font-size: 0;
  margin-left: -5px !important;
  margin-right: -5px !important;
  overflow-y: auto;
  flex: 1;
}
.recharge-moneys-panel .recharge-moneys .money-wraper {
  padding: 10px 5px 0;
  width: 25%;
  text-align: center;
  padding: 5px;
  user-select: none;
  font-size: 16px;
  display: inline-block;
}
.recharge-moneys-panel .recharge-moneys .recharge-money {
  border: 1px solid #ccc;
  cursor: pointer;
  background: none;
  padding: 5px 0;
  height: 100%;
  color: #000;
  width: 100%;
}
.recharge-moneys-panel .recharge-moneys .recharge-money:disabled {
  cursor: not-allowed;
}
.recharge-moneys-panel .recharge-moneys .recharge-money.selected {
  box-shadow: inset 0 1px 2px rgba(247, 110, 66, 0.2), 0 0 0 0.2em rgba(247, 110, 66, 0.4);
}
.recharge-moneys-panel .recharge-moneys .recharge-money .give_cash {
  color: var(--theme-color);
  margin-top: 5px;
}
.order-panel {
  display: flex;
}
.order-panel aside {
  width: 100px;
  min-width: 100px;
  background: #383838;
  color: #fff;
  padding: 20px 0;
}
.order-panel aside div {
  text-align: center;
  padding: 15px 0;
  user-select: none;
  cursor: pointer;
}
.order-panel aside div.active {
  color: var(--theme-color);
}
.order-panel .main-panel {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}
.order-panel .checkout-panel {
  flex: 1;
  position: relative;
  min-width: 888px;
  display: flex;
}
.order-panel .checkout-panel .checkout-tools {
  width: 60px;
  height: 100%;
  position: relative;
  z-index: 10;
  /* 商品核销 */
  /* 优惠券选择弹窗 */
}
.order-panel .checkout-panel .checkout-tools .tool-btns {
  height: 100%;
  padding: 10px;
  background: #383838;
  position: relative;
  z-index: 11;
}
.order-panel .checkout-panel .checkout-tools .tool-btn {
  white-space: normal !important;
  padding: 15px 10px;
  margin-bottom: 20px;
  width: 100%;
  display: block;
  user-select: none;
}
.order-panel .checkout-panel .checkout-tools .popup {
  width: 450px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  background: #fff;
  transform: translateX(-100%);
  transition: transform 0.3s, box-shadow 0.3s;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  z-index: 10;
}
.order-panel .checkout-panel .checkout-tools .popup .title {
  color: var(--theme-color);
  text-align: center;
  position: relative;
  margin: 20px;
  border-bottom: 1px solid #faa88e;
  padding: 10px 0;
  margin-top: 10px;
}
.order-panel .checkout-panel .checkout-tools .popup .title button {
  width: 1em;
  height: 1em;
  background: none;
  padding: 0;
  color: var(--theme-color);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.order-panel .checkout-panel .checkout-tools .popup.active {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  transform: translateX(0);
  z-index: 10;
}
.order-panel .checkout-panel .checkout-tools .pick-up {
  display: flex;
  flex-direction: column;
}
.order-panel .checkout-panel .checkout-tools .pick-up .search-header {
  display: flex;
  align-items: center;
  padding: 20px;
}
.order-panel .checkout-panel .checkout-tools .pick-up .number-input {
  flex: 1;
  position: relative;
}
.order-panel .checkout-panel .checkout-tools .pick-up .input-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  background: transparent;
  border-color: transparent !important;
}
.order-panel .checkout-panel .checkout-tools .pick-up .input-mask,
.order-panel .checkout-panel .checkout-tools .pick-up .true-input {
  width: 100%;
  height: 100%;
  padding: 10px;
  outline: none;
  border-width: 1px;
  border-style: solid;
  font-family: Consolas, Monaco, monospace;
}
.order-panel .checkout-panel .checkout-tools .pick-up .search-header .true-input {
  color: transparent;
  border-color: #faa88e;
  caret-color: red;
  border-right: none;
}
.order-panel .checkout-panel .checkout-tools .pick-up .search-header .true-input::selection {
  color: transparent;
  background: red;
}
.order-panel .checkout-panel .checkout-tools .pick-up .search-header .true-input:focus {
  border-color: #FF5722 !important;
}
.order-panel .checkout-panel .checkout-tools .pick-up *:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.order-panel .checkout-panel .checkout-tools .pick-up .card-list {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.order-panel .checkout-panel .checkout-tools .pick-up .card-list table {
  width: 100%;
}
.order-panel .checkout-panel .checkout-tools .pick-up .img-wraper {
  width: 50px;
  height: 50px;
  display: inline-block;
  line-height: 50px;
  text-align: center;
}
.order-panel .checkout-panel .checkout-tools .pick-up .img-wraper img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.order-panel .checkout-panel .checkout-tools .pick-up .order-info {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  padding: 30px 20px;
  align-items: flex-end;
  font-size: 18px;
  width: 100%;
}
.order-panel .checkout-panel .checkout-tools .pick-up .order-info > span {
  height: 1em;
  line-height: 1em;
}
.order-panel .checkout-panel .checkout-tools .write-off .write-off-toolbar {
  display: flex;
  align-items: center;
  padding: 20px 15px;
}
.order-panel .checkout-panel .checkout-tools .write-off .write-off-toolbar .timeinput {
  display: flex;
  align-items: center;
  margin-right: 10px;
  font-size: 14px;
  border: 1px solid #faa88e;
  padding-right: 10px;
  padding-left: 10px;
  font-weight: 800;
  text-align: right;
  height: 39px;
}
.order-panel .checkout-panel .checkout-tools .write-off .write-off-toolbar input {
  width: 3em;
  border: none;
  text-align: right;
  background: none;
  font-weight: 800;
  text-align: center;
  padding: 7px 0px;
  color: #f76e42;
}
.order-panel .checkout-panel .checkout-tools .write-off .write-off-toolbar button {
  flex: 1;
}
.order-panel .checkout-panel .checkout-tools .coupon {
  padding: 20px 0;
}
.order-panel .checkout-panel .checkout-tools .coupon td {
  text-align: center;
}
.order-panel .products-panel,
.order-panel .tables-panel {
  flex: 1;
  display: flex;
  background: #e5e5e5;
  height: 100%;
}
.order-panel .products-panel .all-subcate,
.order-panel .tables-panel .all-subcate {
  display: flex;
  background: #575757;
  color: #fff;
  padding: 0 10px;
  align-items: center;
  height: 50px;
}
.order-panel .products-panel .all-subcate .subcate-wraper,
.order-panel .tables-panel .all-subcate .subcate-wraper {
  flex: 1;
  height: 40px;
  position: relative;
}
.order-panel .products-panel .all-subcate .subcate-list,
.order-panel .tables-panel .all-subcate .subcate-list {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  margin: 0 20px;
  /* 滚动条滑块 */
}
.order-panel .products-panel .all-subcate .subcate-list::-webkit-scrollbar,
.order-panel .tables-panel .all-subcate .subcate-list::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.order-panel .products-panel .all-subcate .subcate-list::-webkit-scrollbar-thumb,
.order-panel .tables-panel .all-subcate .subcate-list::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: #bbb;
}
.order-panel .products-panel .all-subcate a,
.order-panel .tables-panel .all-subcate a {
  white-space: nowrap;
  display: block;
  padding: 10px 20px;
  cursor: pointer;
  user-select: none;
  color: #fff;
  text-decoration: none;
}
.order-panel .products-panel .all-subcate .search-form,
.order-panel .tables-panel .all-subcate .search-form {
  position: relative;
  height: 30px;
}
.order-panel .products-panel .all-subcate .search-form input,
.order-panel .tables-panel .all-subcate .search-form input {
  flex: 1;
  background: none;
  border-radius: 40px;
  padding: 6px 10px;
  height: 30px;
  padding-right: 2em;
  color: #eee;
}
.order-panel .products-panel .all-subcate .search-form button,
.order-panel .tables-panel .all-subcate .search-form button {
  background: none;
  border: none;
  width: 1em;
  height: 1em;
  padding: 0;
  position: absolute;
  right: 1em;
  margin: auto;
  top: 0;
  bottom: 0;
}
.order-panel .products-panel .products,
.order-panel .tables-panel .products {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.order-panel .products-panel .search-result,
.order-panel .tables-panel .search-result {
  user-select: none;
  flex: 1;
  overflow-y: overlay;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  padding: 10px;
  /* 商品自适应 */
}
.order-panel .products-panel .search-result .cate-title,
.order-panel .tables-panel .search-result .cate-title {
  padding: 10px;
}
.order-panel .products-panel .search-result .cate-products,
.order-panel .tables-panel .search-result .cate-products {
  font-size: 0;
  min-height: 50px;
  display: grid;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.order-panel .products-panel .search-result .cate-products .loading-wraper,
.order-panel .tables-panel .search-result .cate-products .loading-wraper {
  height: 50px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--theme-color);
}
.order-panel .products-panel .search-result .cate-products .loading-wraper .loading,
.order-panel .tables-panel .search-result .cate-products .loading-wraper .loading {
  height: 50px;
  width: 50px;
  position: relative;
  text-align: center;
}
.order-panel .products-panel .search-result .p-item,
.order-panel .tables-panel .search-result .p-item {
  font-size: 16px;
  display: flex;
  padding: 10px;
  background: #fff;
  cursor: pointer;
}
.order-panel .products-panel .search-result .p-item:hover,
.order-panel .tables-panel .search-result .p-item:hover {
  background: #fff;
}
.order-panel .products-panel .search-result .p-item .p-img,
.order-panel .tables-panel .search-result .p-item .p-img {
  border: 1px solid #eee;
  width: 60px;
  min-width: 60px;
  height: 60px;
  margin-right: 10px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.order-panel .products-panel .search-result .p-item .p-detail,
.order-panel .tables-panel .search-result .p-item .p-detail {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.order-panel .products-panel .search-result .p-item .p-detail .p-name,
.order-panel .tables-panel .search-result .p-item .p-detail .p-name {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 800;
}
.order-panel .products-panel .search-result .p-item .p-detail .p-name .name-content,
.order-panel .tables-panel .search-result .p-item .p-detail .p-name .name-content {
  flex: 1;
}
.order-panel .products-panel .search-result .p-item .p-detail .p-price,
.order-panel .tables-panel .search-result .p-item .p-detail .p-price {
  color: var(--theme-color);
}
.order-panel .products-panel .search-result .p-item .p-detail .p-price:before,
.order-panel .tables-panel .search-result .p-item .p-detail .p-price:before {
  content: "￥";
}
.order-panel .order {
  width: 400px;
  display: flex;
  flex-direction: column;
  background: #eeeeee;
}
.order-panel .order .title {
  padding: 10px 0;
  color: var(--theme-color);
  font-size: 16px;
  border-bottom: 2px solid var(--theme-color);
  margin: 0 10px;
  position: relative;
  display: flex;
  align-items: center;
}
.order-panel .order .title button {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 5px;
}
.order-panel .order .create-order {
  height: 120px;
  background: #e1e1e1;
}
.order-panel .order .create-order div {
  flex: 1;
  font-size: 18px;
}
.order-panel .order .create-order table {
  width: 100%;
  height: 60px;
}
.order-panel .order .create-order table td {
  padding-left: 15px;
}
.order-panel .order .create-order button {
  height: 100%;
  font-size: 18px;
  padding: 10px 45px;
}
.order-panel .order .create-order .cart-btns {
  display: flex;
  height: 60px;
}
.order-panel .order .create-order .cart-btns button {
  flex: 1;
}
.order-panel .order .create-order .cart-btns button:first-child {
  margin-right: 1px;
}
.popup-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  cursor: pointer;
  user-select: none;
  z-index: -100;
  background: rgba(0, 0, 0, 0);
  transition: background 0.3s;
  z-index: 9;
  transform: translate(100%);
}
.popup-mask.show-mask {
  background: rgba(0, 0, 0, 0.3);
  transform: translate(0);
}
.showcart-btn {
  display: none;
  position: absolute;
  width: 50px;
  height: 50px;
  padding: 0;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  font-size: 20px;
  z-index: 30;
}
@media screen and (max-width: 1000px) {
  .showcart-btn {
    display: block;
  }
  .order-panel:not(.scan-mode) .order {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    transform: translateX(100%);
    transition: transform 0.3s;
    z-index: 1000;
    width: 350px;
  }
  .order-panel:not(.scan-mode) .order.show-cart {
    transform: translateX(0);
  }
  .order-scenes {
    margin-right: 400px;
  }
  .order-scenes .vip-info {
    display: none !important;
  }
}
/* 添加会员 */
.vip-form {
  padding: 0 20px;
}
.vip-form table {
  width: 100%;
}
.vip-form th {
  text-align: right;
  padding: 10px 20px 10px 0;
  font-weight: 400;
  width: 95px;
}
.vip-form input,
.vip-form select {
  width: 100%;
  padding: 8px;
}
.required:after {
  content: "*";
  color: var(--theme-color);
}
.order-scenes {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  transform: translateX(-100%);
  transition: 0.3s transform;
  background: #fff;
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
}
.order-scenes .order-scenes-list {
  flex: 1;
}
.order-scenes.actived {
  transform: translateX(0);
}
.order-scenes .order-scenes-item {
  display: flex;
  align-items: center;
  border: 2px solid #e5e5e5;
  margin-bottom: 10px;
  border-radius: 5px;
  overflow: hidden;
}
.order-scenes .order-scenes-item .order-index {
  width: 80px;
  text-align: center;
}
.order-scenes .order-scenes-item .vip-info {
  width: 250px;
  padding: 10px;
  align-items: center;
}
.order-scenes .order-scenes-item .cart-info {
  height: 100%;
  flex: 1;
  padding: 10px;
}
.order-scenes .order-scenes-item .cart-info div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.1em;
}
.order-scenes .order-scenes-item .lockCartItem:not(:last-child):after {
  content: "，";
}
.order-scenes .order-scenes-header.order-scenes-item {
  border-width: 1px;
}
.order-scenes .order-scenes-header.order-scenes-item > * {
  padding-top: 5px;
  padding-bottom: 5px;
}
.order-scenes .order-scenes-header.order-scenes-item .vip-info {
  border-right: 1px #e5e5e5 solid;
  border-left: 1px #e5e5e5 solid;
  border-left: 1px dashed #e5e5e5;
}
.order-scenes .order-scenes-list .order-scenes-item {
  height: 68px;
  cursor: pointer;
  user-select: none;
  position: relative;
  padding-right: 60px;
}
.order-scenes .order-scenes-list .order-scenes-item:before {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1em;
  width: 1em;
  color: var(--theme-color);
  font-weight: 1000;
}
.order-scenes .order-scenes-list .order-scenes-item .order-index {
  height: 100%;
  font-size: 30px;
  background: #e5e5e5;
  line-height: 68px;
  color: var(--theme-color);
  font-weight: 800;
  min-width: 80px;
}
.order-scenes .order-scenes-list .order-scenes-item .vip-info {
  height: 100%;
  display: flex;
}
.order-scenes .order-scenes-list .order-scenes-item .vip-info img {
  width: 50px;
  height: 50px;
  margin-right: 20px;
}
.order-scenes .order-scenes-list .order-scenes-item.actived {
  border-color: var(--theme-color);
}
.order-scenes .order-scenes-list .order-scenes-item.actived .order-index {
  background: var(--theme-color);
  color: #fff;
}
.order-panel .checkout-panel .checkout-tools .pick-up .integral {
  text-align: center;
}
.order-panel .checkout-panel .checkout-tools .pick-up .integral .integral_num {
  color: #f76e42;
  font-size: 20px;
}
.order-panel .checkout-panel .checkout-tools .pick-up .store_name {
  display: inline-block;
  width: 110px;
  overflow: hidden;
  /*超出部分隐藏*/
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
  white-space: nowrap;
  /*规定段落中的文本不进行换行 */
}
/*桌台下单*/
.header-box {
  width: 100%;
  height: 50px;
  /*line-height   : 50px;*/
  background-color: #fff;
  /*display       : none;*/
}
.header-box > p {
  display: inline-block;
  margin-left: 10px;
}
.header-box > p:nth-child(2) {
  float: right;
  margin-right: 10px;
}
.btn {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.4);
  background-color: #fff;
  font-size: 18px;
  padding: 0;
}
.header-box > p span {
  color: red;
}
/*加减商品按钮*/
.right-info {
  position: relative;
}
.add-num,
.reduce-num {
  display: inline-block;
  text-align: center;
  background: #f1f1f1;
  cursor: pointer;
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
  color: red;
  line-height: 0;
  width: 2em;
  padding: 0;
}
.add-num {
  position: absolute;
  right: 1px;
  top: 1px;
  bottom: 1px;
}
.reduce-num {
  position: absolute;
  left: 1px;
  top: 1px;
  bottom: 1px;
}
body.loading #main {
  display: none;
}
/*桌台*/
* {
  margin: 0;
  padding: 0;
}
.deskbox {
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}
.deskbox .desk-wraper {
  display: inline-block;
  padding: 20px;
  vertical-align: middle;
}
.deskbox .desk {
  height: 160px;
  text-align: center;
  border-radius: 4px;
  padding: 10px 20px;
  background-color: #ffffff;
  cursor: pointer;
}
.deskbox .desk > p {
  font-size: 14px;
  color: #808080;
  margin: 0;
}
.deskbox .desk > .desk-name {
  border-bottom: 1px solid rgba(152, 141, 141, 0.4);
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 15px;
  padding-bottom: 10px;
}
/* 桌台自适应 */
@media screen and (max-width: 6900px) and (max-width: 9600px) {
  .desk-wraper {
    width: 3.22580645%;
  }
}
@media screen and (max-width: 6700px) and (max-width: 9300px) {
  .desk-wraper {
    width: 3.33333333%;
  }
}
@media screen and (max-width: 6500px) and (max-width: 9000px) {
  .desk-wraper {
    width: 3.44827586%;
  }
}
@media screen and (max-width: 6300px) and (max-width: 8700px) {
  .desk-wraper {
    width: 3.57142857%;
  }
}
@media screen and (max-width: 6100px) and (max-width: 8400px) {
  .desk-wraper {
    width: 3.7037037%;
  }
}
@media screen and (max-width: 5900px) and (max-width: 8100px) {
  .desk-wraper {
    width: 3.84615385%;
  }
}
@media screen and (max-width: 5700px) and (max-width: 7800px) {
  .desk-wraper {
    width: 4%;
  }
}
@media screen and (max-width: 5500px) and (max-width: 7500px) {
  .desk-wraper {
    width: 4.16666667%;
  }
}
@media screen and (max-width: 5300px) and (max-width: 7200px) {
  .desk-wraper {
    width: 4.34782609%;
  }
}
@media screen and (max-width: 5100px) and (max-width: 6900px) {
  .desk-wraper {
    width: 4.54545455%;
  }
}
@media screen and (max-width: 4900px) and (max-width: 6600px) {
  .desk-wraper {
    width: 4.76190476%;
  }
}
@media screen and (max-width: 4700px) and (max-width: 6300px) {
  .desk-wraper {
    width: 5%;
  }
}
@media screen and (max-width: 4500px) and (max-width: 6000px) {
  .desk-wraper {
    width: 5.26315789%;
  }
}
@media screen and (max-width: 4300px) and (max-width: 5700px) {
  .desk-wraper {
    width: 5.55555556%;
  }
}
@media screen and (max-width: 4100px) and (max-width: 5400px) {
  .desk-wraper {
    width: 5.88235294%;
  }
}
@media screen and (max-width: 3900px) and (max-width: 5100px) {
  .desk-wraper {
    width: 6.25%;
  }
}
@media screen and (max-width: 3700px) and (max-width: 4800px) {
  .desk-wraper {
    width: 6.66666667%;
  }
}
@media screen and (max-width: 3500px) and (max-width: 4500px) {
  .desk-wraper {
    width: 7.14285714%;
  }
}
@media screen and (max-width: 3300px) and (max-width: 4200px) {
  .desk-wraper {
    width: 7.69230769%;
  }
}
@media screen and (max-width: 3100px) and (max-width: 3900px) {
  .desk-wraper {
    width: 8.33333333%;
  }
}
@media screen and (max-width: 2900px) and (max-width: 3600px) {
  .desk-wraper {
    width: 9.09090909%;
  }
}
@media screen and (max-width: 2700px) and (max-width: 3300px) {
  .desk-wraper {
    width: 10%;
  }
}
@media screen and (max-width: 2500px) and (max-width: 3000px) {
  .desk-wraper {
    width: 11.11111111%;
  }
}
@media screen and (max-width: 2300px) and (max-width: 2700px) {
  .desk-wraper {
    width: 12.5%;
  }
}
@media screen and (max-width: 2100px) and (max-width: 2400px) {
  .desk-wraper {
    width: 14.28571429%;
  }
}
@media screen and (max-width: 1900px) and (max-width: 2100px) {
  .desk-wraper {
    width: 16.66666667%;
  }
}
@media screen and (max-width: 1700px) and (max-width: 1800px) {
  .desk-wraper {
    width: 20%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1500px) {
  .desk-wraper {
    width: 25%;
  }
}
@media screen and (max-width: 1300px) and (max-width: 1200px) {
  .desk-wraper {
    width: 33.33333333%;
  }
}
@media screen and (max-width: 1100px) and (max-width: 900px) {
  .desk-wraper {
    width: 50%;
  }
}
/*桌台下单*/
.header-box {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background-color: #fff;
}
.header-box > p {
  display: inline-block;
  margin-left: 10px;
}
.header-box > p:nth-child(2) {
  float: right;
  margin-right: 10px;
}
.btn {
  width: 20px;
  height: 20px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  text-align: center;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.4);
  background-color: #fff;
  font-size: 16px;
  padding: 0;
}
.header-box > p span {
  color: red;
}
.order-list > p {
  font-size: 14px;
  color: black;
}
.checkout-area {
  flex: 1;
  position: relative;
}
.checkout-area .order-info {
  width: 55%;
  display: flex;
  flex-direction: column;
}
.checkout-area .order-info {
  margin-right: 10px;
}
.checkout-area .order-info .vip-info {
  background: #eeeeee;
  color: #000;
}
.checkout-area .order-info .vip-info input {
  color: #000;
  border: none;
  position: relative;
}
.checkout-area .order-info .vip-info button {
  height: 46px;
}
.checkout-area .order-info .vip-info img {
  left: 4px;
}
.checkout-area .info-item {
  background: #eeeeee;
  display: flex;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  height: 42px;
}
.checkout-area .info-item:last-child {
  border: none;
}
.checkout-area .info-item-left {
  color: #888;
}
.checkout-area .info-item-right {
  flex: 1;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: var(--theme-color);
  overflow: hidden;
}
.checkout-area .info-item-right input {
  flex: 1;
  border: none;
  background: none;
  text-align: right;
  padding: 0;
  font-size: 16px;
}
.checkout-area .info-item-right button,
.checkout-area .info-item-right .icon-edit {
  background: none;
  padding: 0;
  color: var(--theme-color);
}
.checkout-area .info-item-right [class^="icon-"],
.checkout-area .info-item-right [class*=" icon-"] {
  font-size: 20px;
}
.checkout-area .info-item-right [class^="icon-"]:before,
.checkout-area .info-item-right [class*=" icon-"]:before {
  margin-left: 0.5em;
}
.checkout-area .info-item-right .coupon {
  color: var(--theme-color);
}
.checkout-area .discount {
  color: var(--theme-color);
}
.checkout-area .checkout-area-content {
  display: flex;
  flex-wrap: wrap;
  width: 810px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-height: 380px;
  justify-content: center;
}
.checkout-area .checkout-area-content .checkout-sub-panel {
  flex: 1;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.checkout-area .checkout-area-content .checkout-tabs {
  display: flex;
  margin-bottom: 10px;
}
.checkout-area .checkout-area-content .checkout-tabs button {
  flex: 1;
  height: 60px;
  border: 1px solid var(--theme-color);
  background: #fff;
  color: var(--theme-color);
  font-size: 18px;
}
.checkout-area .checkout-area-content .checkout-tabs button.actived {
  background: var(--theme-color);
  color: #fff;
}
.pay-types {
  user-select: none;
}
.pay-types > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}
.pay-types label,
.pay-types button {
  position: relative;
  flex: 1;
  height: 40px;
  cursor: pointer;
  color: #000;
}
.pay-types label:not(:last-child),
.pay-types button:not(:last-child) {
  margin-right: 10px;
}
.pay-types label input,
.pay-types button input {
  position: absolute;
}
.pay-types label input:checked + span,
.pay-types button input:checked + span {
  background: url(imgs/corner-checked.png) #fff right bottom no-repeat;
  background-size: 30px;
  border-color: var(--theme-color);
}
.pay-types label input:disabled + span,
.pay-types button input:disabled + span {
  background: #ccc;
  cursor: not-allowed;
}
.pay-types label span,
.pay-types button span {
  border: 2px solid transparent;
  background: #eee;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  line-height: 34px;
  white-space: nowrap;
}
.pay-types label span:before,
.pay-types button span:before {
  display: inline-block;
  margin-right: 8px;
  position: relative;
  bottom: -1px;
  font-size: 1.2em;
}
.keyboard-panel {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.keyboard-panel .keyboard-header {
  padding: 10px;
  background: #eee;
  display: flex;
  height: 60px;
  border: 1px solid #ccc;
  align-items: center;
  position: relative;
}
.keyboard-panel .keyboard-header:focus-within {
  border-color: #f76e42;
}
.keyboard-panel .keyboard-header .icon-money {
  width: 1em;
  height: 1em;
  font-size: 26px;
  color: #929292;
}
.keyboard-panel .keyboard-header .icon-del {
  padding: 0;
  background: none;
  font-size: 26px;
  color: var(--theme-color);
  margin: 0 0 0 5px;
  width: 50px;
  height: 50px;
}
.keyboard-panel .keyboard-header input {
  width: 100%;
  padding: 0 20px;
  border: none;
  background: transparent;
  font-size: 40px;
  color: var(--theme-color);
  height: 1em;
  box-shadow: none;
}
.keyboard-panel .keyboard {
  width: 100%;
  margin-top: 10px;
  flex: 1;
  flex-wrap: wrap;
  display: flex;
  border: 1px solid #ccc;
  border-bottom: none;
  justify-content: space-between;
  height: 300px;
}
.keyboard-panel .keyboard button {
  width: 33.33333333%;
  display: block;
  border-bottom: 1px solid #ccc;
  background: #fff;
  color: #444;
  font-size: 22px;
  padding: 0;
  height: 25%;
}
.keyboard-panel .keyboard button:nth-child(3n+2) {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.keyboard-panel .keyboard button:hover {
  font-size: 26px;
  color: #000;
}
.keyboard-panel .keyboard button:active {
  font-size: 22px;
}
.keyboard-panel .keyboard button.pay-order {
  background: var(--theme-color);
  color: #fff !important;
}
/* 会员登录 */
.vip-info {
  height: 80px;
  display: flex;
  padding: 0 6px;
  align-items: center;
}
.vip-info form.vip-login {
  border: 1px solid #ccc;
}
.vip-info .vip-login {
  flex: 1;
  display: flex;
  align-items: center;
  position: relative;
}
.vip-info .vip-login img {
  width: 40px;
  height: 40px;
  left: 6px;
  position: absolute;
  background-image: url(../images/user.png);
  background-size: 100% 100%;
}
.vip-info .vip-login .vipnumber {
  flex: 1;
  width: 100px;
  background-image: url(../images/user.svg);
}
.vip-info .vip-login .carno {
  width: 135px;
  background-image: url(../images/carno.png);
}
.vip-info .vip-login .vipnumber,
.vip-info .vip-login .carno {
  background-repeat: no-repeat;
  background-size: 26px;
  background-position: 4px center;
}
.vip-info .vip-login button {
  padding: 10px 8px;
}
.vip-info .vip-login input {
  padding-left: 35px;
  background: transparent;
  border-right: none;
  color: #666;
  font-size: 14px;
  border: none;
  outline-offset: -2px;
}
.vip-info .vip-login .vip-detail {
  flex: 1;
  padding-left: 60px;
}
.vip-info .vip-login .vip-detail .detail-item span:first-child {
  color: #888;
}
.vip-info .vip-login button {
  height: 46px;
}
.desk.active {
  animation: breathe 2s infinite linear;
}
@keyframes breathe {
  0% {
    box-shadow: 0 0 16px 5px #f76e42;
  }
  50% {
    box-shadow: 0 0 2px 1px #f76e42;
  }
  100% {
    box-shadow: 0 0 16px 5px #f76e42;
  }
}
.order-list > p {
  font-size: 14px;
  color: black;
}
.t1 {
  text-align: left;
}
.t1 .s1 {
  display: inline-block;
  width: 5em;
}
.t1 span {
  display: inline-block;
  text-align: left;
}
.login-cart-tip {
  line-height: 1.5em;
  margin: 6px 0;
  display: flex;
}
.login-cart-tip .login-tip-carno {
  flex: 1;
  margin-right: 20px;
}
.login-cart-tip .login-tip-uname {
  opacity: 0.7;
}
.login-tip-carno,
.login-tip-caruser {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.login-tip-caruser {
  font-size: 13px;
  opacity: 0.7;
}
.el-autocomplete-suggestion {
  width: 160px !important;
}
.header-tab {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.header-tab.activetab:before {
  content: "";
  display: block;
  border: var(--theme-color) 1px solid;
  border-bottom: none;
  border-left: none;
  transform: rotate(-45deg) translate(-50%, -50%);
  bottom: -15px;
  position: absolute;
  height: 8px;
  width: 8px;
  background: #fff;
  left: 50%;
}
.el-form-item__label:after {
  content: " :";
}
.car-list .icon-prev {
  position: relative;
}
.car-list .icon-prev:before {
  color: var(--theme-color);
  font-size: 13px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 21px;
  opacity: 0.6;
}
.el-autocomplete-suggestion {
  width: auto !important;
}
.coupon-pack-detail td {
  padding: 6px 0;
}
.coupon-pack-list {
  flex: 1;
  display: flex;
  overflow-y: auto;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: flex-start;
}
.coupon-pack-list .coupon-item {
  display: flex;
  flex-direction: column;
  width: 49%;
  margin: 13px 0;
  border: 1px solid var(--theme-color);
}
.coupon-pack-list .coupon-item .detail-info {
  color: #fff;
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  background: var(--theme-color);
}
.coupon-pack-list .coupon-item .detail-info .coupon-name {
  font-size: 20px;
  margin-bottom: 5px;
}
.coupon-pack-list .coupon-item .detail-info .coupon-date {
  font-size: 14px;
}
.coupon-pack-list .coupon-item .detail-info .coupon-left {
  flex: 1;
}
.coupon-pack-list .coupon-item .detail-info .coupon-right {
  text-align: center;
  width: 120px;
}
.coupon-pack-list .coupon-item .coupon-dddd {
  padding: 10px;
  font-size: 13px;
  opacity: 0.6;
}
button,
input {
  border-radius: 0;
}
.scan-mode-input {
  display: none;
}
.scan-mode .products-panel {
  display: none;
}
.scan-mode .order {
  width: 100% !important;
}
.scan-mode .scan-mode-input {
  flex: 1;
  margin: 0 20px;
  display: flex;
  align-items: center;
  position: relative;
}
.scan-mode .scan-mode-input:before {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.scan-mode .scan-mode-input input {
  padding: 8px;
  padding-left: 32px;
  flex: 1;
}
.scan-mode .exit-scan-mode {
  background: none;
  padding: 0;
  color: var(--theme-color);
  margin-right: 10px;
  margin-left: 0 !important;
  border-right: 1px solid var(--theme-color);
  padding-right: 20px;
}
.scan-mode .order-scenes {
  flex: auto;
  width: 50vw;
}
.scan-mode.show-order-scenes .order {
  width: 50vw !important;
}
.el-radio-button__inner {
  width: 100%;
}
.el-radio-button:first-child .el-radio-button__inner,
.el-radio-button:last-child .el-radio-button__inner {
  border-radius: 0 !important;
}
.confirm-pay .el-form-item {
  margin-bottom: 10px;
}
.confirm-pay .el-form-item > * {
  font-size: 18px;
  line-height: 1;
}
.zuhe-pay .el-form-item {
  margin-bottom: 10px;
}
.zuhe-pay .el-form-item .el-form-item__label {
  font-size: 16px;
  text-align: left;
  align-items: center;
}
.zuhe-pay .df-price {
  margin-bottom: 20px;
}
.zuhe-pay .df-price > span {
  color: #F77146;
}
.el-dropdown-menu__item {
  line-height: 40px !important;
}
/* 车牌键盘 */
.app-license-keyboard > span {
  display: inline-flex;
  align-items: center;
}
.license-container {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) !important;
}