.account-charge-modal {
  .pay-item {
    border: 1px solid #e8e8e8;
    padding: 10px 12px;
    min-width: 112px;
    display: flex;
    justify-items: flex-start;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 20px;
    border-radius: 4px;
    cursor: pointer;
    .icon-weixin {
      color: #42ae3c;
      margin-right: 4px;
    }
    .icon-ali {
      color: #58b7ef;
      margin-right: 4px;
    }
    .pay-radio-inner {
      display: inline-block;
      width: 16px;
      height: 16px;
      border: 1px solid #eeeeee;
      border-radius: 100%;
      position: relative;
      margin-right: 8px;
    }
    &.ali-pay {
      margin-left: 8px;
    }
    &.active {
      .pay-radio-inner {
        border-color: #fc9c6b;
        &::after {
          content: " ";
          display: inline-block;
          width: 10px;
          height: 10px;
          background-color: #fc9c6b;
          border-radius: 100%;
          position: absolute;
          top: 3px;
          left: 3px;
        }
      }
    }
  }
  .charge-tips {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 20px;
    text-align: center;
    span {
      color: #fc9c6b;
      cursor: pointer;
    }
  }
  .pay-success {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    .pay-success-name {
      color: #333333;
    }
    .pay-success-tip {
      color: #666666;
      margin-bottom: 40px;
      margin-top: 8px;
    }
  }
  .pay-wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    .money {
      font-size: 24px;
      font-weight: 500;
      color: rgba(255, 133, 52, 1);
      line-height: 33px;
      margin-top: 8px;
      margin-bottom: 16px;
    }
  }
}

.charge-explain-modal {
  .explain-title {
    font-size: 14px;
    margin-bottom: 8px;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    line-height: 20px;
  }
  .other-explain {
    font-size: 14px;
    border-top: 1px solid #e8e8e8;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 20px;
    padding-top: 15px;
    margin-top: 16px;
  }
  .main-explain-text {
    font-size: 14px;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 20px;
    margin-left: 21px;
  }
  .main-explain-block {
    width: 816px;
    height: 32px;
    line-height: 32px;
    background: rgba(247, 248, 249, 1);
    border-radius: 4px;
    padding-left: 16px;
    margin-left: 21px;
    margin-bottom: 8px;
  }
  ul {
    margin-bottom: 8px;
    margin-top: 8px;
  }
  ul > li {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 20px;
    margin-bottom: 0;
    margin-left: 21px;
    display: flex;
    justify-self: flex-start;
    align-items: center;
    .spot {
      width: 4px;
      height: 4px;
      border-radius: 100%;
      background-color: #666666;
      margin-right: 10px;
    }
  }
  table {
    border: 1px solid #e8e8e8;
    margin-left: 33px;
    margin-bottom: 16px;
    tr > th,
    tr > td {
      height: 40px;
      padding-left: 24px;
      border-right: 1px solid #e8e8e8;
      border-bottom: 1px solid #e8e8e8;
    }
  }
}
.charging-detail-modal {
  .detail-title {
    font-size: 16px;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    line-height: 22px;
    margin-bottom: 18px;
  }
  .xm-page-control {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
.charge-agreement-modal{
  .agreement-title {
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 30px;
  }
  .agreement-sub-title {
    margin-top: 16px;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 22px;
    color: #333333;
    font-weight: bold;
  }
  .agreement-main {
    font-size: 15px;
    line-height: 21px;
    color: #666;
    margin-top: 8px;
    text-indent: 16px;
  }
  .agreement-main-text {
    font-size: 15px;
    line-height: 21px;
    color: #666;
    text-indent: 30px;
    margin-top: 4px;
  }
  .agreement-tip {
    margin-left: 24px;
  }
  li {
    margin-bottom: 4px;
  }
  .border-all {
    padding: 16px 0;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    margin-top: 16px;
    margin-bottom: 16px;
  }
}