/** 进件页面 相关 样式 **/

// ant-design-vue组件适配H5

// Button 按钮
// 文本按钮
/deep/ .ant-btn.jeepay-m-btn[data-type=text]{
  padding: 0;
  margin: 0 !important;
  border: none;
  background-color: transparent !important;
  box-shadow: none;
  text-shadow: none;
  color: #1E7AFE !important;
}
/deep/ .ant-btn.jeepay-m-cover {
  color: #1E7AFE;
}
// 块级按钮
/deep/ .ant-btn.jeepay-m-btn[data-type=block] {
  width: 100% !important;
  height: 40px;
  margin: 5px 0;
  span {
    margin: 0;
  }
  span[role=img] {
    display: none;
  }
}
/deep/ .ant-btn.jeepay-m-btn[data-type=inline] {
  height: 40px;
  flex-grow: 1;
  &:focus,
  &:active,
  &:hover {
    border-color: rgb(64, 158, 255);
    background: #409eff;
  }
  span {
    margin: 0;
  }
  span[role=img] {
    display: none;
  }
}

/deep/ .ant-form-item {
  margin-bottom: 10px;
}
/deep/ .ant-input,
/deep/ .ant-select:not(.ant-select-customize-input) .ant-select-selector,
/deep/ .ant-select-selection-placeholder,
/deep/ .ant-select-selection-item {
  height: 40px !important;
  line-height: 40px !important;
}

// Divider 分割线
/deep/ .ant-divider.jeepay-m-divider {
  position: relative;
  height: 45px;
  line-height: 45px;
  margin: 0;
  background-color: #F7F7F7;
  &::before ,
  &::after {
    width: 20px;
    height: 45px;
    border-top: none;
    background-color: #F7F7F7;
    transform: translateY(0%);
  }
  &::before {
    position: absolute;
    top: 0;
    left: -20px;
  }
  &::after {
    position: absolute;
    top: 0;
    right: -20px;
  }
  .ant-divider-inner-text {
    padding: 0;
    font-weight: 500;
    color: #000;
  }
  .ant-tag {
    border: none;
    background-color: #F7F7F7 !important;
    color: #000;
  }
}

// 公共布局
/deep/ .jeepay-m-center {
  margin-top: 0 !important;
  margin-right: 20px
}
// 有效期组件样式覆盖
/deep/ .jeepay-valid {
  .ant-form-item-control-input-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  input:not([type=range]) {
    flex-grow: 1;
  }
}
/deep/ .jeepay-m-btn-box {
  display: flex;
  line-height: 0;
  margin: 15px 0 !important;
}

// 盛付通
/deep/ .drawer {
  padding: 0 !important;
  .ant-card {
    border: none !important;
    box-shadow: none;
    border-radius: 0 !important;
    .ant-card-head {
      padding: 0;
      border: none;
    }
    .ant-card-body {
      br {
        display: none;
      }
      border: 0.0625rem solid #e7eaf3 !important;
      box-shadow: 0 6px 12px rgb(140 152 164 / 8%);
      .ant-table-wrapper {
        margin: 0;
      }
    }
  }
}
/deep/ .ant-card.jeepay-card-sheng {
  width: 100% !important;
  margin: 20px 0 !important;
  border-radius: 0 !important;
  .ant-card-head {
    padding: 0 !important;
  }
}
/deep/ .ant-card.jeepay-card-shengfu {
  padding: 10px !important;
  margin: 10px !important;
  border-radius: 0 !important;
}
// step5Item
/deep/ .ant-card.jeepay-m-card-step {
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-radius: 0 !important;
  .ant-form-item-label {
    margin-left: 15px;
  }
}

// 河马支付
/deep/ .jeepay-card-hm {
  width: 100% !important;
  margin-bottom: 20px;
  border-radius: 0 !important;
}

// 微信支付官方
/deep/ .ant-card.jeepay-card-wx {
  margin: 0 !important;
  padding: 10px;
  margin-top: 10px !important;
  border-radius: 0 !important;
  .ant-card-head {
    padding: 0 !important;
  }
}

// 微信收付通[sftpay]
/deep/ .ant-card.jeepay-card-sft {
  margin: 0 !important;
  padding: 10px;
  margin-top: 10px !important;
  border-radius: 0 !important;
  .ant-card-head {
    padding: 0 !important;
  }
}
/deep/ .jeepay-m-btn-sft {
  margin-left: 0 !important;
}

// 支付宝官方[alipay]
/deep/ .jeepay-m-btn-alipay-box {
  margin-bottom: 0 !important;
  border-radius: 0 !important;
}
// 支付宝直付通[zftpay]
/deep/ .jeepay-card-zft {
  border-radius: 0 !important;
  .ant-table-wrapper {
    margin: 20px;
  }
}
// 通联支付[allinpay]

// 银联条码支付前置平台[utmpay]

// 云闪付官方[ysfpay]

// 参数配置&签约开通
/deep/ .jeepay-m-pz {
  margin: 0 !important;
  .ant-btn.jeepay-m-btn {
    margin-right: 10px !important;
  }
}
/deep/ .jeepay-m-pz-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

/deep/ .form-item-content {
  width: 100% !important;
}

/deep/ .qrcode {
  display: block;
  margin: 0 auto;
}

/deep/ .ant-tabs {
  overflow: inherit;
}
/deep/ .jeepay-m-drawer {
  position: inherit !important;
  padding: 10px 0;
}