.service-detail h3 {
    margin-top: 26px;
    margin-bottom: 18px;
    height: 24px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 24px;
    float: left;
}

.add-order i {
    transform: rotate(45deg);
    vertical-align: 0
}

.add-order {
    margin-top: 20px;
    background: #F1F6FE;
    border-radius: 4px;
    border: 2px solid #F8F8FF!important;
    padding: 4px 10px;
    text-align: center;
}

.info {
    width: 1160px;
    padding-top: 30px;
    background: rgba(245, 246, 250, 1);
}

.pay-info {
    margin: 20px;
}

.pay-info .total {
    margin-bottom: 20px;
}

.pay-info .total .unit {
    color: #9b9b9b;
}

.pay-info .total .num {
    font-size: 1.5rem; /* 假设 html 根字体是 16px，相当于 24px */
}

.pay-btn {
    height: 50px;
    width: 250px;
    font-size: 14px;
    border-radius: 4px;
    font-weight: bold;
}

#order-process {
            width: 100%;
       
        }

#order-process .center {
   padding-top: 30px;
            background-size: 1045px 78px;
        }
        .el-table{
            width: 100%;
        }
        .service-detail h3{
            float:none
        }
.agree-inline .agree-flex {
  display: flex;
  align-items: center;      /* 垂直居中 */
  justify-content: flex-end;/* 整体靠右 */
  gap: 6px;                 /* 复选框和链接的间距 */
  flex-wrap: nowrap;
}

.agree-inline .nowrap-links {
  display: flex;
  align-items: center;
  gap: 0;                   /* ✅ 去掉链接之间的间距 */
  white-space: nowrap;
}

.agree-inline .nowrap-links .el-link {
  margin: 0 !important;     /* ✅ 清除默认间距 */
  padding: 0;               /* 避免多余空隙 */
}

.epower-dialog .dialog-body {
  max-height: 70vh;
  overflow: auto;
  line-height: 1.6;
  padding: 20px 60px;         /* ✅ 统一的左右留白 */
  box-sizing: border-box;
}

.epower-dialog .el-dialog__body {
  padding: 0 !important; /* 去掉 ElementUI 默认内边距 */
}
/* —— 颜色变量，可按站点 UI 统一调整 —— */
:root{
  --step-active:#21c197;  /* 当前步骤红 */
  --step-done:#9da9c3;    /* 完成步骤灰蓝 */
  --step-idle:#e5e7eb;    /* 未完成灰底 */
  --text-muted:#555;
}

/* 容器：横向等分排布 */
.order-steps{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;               /* 步与步的水平间距 */
  list-style:none;
  margin:0;
  padding:0;
}

/* 单个步骤 */
.order-steps li{
  position:relative;
  text-align:center;
  flex:1 1 0;             /* 等分 */
  min-width:90px;         /* 防止过窄 */
}

/* 数字方块 */
.order-steps .badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border-radius:4px;
  background:var(--step-idle);
  color:#888;
  font-weight:700;
  font-size:16px;
}

/* 步骤标题（在方块下） */
.order-steps em{
  display:block;
  margin-top:10px;
  font-style:normal;
  font-size:14px;
  color:#222;
  white-space:nowrap;        /* 单行不换行 */
}

/* 激活态（当前步骤） */
.order-steps li.active .badge{
  background:var(--step-active);
  color:#fff;
}
.order-steps li.active em{ color:var(--step-active); }

/* 已完成态（可选：如果要高亮已过步骤，加 .done） */
.order-steps li.done .badge{
  background:var(--step-done);
  color:#fff;
}
.order-steps li.done em{ color:var(--text-muted); }

/* 步与步之间的箭头（除了最后一个） */
.order-steps li::after{
  content:"";
  position:absolute;
  top:14px;           /* 垂直居中对齐数字方块 */
  right:-18px;        /* 放到两步中间 */
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 12px solid #ddd;   /* 箭头颜色 */
}

/* 当前步骤之后的箭头（可选高亮） */
.order-steps li.active::after {
  border-left-color: var(--step-active);  /* 红色箭头 */
}
.order-steps li.done::after {
  border-left-color: var(--step-done);    /* 灰蓝箭头 */
}

/* 最后一个不需要箭头 */
.order-steps li:last-child::after{ display:none; }

/* 响应式：小屏时缩小字号与间距 */
@media (max-width: 520px){
  .order-steps{ gap:14px; }
  .order-steps .badge{ width:30px;height:30px;font-size:14px; }
  .order-steps em{ font-size:12px; }
  .order-steps li::after{ top:10px; right:-9px; width:8px; height:8px; }
}