yonui-ys/lib/style/billing/electronic.less

yonui ys

// 缴款单
.voucher-touch {
  .voucher-body-left-touch {
    .left-footer-button {
      .btn-toolbar-bottom {
        float: left;
        padding-right: 0;
      }
    }
  }
}

// 触屏
.ant-modal.referModal.Table .ant-popover-open-count {
  height: auto;
}

.ant-modal .fixedDataTableCellGroupLayout_cellGroupWrapper .fixedDataTableCellGroupLayout_cellGroup .fixedDataTableCellLayout_main:first-child .headerName {
  padding-left: 0
}

.touchDevice {
  .ant-popover-inner-content {
    line-height: 40px;

    .ant-input-affix-wrapper {
      input {
        height: 40px;
      }

      .ant-input-search-icon:before {
        font-size: 18px !important;
      }

      .ant-input-suffix {
        top: 21px !important;
      }
    }
  }

  .ant-select-selection:hover .ant-select-selection__clear:before {
    font-size: 22px;
    color: #adb4bc;
  }

  .ant-select-selection__clear {
    transition: none;
    margin-right: 5px;
    right: 36px !important
  }

  .ant-tree {
    font-size: 16px;
    padding-left: 0;
    padding-right: 10px;

    li {
      padding: 0;

      ul {
        padding-top: 15px;
      }

      span.ant-tree-switcher {
        top: -3px;
        width: 22px !important;
        height: 22px !important;
        margin-right: 8px !important;

        &.ant-tree-switcher_close:after,
        &.ant-tree-switcher_open:after {
          margin-top: 7px;
          margin-left: -1px;
          font-size: 18px !important;
          color: #666;
        }
      }
    }

  }

  .anticon-noPic {
    display: inline-block;
    background: url(../images/no-pic.png) no-repeat;
    width: 60px;
    height: 46px;
  }

  .viewCell {
    line-height: 40px;
  }

  .height-100 {
    .ant-row+.line-tabs {
      margin-top: 15px;
    }
  }

  .has-error {
    position: relative;

    .ant-form-explain {
      position: absolute;
      left: 116px;
      top: 34px;
      font-size: 14px;
      line-height: 32px;
    }
  }

  .viewSetting.viewCell.width-percent-100 {
    padding-left: 12px;
    padding-right: 0
  }

  .group-container .viewCell {
    padding-left: 12px;
  }

  .twoInclusion {
    .viewSetting.viewCell.width-percent-100 {
      .ant-row {
        width: 50%;

        .control-width {
          .ant-row {
            width: 100%;
          }
        }
      }

      &>div {
        .input-control {
          width: calc(~'100% - 205px') !important;
        }

        .ant-row .ant-input {
          width: 100%;
        }
      }
    }
  }

  .hardware {
    padding-left: 80px;
    padding-top: 20px;

    .width-percent-50 .control-width {
      width: calc(~'100% - 200px') !important;
    }

    .twoInclusion:first-child+.ant-row,
    .twoInclusion:first-child>.ant-row {
      margin-left: -155px
    }

    .label-control {
      width: 140px !important;

      label {
        max-width: 140px;
      }
    }

    .has-error .ant-form-explain {
      left: 155px;
    }
  }

  .public_fixedDataTableCell_disabled {
    padding: 0px !important;
  }

  .listrefer-touch-container {
    .listRefer {
      .ant-input-affix-wrapper {
        margin-bottom: 15px;
      }

      .ant-checkbox-wrapper {
        padding: 0 10px 0 40px;
        position: relative;
        margin-bottom: 15px;

        .ant-checkbox {
          margin-top: 0;
          position: absolute;
          left: 10px;
          top: 2px;

          &+span {
            padding: 0;
            line-height: 20px;
            display: block
          }
        }
      }
    }
  }

  .ant-popover .ant-popover-inner-content {
    .pull-left .ant-checkbox-wrapper {
      height: 28px;
      line-height: 28px;
    }

    .ant-checkbox-wrapper {
      font-size: 16px;
    }

    .ant-row {
      height: 40px;
      line-height: 40px;
    }

    .filter-btn-1 {
      width: 100%;
      border-top: none;

      .ant-btn-sm,
      button {
        height: 30px;
        font-size: 14px;
      }
    }
  }

  .ant-tabs:not(.ant-tabs-vertical)>.ant-tabs-content>.ant-tabs-tabpane {
    overflow: hidden;
    height: 100%;

    .container-greater-height {
      height: 100%;
    }
  }

  .fixedDataTableRowLayout_main.public_fixedDataTableRow_main.fixedDataTableLayout_header.public_fixedDataTable_header .public_fixedDataTableCell_main {
    border-bottom: none;
  }

  .ant-modal.Table .ant-modal-footer {
    padding: 15px 20px;
  }
}

.meta-dynamic-view .public_fixedDataTable_footer {

  .public_fixedDataTableCell_cellContent .textCol,
  .fixedDataTableCellLayout_main:last-child .public_fixedDataTableCell_cellContent .textCol {
    line-height: 40px !important;
  }
}

/*1024弹窗样式*/
.electronic {
  .billing-touch-wrap .top-right {
    padding-right: 0px !important;
  }

  // 树形结构
  .ant-modal-wrap {
    overflow: hidden;
  }

  .ant-modal {
    margin-top: 50px;
  }

  .ant-modal-footer {
    padding: 15px 20px !important;
  }

  .ant-modal-title {
    font-size: 16px;
  }

  .ant-modal .ant-table-tbody>tr>td:first-child,
  .ant-modal .ant-table-thead>tr>th:first-child {
    padding-left: 20px !important;
  }

  .ant-modal .ant-table-wrapper {
    margin-top: 15px;
  }

  .ant-modal .ant-table-pagination {
    margin: 10px 0;
  }

  .billing-touch-wrap {

    /*头部*/
    .ant-layout-header {
      height: 50px !important;
      line-height: 48px !important;
    }

    .logo-small {
      height: 50px !important;
    }

    .logo-small {
      width: 60px !important;

      svg {
        width: 50px !important;
        margin-top: -5px !important;
        margin-left: 4px !important;
      }

      div {
        width: 54px !important;
        margin-top: 16.5px !important;
        height: 17px !important;
      }
    }

    .ant-layout.ant-layout-has-sider>.ant-layout {
      min-width: 964px !important;
    }

    .ant-layout-header .TopMenu .name {
      font-size: 16px !important;
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 30%;
    }

    .top-right {
      padding-right: 20px;
    }

    .ant-layout-has-sider {
      padding-top: 50px !important;
    }

    .ant-layout-header .TopMenu .top-right .date {
      font-size: 15px !important;
    }

    .ant-layout-header .top-right .dayin svg {
      width: 25px !important;
      height: 25px !important;
    }

    .ant-layout-header .dayin {
      margin-top: 12px !important;
    }

    .ant-layout-header .user-info .billing-touch-topMenu-titleName {
      font-size: 14px !important;
      line-height: 48px;

      .anticon-rowBottom {
        top: 8px;
      }

      .anticon-rowBottom:before {
        content: "\E762";
        transform: scale(.55) rotate(0deg);
        color: #999;
      }
    }

    .ant-layout-header .TopMenu .name {
      line-height: 48px !important;
    }

    .orgOrStore {
      font-size: 14px !important;
      height: 49px !important;
      line-height: 49px !important;

      .anticon-rowBottom {
        margin-top: 9px !important;
      }

      .anticon-rowBottom:before {
        content: "\E762";
        transform: scale(.55) rotate(0deg);
        color: #999;
      }
    }

    .ant-layout-header .TopMenu .top-right .span_shouye1 {
      width: 55px !important;
      height: 50px !important;
      padding-right: 10px;
      float: left;

      svg {
        width: 35px;
        height: 30px;
        margin-top: 9px;
      }
    }

    .ant-layout-header .TopMenu .top-right .touch_zuixiaohua {
      width: 50px !important;

      .anticon-zuixiaohua:before {
        line-height: 50px !important;
      }
    }

    .ant-layout-header .TopMenu .top-right .touch_guanbi {
      width: 55px !important;

      .anticon-guanbi1:before {
        line-height: 50px !important;
      }
    }

    .ant-layout-header .TopMenu .top-right .TopMenu-qiehuanpc {
      width: 62px !important;
      height: 49px !important;
      padding-right: 20px !important;

      svg {
        width: 37px !important;
        height: 31px !important;
        margin-top: 9px !important;
      }


    }

    .TopMenu .top-right .user-info {
      height: 50px !important;
      margin-right: 10px !important;
    }

    .ant-layout-header .TopMenu .top-right .user-info em {
      width: 30px !important;
      height: 30px !important;
      margin-top: 10px !important;
    }

    .TopMenu .top-right .user-info .center-word {
      height: 50px !important;
    }

    .ant-layout-header .TopMenu .top-right .user-info em img {
      width: 30px !important;
      height: 30px !important;
    }

    /*左侧*/
    .ant-layout-sider {
      width: 60px !important;
    }

    .left-menu .bottom-setting {
      padding-bottom: 16px !important;
    }

    .left-menu ul li.ant-menu-item {
      padding-top: 14px !important;
    }

    .left-menu ul li.ant-menu-item div p {
      margin-top: 0px !important;
    }

    .left-menu ul li.ant-menu-item span.ant-badge {
      width: 40px !important;
      height: 40px !important;
    }

    .left-menu ul li.ant-menu-item span.ant-badge svg {
      width: 20px !important;
      height: 20px !important;
      margin-top: 10px !important;
    }

    .left-menu ul li.ant-menu-item div p,
    .bottom-setting em {
      font-size: 14px !important;
    }

    .left-menu .bottom-setting svg {
      width: 20px !important;
      height: 20px !important;
      vertical-align: -.2em !important;
    }

    /*右侧-main*/
    .anticon-jianpan:before {
      font-size: 28px !important;
    }

    .anticon-jianpan-copy:before {
      font-size: 28px !important;
    }

    .ant-layout.ant-layout-has-sider>.ant-layout {
      margin-left: 60px !important;
    }

    .billing-touch-main {

      /*左侧分页*/
      .elec-pagination {
        margin: 10px auto 0 auto;
        height: 40px;
        width: 290px !important;

        .first,
        .last {
          width: 46px;
          height: 40px;
          border-radius: 4px;
          border: 1px solid #cdd4da;
          display: block;
          color: #d2d6dc;
          line-height: 40px;
          text-align: center;
          background: #f7f9fd;
          float: left;

          .anticon-double-left::before {
            content: "\e6fc";
            font-size: 18px;
            color: #505766;
          }

          .anticon-double-right::before {
            content: "\e6fd";
            font-size: 18px;
            color: #505766;
          }
        }

        .first.disabled {
          pointer-events: none;

          .anticon-double-left::before {
            color: #d2d6dc;
          }
        }

        .pre.disabled {
          pointer-events: none;

          .anticon-left:before {
            color: #d2d6dc;
          }
        }

        .next.disabled {
          pointer-events: none;

          .anticon-right:before {
            color: #d2d6dc;
          }
        }

        .last.disabled {
          pointer-events: none;

          .anticon-double-right:before {
            color: #d2d6dc;
          }
        }

        .last {
          float: right;
        }

        .pre,
        .next {
          width: 46px !important;
          height: 40px !important;
          border-radius: 4px;
          border: 1px solid #cdd4da !important;
          background: #f7f9fd;
          display: block;
          float: left;
          margin-left: 10px;
          line-height: 38px;

          .anticon {
            width: 100%;
          }

          .anticon-left:before {
            color: #505766;
            font-size: 18px;
            line-height: 36px;
          }

          .anticon-right:before {
            color: #505766;
            font-size: 18px;
            line-height: 36px;

          }

        }

        .next {
          margin-left: 0px;

        }

        .info {
          height: 40px;
          display: block;
          float: left;
          text-align: center;
          line-height: 38px;
          font-size: 14px;
          margin-top: 0px;
        }
      }

      .ant-col-8 {
        .anticon-delete {
          display: block;
          width: 100%;
          height: 70px;
          line-height: 70px;
        }

        .billing-editable-table .specs .ant-btn {
          height: 26px !important;
          padding: 0px 6px;

          span {
            font-size: 12px;
          }
        }

        /*表格*/
        .billing-electronic-table {

          .fixedDataTableRowLayout_main,
          .fixedDataTableRowLayout_main {
            border-bottom: 1px solid #d8e0e5 !important;
          }
        }

        .billing-left-bottom {
          box-shadow: none;
          border-top: #DBE0E5 solid 1px;
        }

        .billing-editable-table .anticon-delete:before {
          font-size: 20px;
        }

        .billing-left-bottom .billing-bottom-btns {
          margin-top: 10px !important;
        }

        .billing-left-content .billing-member-goods .billing-touch-member-info .info .member-info-right {
          // margin-left: 175px!important;
        }

        .billing-left-content .billing-member-goods .billing-touch-member-info .info .info-touch-count-left {
          // width: 175px!important;
        }

        .billing-left-bottom .billing-row-detail .detail-row-3 {
          width: 24% !important;
          line-height: 20px;
        }

        .billing-left-bottom .billing-row-detail .detail-row-2,
        .billing-left-bottom .billing-row-detail .detail-row-4 {
          width: 26% !important;
          min-height: 22px;
          line-height: 20px;
        }

        .billing-left-content .billing-member-goods .billing-touch-member .addMember {
          margin-left: 10px;
        }

        .billing-touch-table .billing-head-name {
          font-size: 13px !important;
        }

        .billing-editable-table .true_firstInit p:first-child {
          height: 180px !important;
          width: 180px !important;
          margin-left: -90px !important;
          background: url(../images/first-billing.png) no-repeat center top;
          background-size: 100%;
          margin-top: 10px;
          top: 0px;
        }

        .billing-editable-table .true_firstInit p:last-child {
          margin-top: 185px !important;
          font-size: 16px !important;
        }

        // .billing_cart_table.fixedDataTableLayout_main.public_fixedDataTable_main{
        //   min-height: 323px!important;
        // }
        // .fixedDataTableLayout_rowsContainer{
        //   min-height: 321px!important;
        // }
        .public_fixedDataTable_bottomShadow {
          display: none;
        }

        .billing-left-content .billing-member-goods .billing-touch-member-info .info .user-img {
          width: 40px !important;
          height: 40px !important;
          margin: 10px 6px 10px 10px;
        }

        .billing-left-content .billing-member-goods .billing-touch-member-info .info .points .points-name,
        .billing-left-content .billing-member-goods .billing-touch-member-info .info .balance .balance-name,
        .billing-left-content .billing-member-goods .billing-touch-member-info .info .balance2 .balance2-name {
          font-size: 12px;
        }

        .billing-left-content .billing-member-goods .billing-touch-member-info .info .points .points-number,
        .billing-left-content .billing-member-goods .billing-touch-member-info .info .balance .balance-number,
        .billing-left-content .billing-member-goods .billing-touch-member-info .info .balance2 .balance2-number {
          font-size: 14px;
        }

        .billing-left-content .billing-member-goods .billing-touch-member-info .info .realname {
          margin-top: 10px !important;
        }

        .billing-left-content .billing-member-goods .billing-touch-member-info .info .points,
        .billing-left-content .billing-member-goods .billing-touch-member-info .info .balance,
        .billing-left-content .billing-member-goods .billing-touch-member-info .info .balance2 {
          margin-top: 10px;
        }

        .billing-left-content .billing-member-goods .billing-touch-member-info .info .realname .num {
          font-size: 14px !important;
        }

        .billing-left-content .billing-member-goods .billing-touch-member .ant-input-affix-wrapper .ant-input {
          font-size: 14px !important;
          height: 36px !important;
          border-radius: 4px !important;
        }

        .billing-left-content .billing-member-goods .billing-touch-member .addMember svg {
          margin-left: 2px !important;
        }

        .billing-editable-table .ant-table-tbody>tr>td {
          font-size: 14px !important;
        }

        .billing-left-bottom .billing-bottom-btns .ant-btn {
          font-size: 18px !important;
          border-radius: 6px !important;
        }

        .billing-left-bottom .billing-row-detail {
          font-size: 14px !important;
          max-height: 68px !important;
          margin: 5px 0 0 10px;
        }

        .billing-left-bottom .billing-bottom-btns .ant-btn {
          height: 50px !important;
          line-height: 48px !important;
        }

        .billing-left-bottom .billing-bottom-btns>div {
          height: 50px !important;
        }

        .billing-left-content .billing-member-goods .billing-touch-member .ant-input-affix-wrapper {
          height: 36px !important;
          margin: 10px 0 0 20px;

          .anticon-delete {
            display: block;
            width: 100%;
            height: 60px;
            line-height: 60px;
          }

        }

        .billing-left-content .billing-member-goods .billing-touch-member .ant-input-affix-wrapper .ant-input-suffix {
          top: 20px;
        }

        .billing-left-content .billing-member-goods {
          height: 60px !important;
        }

        .billing-left-content .billing-member-goods .billing-touch-member .addMember svg {
          margin-top: 15px;
        }

        .billing-touch-table .cell-text {
          font-size: 13px !important;
        }

        .fixedDataTableCellLayout_main:first-child {
          .billing-head-name {
            margin-left: 10px;
          }
        }

        .public_fixedDataTableCell_main:first-child {
          .cell-text {
            margin-left: 10px;
          }
        }
      }

      .ant-col-16 {
        .billing-right-content .touchContent_left .touchContent_left_header .ant-checkbox-wrapper {
          margin-top: 18px;
          margin-left: -10px;
          font-size: 14px;

          .ant-checkbox {
            float: left;
            margin-top: 1px;
          }
        }

        .billing-right-content .touchContent_left .touch_show_content .touch-scrollbar>div {
          position: relative;
          height: 100%;
        }

        .touch_second_kind {
          margin: 2px 0 0 0 !important;
        }

        .ant-tabs-tab-prev-icon {
          margin-left: -5px;
        }

        /*分页*/
        .electronic_pagination_area {
          width: 100%;
          height: 40px;
          overflow: hidden;

          .electronic_pagination {
            min-width: 320px;
            position: fixed;
            bottom: 70px !important;
            right: 122px !important;

            .pagination_first,
            .pagination_last {
              float: left;
              width: 46px !important;
              height: 40px !important;
              border-radius: 4px;
              border: #cdd4da solid 1px;
              display: block;
              color: #d2d6dc;
              line-height: 40px !important;
              text-align: center;
              background: #f7f9fd;

              .anticon-daoshouye:before {
                font-size: 18px !important;
              }

              .anticon-daomoye:before {
                content: "\E6FD";
                font-size: 18px !important;
                color: #505766 !important;
              }
            }

            .pagination_first.disabled {
              .anticon-daoshouye:before {
                color: #d2d6dc !important;
                font-size: 18px !important;
              }
            }

            .ant-pagination-prev a:after {
              color: #505766 !important;
            }

            .ant-pagination-next a:after {
              color: #505766 !important;
            }

            .pagination_last.disabled {
              .anticon-daomoye:before {
                color: #d2d6dc !important;
              }

              .ant-pagination-prev a:after {
                color: #d2d6dc !important;
              }
            }

            .ant-pagination-disabled {
              a:after {
                color: #d2d6dc !important;
              }

            }

            .pagination_last {
              float: right;
            }

            .ant-pagination li {
              border: none !important;
            }

            .ant-pagination-slash {
              margin: 0px;
            }

            .ant-pagination-simple-pager {
              min-width: 120px;
              text-align: center;
              font-size: 16px;
            }

            .ant-pagination-simple-pager input {
              border: none;
              margin: 0px;
              padding: 0px;
              width: 30px;
              max-width: 29px;
              text-align: right;
            }

            .ant-pagination {
              float: left;
              margin: 0 10px !important;

              .ant-pagination-next,
              .ant-pagination-prev {
                width: 46px !important;
                height: 40px !important;
                border-radius: 4px;
                border: #cdd4da solid 1px !important;
                background: #f7f9fd;
              }

              .ant-pagination-prev a:after,
              .ant-pagination-next a:after {
                color: #adb4bc;
                font-size: 26px !important;
                line-height: 40px;
              }
            }
          }
        }

        .billing-right-content .touchContent_left .touch_second_kind .ant-tabs-nav-container-scrolling {
          padding-left: 45px !important;
          padding-right: 45px !important;
        }

        .billing-right-content .touchContent_left .touch_second_kind .ant-tabs-tab-prev.ant-tabs-tab-arrow-show,
        .billing-right-content .touchContent_left .touch_second_kind .ant-tabs-tab-next.ant-tabs-tab-arrow-show {
          width: 45px !important;
        }

        .ant-tabs-tab-prev-icon {
          margin-left: 0px;
        }

        .billing-right-content .touchContent_left .touch_second_kind .ant-tabs-tab {
          margin-left: 16px !important;
        }

        .touchContent_left {
          .touch_second_kind {
            .ant-tabs-nav.ant-tabs-nav-animated {
              min-width: 1000px;
              height: 38px;
            }
          }
        }

        .billing-right-content .touchContent_right .touch_first_kind li {
          height: 50px !important;
          font-size: 13px;
        }

        .billing-right-content .touchContent_right .touch_first_kind li span {
          line-height: 20px !important;
        }

        .billing-right-content .touchContent_left .touch_second_kind .ant-tabs-nav-scroll .ant-tabs-nav .ant-tabs-tab-active,
        .billing-right-content .touchContent_left .touch_second_kind .ant-tabs-nav-scroll {
          font-size: 14px;
        }

        .ant-tabs-vertical.ant-tabs-left>.ant-tabs-bar .ant-tabs-nav-wrap {
          margin-left: 0px;
        }

        .billing-right-content .touchContent_right {
          width: 100px !important;
          border-left: 1px solid #dbe0e5;
        }

        .billing-right-content .touchContent_left {
          margin-right: 102px !important;
        }

        .billing-right-content .touchContent_left_full {
          margin-right: 0px !important;

          .touch_show_content .electronic_pagination_area .electronic_pagination {
            right: 20px;
          }
        }

        .touch_show_content {
          //  min-height:415px!important;
        }

        //电子称 .touch-scrollbar{
        //   min-height: 400px!important;
        // }
        .billing-right-content .touchContent_left .touchContent_left_header .billing-inputpanel {
          width: 50%;
        }

        .billing-right-content .touchContent_left .touchContent_left_header .billing-inputpanel .ant-input-affix-wrapper {
          width: 90% !important;
        }

        .billing-right-content .touchContent_left .touchContent_left_header .touch-business {
          font-size: 14px !important;
          top: 13px !important;
        }

        .billing-right-content .touchContent_left .touchContent_left_header .touch-business .abstract-b .ant-btn-icon-only .anticon-edit {
          font-size: 24px !important;
          vertical-align: baseline;
        }

        .billing-right-content .touchContent_left .touchContent_left_header .touch-business .abstract-b .ant-btn-icon-only {
          width: 34px;
          height: 34px;
        }

        .billing-right-content .touchContent_left .touchContent_left_header .touch-business .abstract-h,
        .billing-right-content .touchContent_left .touchContent_left_header .touch-business .abstract-b .abstract-c {
          margin-top: 4px;
        }

        .billing-right-content .touchContent_left .touch_show_content .touch_touchContent_cell .touch_touchContent_cell_list {
          height: 85px;
          border: 1px solid #d1d7dd;
          border-radius: 4px;
        }

        .billing-right-content .touchContent_left .touch_show_content .touch_touchContent_cell .touch_touchContent_cell_list.showOnlyName {
          height: 50px;

          .touch_touchContent_name {
            margin-top: 5px !important;
            font-size: 15px !important;
          }
        }

        .billing-right-content .touchContent_left .touch_show_content .touch_touchContent_cell .touch_touchContent_cell_list.showSecond {
          height: 66px;
        }

        .billing-right-content .touchContent_left .touch_show_content .touch_touchContent_cell .touch_touchContent_name {
          font-size: 13px !important;
          margin: 0px 7px 0 7px !important;
          line-height: 18px;
          height: 36px;
        }

        .billing-right-content .touchContent_right .ant-tabs-vertical.ant-tabs-left>.ant-tabs-bar {
          font-size: 14px !important;
          width: 100px;
        }

        .ant-tabs-vertical>.ant-tabs-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling {
          padding: 34px 0px 36px 0px;
        }

        .ant-tabs-vertical>.ant-tabs-bar .ant-tabs-tab-prev {
          height: 34px;
          background: url(../images/touch-list.png) no-repeat center bottom;
          top: 0px;
          background-size: 100px 1px;
        }

        .ant-tabs-vertical>.ant-tabs-bar .ant-tabs-tab-next {
          bottom: 0px;
          height: 36px;
          background: url(../images/touch-list.png) no-repeat center top;
          background-size: 100px 1px;
        }

        .ant-tabs-tab-btn-disabled {

          .ant-tabs-tab-prev-icon:before,
          .ant-tabs-tab-next-icon:before {
            color: #ccc;
          }
        }

        .ant-tabs-nav-scroll {
          white-space: normal;
        }

        .billing-right-content .touchContent_right .ant-tabs-vertical>.ant-tabs-bar .ant-tabs-tab {
          padding: 0px;
          margin: 0px;
          text-align: center;
          height: 50px;
          background: url(../images/touch-list.png) no-repeat center bottom;
          box-sizing: border-box;
          border-right: 4px solid #fff;
          display: flex;
          display: -webkit-flex;
          align-items: center;
          background-size: 100px 1px;
          width: 100px;

          .firstTree_zk {
            font-size: 13px;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            padding: 0px 10px;
            overflow: hidden;
            line-height: 16px;
            width: 100%;
            // eslint-disable-next-line
            /*! autoprefixer: off */
            -webkit-box-orient: vertical;

            /*! autoprefixer: on */
            .icon {
              width: 18px;
              height: 18px;
              vertical-align: -4px;
            }
          }
        }

        .touchContent_right .ant-tabs-nav .ant-tabs-tab-active {
          font-size: 14px;
          box-sizing: border-box;
          border-right: 3px solid #ee2223 !important;
        }

        .billing-right-content .touchContent_left .touch_show_content .touch_touchContent_cell .touch_touchContent_price {
          font-size: 13px !important;
        }

        .billing-right-content .touchContent_left .touch_show_content .touch_touchContent_cell .touch_touchContent_code {
          font-size: 12px !important;
          margin: 4px 7px 0;
        }

        .billing-right-content .touchContent_left .touch_show_content .touch_touchContent_cell .touch_touchContent_price span {
          margin-right: 7px;
        }

        .billing-right-content .billing-right-bottom {
          height: 60px !important;
          box-shadow: none;
          border-top: #DBE0E5 solid 1px;
          overflow: hidden;
        }

        .billing-right-content .billing-right-bottom .bill-Settlement {
          width: 46px;
          height: 46px;
          top: 7px;
        }

        .billing-right-content .billing-right-bottom .billing-touch-btns .money {
          font-size: 18px !important;
          padding-left: 5px !important;
          line-height: 60px;
        }

        .billing-right-content .billing-right-bottom .billing-touch-receivables {
          font-size: 14px;
          padding-left: 5px;
          margin-top: 6px;

          .billing-touch-paid {
            color: #ee2324;
            margin-left: 4px;
          }
        }

        .billing-right-content .billing-right-bottom .billing-touch-btns .money.billing-touch-paid-money {
          line-height: 26px;
        }

        .billing-right-content .billing-right-bottom .ant-btn-pay {
          padding: 0 40px !important;
          font-size: 22px !important;
          height: 60px;
        }

        .billing-right-content .billing-right-bottom .ant-btn-pay span {
          margin-top: -6px;
          display: block;
        }

        .billing-right-content .billing-right-bottom .billing-touch-btns {
          padding-left: 100px !important;
        }

        .billing-right-content .billing-right-bottom .cash-Settlement {
          min-width: 100px !important;
          border-left: 1px solid #dbe0e5;
          height: 60px;
        }

        .billing-right-content .cash-Settlement .pay-title {
          font-size: 14px !important;
        }

        .billing-right-content .cash-Settlement .icon {
          width: 30px !important;
          height: 30px !important;
        }

        .anticon-jiesuanmingxi:before {
          width: 46px;
          height: 46px;
          font-size: 34px !important;
          line-height: 42px !important;
        }

        .billing-right-content .billing-right-bottom .bill-Settlement .fr {
          font-size: 14px !important;
          padding: 2px 4px !important;
          left: 36px;
        }

        .billing-right-content .touchContent_left .touch_show_content .touch-scrollbar {
          margin-top: 10px;
        }

        .billing-right-content .touchContent_left .touchContent_left_header .billing-inputpanel {
          margin-left: 10px;
        }

        .billing-right-content .touchContent_left .touch_show_content {
          margin: 0 0 0 10px;
        }

        .billing-right-content .touchContent_left .touchContent_left_header .billing-inputpanel .ant-input-affix-wrapper {
          height: 36px !important;
          margin: 10px 0 0;
        }

        .billing-right-content .touchContent_left .touchContent_left_header .billing-inputpanel .ant-input-affix-wrapper .ant-input {
          font-size: 14px !important;
          border-radius: 4px !important;
        }

        .billing-right-content .touchContent_left .touchContent_left_header .billing-inputpanel .ant-input-affix-wrapper .ant-input-suffix {
          top: 20px;
        }
      }
    }
  }

  /*会员信息*/
  .billing-member-modal.billing-member-modal-add {
    width: 800px !important;

    .ant-tabs-tab {
      margin-top: 5px;
      margin-left: 20px;
    }

    .member-info .member-info-editButton {
      margin-top: 5px;
    }

    .member-info .member-info-show-edit li {
      margin-bottom: 12px;
    }

    .ant-modal-content {
      height: 500px;
    }

    .member-info .member-info-show-edit {
      max-height: 385px;
      overflow-y: auto;
      padding-top: 15px;
      margin-top: 0px;
    }

    .member-info {
      height: 447px;
    }
  }

  /*选择规格*/
  .chooseRule {
    .ant-modal-header {
      padding: 15px 0 10px 20px;
    }

    .billing_chang_spec {
      margin-top: 13px;
    }
  }

  /*现场折扣*/
  .billing-actions-Discount {
    .ant-tabs-tab {
      margin-left: 20px;
      margin-top: 5px;
    }

    .billing-points {
      font-size: 14px;
    }

    .billing-points span .ant-input-number input {
      font-size: 16px;
    }

    .discount-price {
      font-size: 16px;
      margin-top: 0px;
    }

    .ant-modal-footer {
      .cancelDiscount {
        width: 108px;
      }
    }
  }

  /*选择优惠券-暂无优惠券*/
  .billing-actions-Youhuiquan {
    width: 810px !important;

    .Coupon-list,
    .Coupon-title {
      font-size: 14px;
    }

    .has-input-count {
      float: right;
      margin-right: 20px;
      width: 280px;
    }

    .inputsearch .ant-input {
      height: 40px;
      width: 266px;
      padding-right: 80px;
    }

    .Coupon-title .all-left-title {
      padding-left: 19px;
    }

    .discount-price {
      margin-top: 4px;
      font-size: 16px;
    }

    .ant-modal-content .ant-tabs-bar {
      margin-top: 15px;
      height: 103px;
    }

    .ant-tabs-tab-next {
      margin: 6px 20px 0 0;
    }

    .has-input-count {
      margin-top: 15px;
      margin-bottom: 20px;
    }

    .ant-tabs-nav {
      margin-right: 15px;
    }

    .ant-tabs-tab-arrow-show,
    .ant-tabs-tab-next {
      height: 40px;
    }

    .ant-tabs-nav-container {
      padding-left: 14px;
      padding-right: 20px;
    }

    .ant-tabs-tab-prev {
      left: 760px;
      top: 60px;
    }

    .Coupon {
      margin: 15px 0 15px 20px;
    }

    .billing-tabs .ant-tabs-nav-wrap {
      width: 740px;
    }

    .ant-tabs-nav-scroll {
      width: 746px;
    }

    .ant-modal-content .ant-tabs-nav .ant-tabs-tab {
      margin-right: 6px;
    }

    .Coupon-bottom {
      margin: 0 0 14px 20px;
    }

    .Coupon-height {
      height: 290px;
    }

    .ant-modal-content .has-btn {
      top: 8px;
      right: 25px;
    }

    .Coupon-dai-title {
      font-size: 14px;
    }

    .anticon-shurukuangshanchu {
      right: 73px;
      top: 10px;
    }

    .tips-yhq {
      bottom: -20px;
    }

    .ant-checkbox-wrapper {
      margin-right: 3px !important;
    }

    .ant-modal-content .ant-tabs-nav .ant-tabs-tab {
      width: 196px;
      height: 106px;
      margin-left: 0px;
      margin-right: 6px;
      padding: 0px 0;
      margin-top: 0px;
      overflow: hidden;
    }

    /*键盘*/
    .InputButtonPanelWrap {
      width: 266px;
      margin-bottom: 15px;
      padding: 10px 13px 2px 13px;
      float: right;
      margin-right: 20px;
    }

    .InputButtonPanelWrap .num .InputButtonPanel-cell {
      width: 54px;
      height: 54px;
      margin-right: 8px;
      margin-bottom: 8px;
    }

    .InputButtonPanelWrap .num .InputButtonPanel-cell button,
    .inputpanel-pop .InputButtonPanel-hasSure button {
      width: 54px !important;
      height: 54px !important;
      font-size: 24px !important;
    }

    .InputButtonPanelWrap .del button {
      width: 54px;
      height: 116px;
      margin-bottom: 8px;
      background: #CDD0D5;
    }

    .InputButtonPanelWrap .del button:hover {
      background: #BDC0C7;
      box-shadow: inset 0 -2px 0 0 #b1b3b8;
    }
  }

  /*优惠券的四种类型*/

  /*折扣券*/
  .billing-actions-Youhuiquan .ant-modal-content .ant-tabs-nav .ant-tabs-tab-active {
    .billing-cardtype-2 {
      width: 190px;
      background: url(../images/shiyong1.png) no-repeat;
      height: 100px;
      margin-top: 3px;
      margin-left: 3px;
      background-size: 100%;
    }

    .billing-cardtype-2:hover {
      box-shadow: 0px 0px 3px #ccc;
      -moz-box-shadow: 0px 0px 3px #ccc;
      -webkit-box-shadow: 0px 0px 3px #ccc;
      -webkit-transform: translateY(-3px);
      transform: translateY(-3px);
    }
  }

  .billing-actions-Youhuiquan .ant-modal-content .ant-tabs-nav .ant-tabs-tab {
    .billing-cardtype-2 {
      width: 190px;
      background: url(../images/zhekou.png) no-repeat;
      height: 100px;
      margin-top: 3px;
      margin-left: 3px;
      background-size: 100%;
    }

    .billing-cardtype-2:hover {
      box-shadow: 0px 0px 3px #ccc;
      -moz-box-shadow: 0px 0px 3px #ccc;
      -webkit-box-shadow: 0px 0px 3px #ccc;
      -webkit-transform: translateY(-3px);
      transform: translateY(-3px);
    }

    .billing-cardtype-2 .billing-margincount {
      padding: 8px 6px 8px 5px;
      height: 100px;
    }

    .billing-cardtype-2 .daijin-btn {
      color: #fff;
      height: 80px;
      letter-spacing: 2px;
      font-size: 14px;
      float: left;
      padding-left: 0px;
      width: 20px;
      text-align: center;
      white-space: normal;
      padding-top: 10px;
    }

    .billing-cardtype-2 .billing-margincount .daijin-zhe {
      width: 150px;
      text-align: left;
      color: #68A7E5;
      float: right;
      margin-top: 5px;
    }

    .billing-cardtype-2 .billing-margincount .daijin-zhe .money1 {
      font-size: 28px;
      margin-right: 4px;
    }

    .billing-cardtype-2 .billing-margincount .daijin-zhe .symbol {
      font-size: 16px;
    }

    .billing-cardtype-2 .billing-margincount .full-cut {
      font-size: 12px;
      color: #68A7E5;
      text-align: left;
      margin-top: 3px;
      width: 150px;
      float: right;
    }

    .billing-cardtype-2 .billing-margincount .Term-validity {
      font-size: 12px;
      color: #333333;
      text-align: left;
      width: 150px;
      float: right;
    }

    .billing-cardtype-2 .immediately-btn {
      border-radius: 14px;
      border: #f69091 solid 1px;
      width: 74px;
      height: 26px;
      padding: 0px;
      color: #f03031;
      font-size: 12px;
      margin-left: 69px;
      margin-top: 12px;
      background: #fff;
    }
  }

  /*计次券*/
  .billing-actions-Youhuiquan .ant-modal-content .ant-tabs-nav .ant-tabs-tab-active {
    .billing-cardtype-5 {
      width: 190px;
      background: url(../images/shiyong2.png) no-repeat;
      height: 100px;
      margin-top: 3px;
      margin-left: 3px;
      background-size: 100%;
    }

    .billing-cardtype-5:hover {
      box-shadow: 0px 0px 3px #ccc;
      -moz-box-shadow: 0px 0px 3px #ccc;
      -webkit-box-shadow: 0px 0px 3px #ccc;
      -webkit-transform: translateY(-3px);
      transform: translateY(-3px);
    }
  }

  .billing-actions-Youhuiquan .ant-modal-content .ant-tabs-nav .ant-tabs-tab {
    .billing-cardtype-5 {
      width: 190px;
      background: url(../images/jici.png) no-repeat;
      height: 100px;
      margin-top: 3px;
      margin-left: 3px;
      background-size: 100%;
    }

    .billing-cardtype-5:hover {
      box-shadow: 0px 0px 3px #ccc;
      -moz-box-shadow: 0px 0px 3px #ccc;
      -webkit-box-shadow: 0px 0px 3px #ccc;
      -webkit-transform: translateY(-3px);
      transform: translateY(-3px);
    }

    .billing-cardtype-5 .billing-margincount {
      padding: 8px 6px 8px 5px;
      height: 100px;
    }

    .billing-cardtype-5 .daijin-btn {
      color: #fff;
      height: 80px;
      letter-spacing: 2px;
      font-size: 14px;
      float: left;
      width: 20px;
      padding-left: 0px;
      text-align: center;
      white-space: normal;
      padding-top: 10px;
    }

    .billing-cardtype-5 .billing-margincount .daijin-zhe {
      width: 150px;
      text-align: left;
      color: #60C8AC;
      float: right;
      margin-top: 5px;
    }

    .billing-cardtype-5 .billing-margincount .daijin-zhe .Surplus {
      font-size: 16px;
      margin-right: 4px;
      color: #60C8AC;
    }

    .billing-cardtype-5 .billing-margincount .daijin-zhe .number {
      font-size: 28px;
      color: #60C8AC;
    }

    .billing-cardtype-5 .billing-margincount .daijin-zhe .Surplus-money {
      position: absolute;
      right: 8px;
      font-size: 12px;
      color: #60C8AC;
      bottom: 5px;
    }

    .billing-cardtype-5 .billing-margincount .full-cut {
      font-size: 12px;
      color: #60C8AC;
      text-align: left;
      margin-top: 3px;
      width: 150px;
      float: right;
    }

    .billing-cardtype-5 .billing-margincount .Term-validity {
      font-size: 12px;
      color: #333333;
      text-align: left;
      width: 150px;
      float: right;
    }

    .billing-cardtype-5 .immediately-btn {
      border-radius: 14px;
      border: #f69091 solid 1px;
      width: 74px;
      height: 26px;
      padding: 0px;
      color: #f03031;
      font-size: 12px;
      margin-left: 69px;
      margin-top: 12px;
      background: #fff;
    }
  }

  .billing-actions-Youhuiquan .Coupon-width2 {
    .ant-row span.Coupon-display-char-5 {
      display: block;
      float: left;
      border: #60c8ac solid 1px;
      background: #eff9f6;
      color: #6dccb3;
      font-size: 12px;
      border-radius: 2px;
      height: 18px;
      width: 20px;
      text-align: center;
      line-height: 16px;
      margin-right: 4px;
      margin-top: 3px;
    }
  }

  /*兑换券*/
  .billing-actions-Youhuiquan .ant-modal-content .ant-tabs-nav .ant-tabs-tab-active {
    .billing-cardtype-6 {
      width: 190px;
      background: url(../images/shiyong1.png) no-repeat;
      height: 100px;
      margin-top: 3px;
      margin-left: 3px;
      background-size: 100%;
    }

    .billing-cardtype-6:hover {
      box-shadow: 0px 0px 3px #ccc;
      -moz-box-shadow: 0px 0px 3px #ccc;
      -webkit-box-shadow: 0px 0px 3px #ccc;
      -webkit-transform: translateY(-3px);
      transform: translateY(-3px);
    }
  }

  .billing-actions-Youhuiquan .ant-modal-content .ant-tabs-nav .ant-tabs-tab {
    .billing-cardtype-6 {
      width: 190px;
      background: url(../images/duihuan.png) no-repeat;
      height: 100px;
      margin-top: 3px;
      margin-left: 3px;
      background-size: 100%;
    }

    .billing-cardtype-6:hover {
      box-shadow: 0px 0px 3px #ccc;
      -moz-box-shadow: 0px 0px 3px #ccc;
      -webkit-box-shadow: 0px 0px 3px #ccc;
      -webkit-transform: translateY(-3px);
      transform: translateY(-3px);
    }

    .billing-cardtype-6 .billing-margincount {
      padding: 8px 6px 8px 5px;
      height: 100px;
    }

    .billing-cardtype-6 .daijin-btn {
      color: #fff;
      height: 80px;
      letter-spacing: 2px;
      font-size: 14px;
      float: left;
      width: 20px;
      padding-left: 0px;
      text-align: center;
      white-space: normal;
      padding-top: 10px;
    }

    .billing-cardtype-6 .billing-margincount .daijin-zhe {
      width: 150px;
      text-align: left;
      color: #FE7862;
      float: right;
      margin-top: 5px;
    }

    .billing-cardtype-6 .billing-margincount .daijin-zhe .Surplus {
      font-size: 16px;
      margin-right: 4px;
      color: #FFB429;
    }

    .billing-cardtype-6 .billing-margincount .daijin-zhe .number {
      font-size: 28px;
      color: #FFB429;
    }

    .billing-cardtype-6 .billing-margincount .daijin-zhe .Surplus-money {
      position: absolute;
      right: 8px;
      font-size: 12px;
      color: #aeb5bd;
      bottom: 5px;
    }

    .billing-cardtype-6 .billing-margincount .full-cut {
      font-size: 12px;
      color: #FFB429;
      text-align: left;
      margin-top: 3px;
      width: 150px;
      float: right;
    }

    .billing-cardtype-6 .billing-margincount .Term-validity {
      font-size: 12px;
      color: #333333;
      text-align: left;
      width: 150px;
      float: right;
    }

    .billing-cardtype-6 .immediately-btn {
      border-radius: 14px;
      border: #f69091 solid 1px;
      width: 74px;
      height: 26px;
      padding: 0px;
      color: #f03031;
      font-size: 12px;
      margin-left: 69px;
      margin-top: 12px;
      background: #fff;
    }

  }

  .billing-actions-Youhuiquan .Coupon-width2 {

    .ant-row span.Coupon-display-char-6 {
      display: block;
      float: left;
      border: #ffb429 solid 1px;
      background: #FFF7E9;
      color: #ffb429;
      font-size: 12px;
      border-radius: 2px;
      height: 18px;
      width: 20px;
      text-align: center;
      line-height: 16px;
      margin-right: 4px;
      margin-top: 3px;
    }
  }

  /*代金券*/
  .billing-actions-Youhuiquan .ant-modal-content .ant-tabs-nav .ant-tabs-tab-active {
    .billing-cardtype-1 {
      width: 190px;
      background: url(../images/shiyong1.png) no-repeat;
      height: 100px;
      margin-top: 3px;
      margin-left: 3px;
      background-size: 100%;
    }

    .billing-cardtype-1:hover {
      box-shadow: 0px 0px 3px #ccc;
      -moz-box-shadow: 0px 0px 3px #ccc;
      -webkit-box-shadow: 0px 0px 3px #ccc;
      -webkit-transform: translateY(-3px);
      transform: translateY(-3px);
    }
  }

  .billing-actions-Youhuiquan .ant-modal-content .ant-tabs-nav .ant-tabs-tab {
    .billing-cardtype-1 {
      width: 190px;
      background: url(../images/daijin.png) no-repeat;
      height: 100px;
      margin-top: 3px;
      margin-left: 3px;
      background-size: 100%;
    }

    .billing-cardtype-1:hover {
      box-shadow: 0px 0px 3px #ccc;
      -moz-box-shadow: 0px 0px 3px #ccc;
      -webkit-box-shadow: 0px 0px 3px #ccc;
      -webkit-transform: translateY(-3px);
      transform: translateY(-3px);
    }

    .billing-cardtype-1 .billing-margincount {
      padding: 8px 6px 8px 5px;
      height: 100px;
    }

    .billing-cardtype-1 .daijin-btn {
      color: #fff;
      height: 80px;
      letter-spacing: 2px;
      font-size: 14px;
      float: left;
      width: 20px;
      padding-left: 0px;
      text-align: center;
      white-space: normal;
      padding-top: 10px;
    }

    .billing-cardtype-1 .billing-margincount .daijin-zhe {
      width: 150px;
      text-align: left;
      color: #FE7862;
      float: right;
      margin-top: 5px;
    }

    .billing-cardtype-1 .billing-margincount .daijin-zhe .money1 {
      font-size: 28px;
      margin-right: 4px;
    }

    .billing-cardtype-1 .billing-margincount .daijin-zhe .symbol {
      font-size: 16px;
    }

    .billing-cardtype-1 .billing-margincount .full-cut {
      font-size: 12px;
      color: #FE7862;
      text-align: left;
      margin-top: 3px;
      width: 150px;
      float: right;
    }

    .billing-cardtype-1 .billing-margincount .Term-validity {
      font-size: 12px;
      color: #333333;
      text-align: left;
      width: 150px;
      float: right;
    }

    .billing-cardtype-1 .immediately-btn {
      border-radius: 14px;
      border: #f69091 solid 1px;
      width: 74px;
      height: 26px;
      padding: 0px;
      color: #f03031;
      font-size: 12px;
      margin-left: 69px;
      margin-top: 12px;
      background: #fff;
    }
  }

  .billing-actions-Youhuiquan .Coupon-width2 {
    .ant-row span.Coupon-display-char-1 {
      display: block;
      float: left;
      border: #fe7862 solid 1px;
      background: #fef1ef;
      color: #fe8572;
      font-size: 12px;
      border-radius: 2px;
      height: 18px;
      width: 20px;
      text-align: center;
      line-height: 16px;
      margin-right: 4px;
      margin-top: 3px;
    }
  }

  /*默认状态-不能使用的情况券类型*/
  .billing-actions-Youhuiquan .ant-modal-content .ant-tabs-nav .ant-tabs-tab .billing-carddisabled-6-true,
  .billing-actions-Youhuiquan .ant-modal-content .ant-tabs-nav .ant-tabs-tab .billing-carddisabled-2-true,
  .billing-actions-Youhuiquan .ant-modal-content .ant-tabs-nav .ant-tabs-tab .billing-carddisabled-1-true {
    width: 190px;
    background: url(../images/shiyong1.png) no-repeat;
    height: 100px;
    position: relative;
    margin-top: 3px;
    margin-left: 3px;
    background-size: 100%;

    .billing-actions-Youhuiquan .ant-modal-content .ant-tabs-nav .ant-tabs-tab .billing-carddisabled-6-true {
      input.ant-checkbox-input {
        background: #F7F7F7;
        border: #e4e4e4 solid 1px !important;
      }

      ::-webkit-scrollbar-track {
        border: #e4e4e4 solid 1px !important;
      }
    }

    .billing-margincount {
      padding: 8px 6px 8px 5px;
      height: 100px;
    }

    .billing-margincount .daijin-btn {
      color: #fff;
      height: 80px;
      letter-spacing: 2px;
      font-size: 14px;
      float: left;
      width: 20px;
      padding-left: 0px;
      text-align: center;
      white-space: normal;
      padding-top: 10px;
    }

    .billing-margincount .daijin-zhe {
      width: 150px;
      text-align: left;
      color: #FE7862;
      float: right;
      margin-top: 5px;
    }

    .billing-margincount .daijin-zhe .money1 {
      font-size: 28px;
      margin-right: 4px;
      color: #adb4bc;
    }

    .billing-margincount .daijin-zhe .symbol {
      font-size: 16px;
      color: #adb4bc;
    }

    .billing-margincount .daijin-zhe .Surplus {
      color: #adb4bc;
      font-size: 16px;
    }

    .billing-margincount .daijin-zhe .number {
      font-size: 32px;
      color: #adb4bc;
    }

    .billing-margincount .full-cut {
      font-size: 12px;
      color: #adb4bc;
      text-align: left;
      margin-top: 3px;
      width: 150px;
      float: right;
    }

    .billing-margincount .Term-validity {
      font-size: 12p