.milepostBox{
  border: none;
  padding: 0;
  .createMilepost{
    text-align: right;
  }
}
.flexSpaceBetween{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.milepostHead{
  background-color:#fafcff;
  border:1px solid rgba(42, 97, 255, 0.23);
  color:#898d9d;
  padding: 15px 15px 15px 20px;
  border-radius:4px 4px 0px 0px;
  .postStatus.active{
    color:$primary-color;
    .statusCount{
      color: $primary-color;
      border: 1px solid $primary-color;
      background-color: #fff;
    }
  }
  .statusCount{
    background-color:rgba(70, 106, 255, 0.09);
    border-radius:10px;
    margin-left: 5px;
    color:#666666;
    font-weight: normal;
    height: 19px;
    line-height: 19px;
    display: inline-block;
    min-width: 30px;
    text-align: center;
  }
}
.pointBox{
  cursor: pointer;
}
.milepostSort{
  box-shadow:0px 0px 10px rgba(24, 54, 181, 0.17);
}
.milepostList{
  border-left: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
  .milepostItemBox{
    border-bottom: 1px solid #d0d0d0;
    padding: 15px 20px;
  }
  .milepostInfo{
    display: inline-block;
    width: 640px;
  }
  .actionMileBox{
    width: 550px;
    .outTime{
      color: red;
    }
  }
}
.createMilepostBtn{
  width: 96px;
  padding: 0;
}
.primaryColor, .primaryColor:link, .flexSpaceBetween .primaryColor{
  color: $primary-color;
}
.effectiveDate, .flexSpaceBetween .effectiveDate{
  color:#40424a;
}
.color-grey-89{
  color: #898d9d;
}
.colorRed, .colorRed:hover{
  color:#f30000;
}
.milestonesNoDate{
  border:1px solid#d0d0d0;
  border-top: none;
  text-align: center;
  min-height: 500px;
  line-height: 500px;
}
// 浅灰色按钮
.grayButton{
  width:108px;
  height:32px;
  text-align: center;
  background-color:#fafbfc;
  border:1px solid #d0d0d0;
  border-radius:4px;
  &:hover{
    background-color: #f3f4f6;
  }
}

// 里程碑详情页面
.milepostDetail{
  border: none;
  padding: 0;
}
.noDataMile{
  display: flex;
  justify-content: center;
}