.wcn-order-item {
  .order-item-warp {
    width: 980px;
    height: 100%;
    margin-bottom: 12px;
  }
  
  .order-item-warp:hover {
    border: 2px solid #FC672C !important;
  }
  
  .order-item-warp-gray {
    width: 980px;
    height: 100%;
    margin-bottom: 12px;
  }
  
  .order-item-warp-gray:hover {
    border: 2px solid #FC672C !important;
  }
  
  .tr-th {
    background: rgba(252, 103, 44, 0.08);
    height: 38px;
  }
  
  .tr-th-gray {
    background: #f0f0f0;
    height: 38px;
  }
  
  .tr-bd {
    border: 1px solid #ccc;
    text-align: center;
    vertical-align: top;
  }
  
  .td-goods {
    height: 110px;
    vertical-align: middle;
    text-align: left;
    padding: 0 16px !important;
  }
  
  .goods-item {
    display: inline-block;
    margin: 0 16px 0 0;
    text-align: left;
    vertical-align: top;
    cursor: pointer;
  }
  
  .goods-msg {
    display: inline-block;
    margin-right: 20px;
    text-align: left;
    vertical-align: top;
  }
  
  .goods-price {
    display: inline-block;
    text-align: right;
    vertical-align: top;
    width: 90px;
  }
  
  .goods-number {
    display: inline-block;
    text-align: right;
    vertical-align: top;
    width: 46px;
  }
  
  .tr-td {
    border: 1px solid #feeeee;
  }
  
  .goods-msg {
    div {
      width: 200px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      margin-bottom: 4px;
    }
  }
  
  .goods-title {
    font-weight: bold;
    font-size: 12px;
    color: #3a2e2e;
    letter-spacing: 0;
    cursor: pointer;
  }
  
  .goods-title:hover {
    color: #FC672C !important;
  }
  
  .goods-description {
    font-size: 12px;
    color: #8c8c8c;
    letter-spacing: 0;
  }
  
  .td-ship {
    width: 120px;
    text-align: center;
    padding-top: 20px !important;
  }
  
  .refund:hover {
    cursor: pointer;
    color: #FC672C;
  }
  
  .overlay-popover {
    background: #ffffff;
    box-shadow: 0 2px 10px 0 rgba(231, 221, 221, 0.16);
  }
  
  .td-status {
    width: 96px;
    text-align: center;
    padding-top: 20px !important;
  
    div {
      margin-bottom: 6px;
    }
  }
  
  .td-amount {
    width: 136px;
    text-align: center;
    padding-top: 20px !important;
    font-size: 14px;
    font-weight: bold;
    color: #f5222d;
    letter-spacing: 0;
    text-align: center;
  }
  
  .td-operation {
    width: 164px;
    text-align: center;
    padding-top: 20px !important;
  }
  
  .pay-btn {
    margin-bottom: 6px;
    border: 1px solid #FC672C !important;
    border-radius: 2px !important;
    color: #FC672C !important;
    font-weight: bold !important;
    max-width: 132px;
    overflow: hidden;
    white-space: nowrap;
    height: 24px !important;
  
    span {
      font-size: 12px;
      letter-spacing: 0;
      text-align: center;
      vertical-align: 0 !important;
    }
  }
  
  .pay-btn:hover {
    background: #FC672C !important;
    color: #fff !important;
    font-weight: bold !important;
  }
  
  .receipt-btn {
    margin-bottom: 6px;
    border: 1px solid #1890ff !important;
    border-radius: 2px !important;
    color: #1890ff !important;
    font-weight: bold !important;
    max-width: 132px;
    overflow: hidden;
    white-space: nowrap;
    height: 24px !important;
  
    span {
      font-size: 12px;
      letter-spacing: 0;
      text-align: center;
      vertical-align: 0 !important;
    }
  }
  
  .receipt-btn:hover {
    background: #1890ff !important;
    color: #fff !important;
    font-weight: bold !important;
  }
  
  .review-btn {
    margin-bottom: 6px;
    border: 1px solid #bfbfbf !important;
    border-radius: 2px !important;
    color: #3a2e2e !important;
    font-weight: bold !important;
    max-width: 132px;
    overflow: hidden;
    white-space: nowrap;
    height: 24px !important;
  
    span {
      font-size: 12px;
      letter-spacing: 0;
      text-align: center;
      vertical-align: 0 !important;
    }
  }
  
  .review-btn:hover {
    margin-bottom: 6px;
    border: 1px solid #FC672C !important;
    color: #FC672C !important;
    font-weight: bold !important;
  }
  
  .cancel-a {
    margin-bottom: 6px;
    display: block;
    text-decoration: none;
    font-size: 14px;
    color: #3a2e2e !important;
    letter-spacing: 0;
    text-align: center;
    height: 20px !important;
  }
  
  .cancel-a:hover {
    color: #FC672C !important;
  }
  
  .detail-a {
    margin-bottom: 6px;
    display: block;
    text-decoration: none;
    color: #3a2e2e !important;
    letter-spacing: 0;
    text-align: center;
    height: 20px !important;
  }
  
  .detail-a:hover {
    color: #FC672C !important;
  }
  
  .s-dateTime {
    margin: 0 16px;
    font-weight: bold;
  
    .s-checkbox {
      margin-right: 8px;
    }
  }
  
  .s-orderID {
    margin: 0 16px;
  
    .s-order-content {
      cursor: pointer;
    }
  }
  
  .s-source {
    font-family: NunitoSans-Regular;
    font-size: 14px;
    color: #3A2E2E;
    float: right;
    margin-right: 16px;
  }
  
  .s-procurement {
    font-family: NunitoSans-Regular;
    font-size: 14px;
    color: #3A2E2E;
    float: right;
    margin: 0 24px;
  }
  
  .s-order-content:hover {
    color: #FC672C !important;
  }
}