.shipment-customs-match-page[data-v-7009187b] {
  height: 100%;
}
.mission-center-container[data-v-7009187b] {
  position: relative;
  min-height: 620px;
}
.sidebar-container[data-v-7009187b] {
  position: absolute;
  left: 0;
  top: 0;
  width: 275px;
  z-index: 10;
  background: #fff;
  border-right: 1px solid #e4e7ed;
  overflow: hidden;
}
.sidebar-panel[data-v-7009187b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.sidebar-header[data-v-7009187b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid #e4e7ed;
}
.sidebar-header .sidebar-title[data-v-7009187b] {
  font-weight: 600;
  font-size: 14px;
}
.sidebar-header .shouqi[data-v-7009187b] {
  color: #409EFF;
  font-size: 12px;
  cursor: pointer;
}
.sidebar-content[data-v-7009187b] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 10px 12px;
}
.cebianlanneiron[data-v-7009187b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 10px;
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: 2px;
}
.cebianlanneiron[data-v-7009187b]:hover {
  background: #f0f4ff;
}
.cebianlanneiron.active[data-v-7009187b] {
  background: #e6f0ff;
  color: #409EFF;
  font-weight: 600;
}
.cebianlanneiron .customer-name[data-v-7009187b] {
  font-size: 13px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cebianlanneiron .customer-count[data-v-7009187b] {
  font-size: 12px;
  color: #909399;
  margin-left: 8px;
}
.main-content[data-v-7009187b] {
  -webkit-transition: margin-left 0.3s;
  transition: margin-left 0.3s;
  min-height: 620px;
}
.toolbar-card[data-v-7009187b] {
  margin-bottom: 12px;
}
.toolbar-card[data-v-7009187b] .el-card__body {
  padding: 12px 16px;
}
.toolbar-form-inline[data-v-7009187b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.expand-btn[data-v-7009187b] {
  border-color: #b3d8ff;
  color: #409EFF;
  background: #ecf5ff;
}
.table-toolbar[data-v-7009187b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
  gap: 10px;
  min-height: 32px;
}
.table-toolbar .toolbar-left[data-v-7009187b], .table-toolbar .toolbar-right[data-v-7009187b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.table-container[data-v-7009187b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100vh - 300px);
  min-height: 460px;
}
.table-scroll[data-v-7009187b] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.table-scroll-inner[data-v-7009187b] {
  height: 100%;
}
.pagination-wrap[data-v-7009187b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0 4px;
}
.pagination-wrap .pagination-total[data-v-7009187b] {
  font-size: 13px;
  color: #606266;
  margin-right: 12px;
}
.cell-link[data-v-7009187b] {
  color: #409EFF;
  padding: 0 4px;
}
.cell-link-danger[data-v-7009187b] {
  color: #F56C6C;
}
.cell-link-plain[data-v-7009187b] {
  color: #303133;
  font-weight: 500;
}
.amount-gray[data-v-7009187b] {
  color: #909399;
}
.amount-warning[data-v-7009187b] {
  color: #E6A23C;
}
.score-normal[data-v-7009187b] {
  color: #303133;
  font-weight: 700;
}
.score-low[data-v-7009187b] {
  color: #E6A23C;
  font-weight: 700;
}
.reason-tag[data-v-7009187b] {
  display: inline-block;
  margin: 0 4px 4px 0;
  padding: 2px 6px;
  border-radius: 4px;
  color: #606266;
  background: #f5f7fa;
  font-size: 12px;
}
.reason-tag.miss[data-v-7009187b] {
  color: #E6A23C;
  background: #fffaf0;
}
.expand-box[data-v-7009187b] {
  padding: 12px 16px;
  background: #fafbfc;
}
.expand-section[data-v-7009187b] {
  min-height: 154px;
  border: 1px solid #ebeef5;
  border-radius: 6px;
  background: #fff;
  padding: 10px 12px;
}
.section-subtitle[data-v-7009187b] {
  font-size: 13px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 8px;
}
.reason-list[data-v-7009187b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
.reason-item[data-v-7009187b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #606266;
}
.reason-item em[data-v-7009187b] {
  margin-left: auto;
  color: #909399;
  font-style: normal;
}
.reason-item.hit i[data-v-7009187b] {
  color: #909399;
}
.reason-item.miss i[data-v-7009187b] {
  color: #E6A23C;
}
.info-grid[data-v-7009187b] {
  display: grid;
  grid-template-columns: 86px 1fr;
  gap: 7px 8px;
  font-size: 12px;
}
.info-grid span[data-v-7009187b] {
  color: #909399;
}
.info-grid b[data-v-7009187b] {
  color: #303133;
  font-weight: 500;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.empty-tip[data-v-7009187b] {
  color: #c0c4cc;
  font-size: 13px;
  padding: 16px 0;
}
.goods-compare-title[data-v-7009187b] {
  margin: 12px 0 8px;
  font-size: 13px;
  font-weight: 600;
  color: #303133;
}
.diff-ok[data-v-7009187b] {
  color: #606266;
  font-weight: 400;
}
.diff-warn[data-v-7009187b] {
  color: #E6A23C;
  font-weight: 600;
}
.manual-match-dialog[data-v-7009187b] .el-dialog__body {
  padding: 12px 20px 8px;
}
.manual-count[data-v-7009187b] {
  color: #909399;
  font-size: 12px;
}
.manual-filter-section[data-v-7009187b],
.manual-list-section[data-v-7009187b],
.manual-check-section[data-v-7009187b] {
  border: 1px solid #ebeef5;
  border-radius: 6px;
  background: #fff;
  padding: 10px 12px;
}
.manual-filter-section[data-v-7009187b],
.manual-list-section[data-v-7009187b] {
  margin-bottom: 8px;
}
.manual-filter-section[data-v-7009187b] {
  background: #f8fafc;
}
.manual-filter-form[data-v-7009187b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 12px;
}
.manual-filter-form[data-v-7009187b] .el-form-item {
  margin: 0;
}
.manual-panel-title[data-v-7009187b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 24px;
  margin-bottom: 8px;
  color: #303133;
  font-size: 13px;
  font-weight: 600;
}
.manual-list-section[data-v-7009187b] .el-table__body tr.current-row > td {
  background: #d9ecff !important;
  border-top: 1px solid #8cc5ff;
  border-bottom: 1px solid #8cc5ff;
}
.manual-list-section[data-v-7009187b] .el-table__body tr.current-row > td:first-child {
  -webkit-box-shadow: inset 4px 0 0 #409EFF;
          box-shadow: inset 4px 0 0 #409EFF;
}
.manual-list-section[data-v-7009187b] .manual-recommended-row > td {
  background: #fff8e8 !important;
}
.manual-list-section[data-v-7009187b] .manual-recommended-row.current-row > td {
  background: #ffe4ad !important;
  border-top: 1px solid #ebb563;
  border-bottom: 1px solid #ebb563;
}
.manual-list-section[data-v-7009187b] .manual-recommended-row.current-row > td:first-child {
  -webkit-box-shadow: inset 4px 0 0 #E6A23C;
          box-shadow: inset 4px 0 0 #E6A23C;
}
.manual-check-content[data-v-7009187b] {
  min-width: 0;
}
.manual-check-columns[data-v-7009187b] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.manual-check-column[data-v-7009187b] {
  min-width: 0;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  padding: 8px 10px 10px;
}
.manual-column-title[data-v-7009187b] {
  height: 24px;
  line-height: 24px;
  margin-bottom: 6px;
  color: #303133;
  font-size: 13px;
  font-weight: 600;
}
.manual-plan-info-grid[data-v-7009187b] {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr) 86px minmax(0, 1fr);
  gap: 5px 8px;
  padding: 8px 10px;
  margin-bottom: 8px;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  background: #f8fafc;
  font-size: 12px;
}
.manual-plan-info-grid span[data-v-7009187b] {
  color: #909399;
}
.manual-plan-info-grid b[data-v-7009187b] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #303133;
  font-weight: 500;
}
.manual-compare-empty[data-v-7009187b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 180px;
  color: #909399;
  font-size: 13px;
  background: #fafbfc;
  border: 1px dashed #dcdfe6;
  border-radius: 4px;
}
.manual-pagination-wrap[data-v-7009187b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 0 0;
}
.drawer-title-wrap[data-v-7009187b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.drawer-title-text[data-v-7009187b] {
  font-weight: 600;
  color: #303133;
}
.drawer-no[data-v-7009187b] {
  color: #409EFF;
  font-weight: 600;
}
.drawer-body[data-v-7009187b] {
  padding: 0 18px 18px;
}
.detail-check-columns[data-v-7009187b] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.detail-check-column[data-v-7009187b] {
  min-width: 0;
  border: 1px solid #ebeef5;
  border-radius: 6px;
  background: #fff;
  padding: 10px 12px 12px;
}
.detail-column-title[data-v-7009187b] {
  height: 26px;
  line-height: 26px;
  margin-bottom: 8px;
  color: #303133;
  font-size: 14px;
  font-weight: 600;
}
.detail-info-grid-wide[data-v-7009187b] {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr) 86px minmax(0, 1fr);
  gap: 6px 8px;
  padding: 8px 10px;
  margin-bottom: 10px;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  background: #f8fafc;
  font-size: 12px;
}
.detail-info-grid-wide span[data-v-7009187b] {
  color: #909399;
}
.detail-info-grid-wide b[data-v-7009187b] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #303133;
  font-weight: 500;
}
.detail-diff-value[data-v-7009187b] {
  display: inline-block;
  padding: 1px 4px;
  border: 1px solid #f3d19e;
  border-radius: 3px;
  color: #b88230 !important;
  background: #fff7e6;
}
[data-v-7009187b] .detail-diff-cell {
  color: #b88230;
  background: #fff7e6 !important;
  font-weight: 600;
}
.detail-log-timeline[data-v-7009187b] {
  padding: 8px 8px 0 4px;
}
.detail-log-item[data-v-7009187b] {
  border: 1px solid #ebeef5;
  border-radius: 6px;
  background: #fff;
  padding: 10px 12px;
}
.detail-log-item strong[data-v-7009187b] {
  display: block;
  color: #303133;
  font-size: 13px;
  margin-bottom: 5px;
}
.detail-log-item p[data-v-7009187b] {
  margin: 0;
  color: #606266;
  font-size: 12px;
  line-height: 1.6;
}
.detail-card[data-v-7009187b] {
  border: 1px solid #ebeef5;
  border-radius: 6px;
  background: #fff;
  padding: 12px 14px;
}
.detail-card-title[data-v-7009187b] {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
  padding-left: 8px;
  border-left: 3px solid #409EFF;
}
.detail-info-grid[data-v-7009187b] {
  grid-template-columns: 96px 1fr;
  gap: 9px 10px;
}
.drawer-empty[data-v-7009187b] {
  padding: 40px 0;
  text-align: center;
}
.drawer-reason-list[data-v-7009187b] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.drawer-reason-item[data-v-7009187b] {
  border: 1px solid #ebeef5;
  border-radius: 6px;
  padding: 9px 10px;
  background: #fafbfc;
}
.drawer-reason-item span[data-v-7009187b] {
  display: block;
  color: #909399;
  font-size: 12px;
  margin-bottom: 5px;
}
.drawer-reason-item b[data-v-7009187b] {
  display: block;
  color: #303133;
  font-weight: 500;
  margin-bottom: 5px;
}
.drawer-reason-item em[data-v-7009187b] {
  font-style: normal;
  color: #909399;
  font-size: 12px;
}
.drawer-reason-item.hit[data-v-7009187b] {
  border-color: #d9ecff;
  background: #f4faff;
}
.drawer-reason-item.miss[data-v-7009187b] {
  border-color: #faecd8;
  background: #fffaf0;
}
@media (max-width: 1280px) {
.table-toolbar[data-v-7009187b] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
}