.order-detail {
  position: relative;
  box-sizing: border-box;

  .order-head {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;

    .head-text {
      font-size: 13px;
      font-weight: 600;
      color: #000000;

      div {
        margin-bottom: 10px;

        span {
          margin-right: 20px;
        }
      }
    }
  }

  .detail-wrap {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 15px;
    padding-bottom: 100px;

    .detail-information {
      margin-top: 10px;
      width: 100%;
    }

    .detail-half {
      flex: 1;
    }

    .detail-timeline {
      overflow: hidden;

      .ant-timeline {
        transform: translateX(-90px) translateY(10px);
      }

      .ant-timeline .ant-timeline-item {
        padding-bottom: 36px;
      }
    }

    .detail-title {
      font-size: 13px;
      font-weight: 600;
      color: #000000;
      margin-bottom: 15px;
      margin-top: 20px;
    }

    .detail-title:first-child {
      margin-top: 0;
    }

    .detail-text {
      margin-bottom: 10px;

      .item {
        margin-right: 20px;
      }
    }

    .detail-price {
      text-align: right;
      padding-right: 30px;
      width: 100%;
      font-size: 16px;

      .num {
        color: orangered;
      }
    }

    .detail-image {
      display: flex;
      justify-content: flex-start;
      margin-left: 56px;
      margin-top: -20px;
      margin-bottom: 10px;
      flex-wrap: wrap;

      .image {
        width: 68px;
        height: 68px;
        //margin-right: 10px;
      }

      .ant-image {
        margin-right: 10px;
        margin-bottom: 10px;
      }
    }
  }
}
