@charset "UTF-8";
/**
 * 定义基础变量样式
 * created by zbb
 */
/**
 *基本颜色定义
 */
.primary {
  color: #409EFF;
}
.success {
  color: #67C23A;
}
.warning {
  color: #E6A23C;
}
.danger {
  color: #F56C6C;
}
.info {
  color: #909399;
}
.black {
  color: #222;
}
.white {
  color: #FFF;
}
.gray {
  color: #778992;
}

/**
 * 红五角心
 */
.must:before {
  content: "*";
  color: red;
  font-size: 14px;
}

/**
 *字体颜色
 */
/**
 *边框颜色
 */
/**
 * 边框圆角
 */
.radius {
  border-radius: 4px;
}

/**
 *背景阴影
 */
.shadow {
  -webkit-box-shadow: 0 0 10px #f5f5f5;
          box-shadow: 0 0 10px #f5f5f5;
}

/**
 * 边框调试---开发专用，不要流到产品
 */
.dom {
  border: 1px solid red;
}

/**
 * 交互手指
 */
.pointer {
  cursor: pointer;
}
.card {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 打印通用样式
 */
.print {
  width: 780px;
  min-height: 1188px;
  background-color: white;
  overflow: auto;
  margin: 0 auto 20px;
  position: relative;
}

/**
 * 各类宽度
 */
.width150 {
  width: 150px !important;
}
.width180 {
  width: 180px !important;
}
.width200 {
  width: 200px !important;
}
.width220 {
  width: 220px !important;
}
.width250 {
  width: 250px !important;
}

/**
 * 字体格式
 */
.font-digital {
  font-family: "digital";
}
.outboundAudit-search {
  width: 500px;
  height: 50px;
  margin: 10% auto auto;
}
.outboundAudit-search .outboundAudit-search-input {
  width: 400px;
}
.outboundAudit-search .outboundAudit-search-input .el-input__inner {
  border-radius: 10px 0 0 10px;
  -webkit-box-shadow: -2px 0px 5px #ddd;
          box-shadow: -2px 0px 5px #ddd;
}
.outboundAudit-search .outboundAudit-search-button {
  border-radius: 0 10px 10px 0;
}
.outboundAudit-search .outboundAudit-search-button span {
  font-size: 14px;
}
.outboundAudit-content {
  width: 100%;
  height: calc(100vh - 280px);
  /*margin-top: 40px;*/
  overflow: hidden;
}
.outboundAudit-content .outboundAudit-content-card {
  width: 90%;
  margin-left: 5%;
  height: 90%;
  margin-top: 20px;
}
.outboundAudit-content .outboundAudit-content-card .outboundAudit-content-card-title {
  text-align: center;
}
.outboundAudit-content .outboundAudit-content-card .outboundAudit-content-card-title img {
  width: 160px;
}
.outboundAudit-content .outboundAudit-content-card .outboundAudit-content-card-title span {
  display: inline-block;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 3px;
  height: 60px;
  line-height: 60px;
}
.outboundAudit-content .outboundAudit-content-card .outboundAudit-content-card-title p {
  height: 40px;
  line-height: 40px;
}
.outboundAudit-content .outboundAudit-content-card .outboundAudit-content-card-title p .outboundAudit-content-card-title-btn {
  width: 120px;
}
.outboundAudit-content .outboundAudit-content-card .outboundAudit-content-card-con-title {
  margin-top: 10px;
}
.outboundAudit-content .outboundAudit-content-card .outboundAudit-content-card-con-title span {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  font-weight: 600;
  color: black;
  width: 20%;
  text-align: center;
}
.outboundAudit-content .outboundAudit-content-card .outboundAudit-content-card-con-title span:first-child {
  width: 10%;
}
.outboundAudit-content .outboundAudit-content-card .outboundAudit-content-card-con-title span:last-child {
  width: 30%;
}
.outboundAudit-content .outboundAudit-content-card .outboundAudit-content-card-ul {
  width: 100%;
  height: calc(100vh - 720px);
  overflow-y: auto;
}
.outboundAudit-content .outboundAudit-content-card .outboundAudit-content-card-ul .outboundAudit-content-card-li span {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  font-weight: 600;
  color: black;
  width: 20%;
  text-align: center;
}
.outboundAudit-content .outboundAudit-content-card .outboundAudit-content-card-ul .outboundAudit-content-card-li span:first-child {
  width: 10%;
}
.outboundAudit-content .outboundAudit-content-card .outboundAudit-content-card-ul .outboundAudit-content-card-li span:last-child {
  width: 30%;
}
#dye-detail {
  margin-top: 0 !important;
}
.dialog-ul {
  width: 100%;
  height: 560px;
  overflow-y: auto;
}
.dialog-ul .dialog-li {
  width: 99%;
  border: #bbbbbb 1px solid;
  margin-bottom: 10px;
}
.dialog-ul .dialog-li .dialog-ul-p span {
  display: inline-block;
  width: 30%;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  font-weight: 600;
  color: black;
  text-align: center;
}
.dialog-ul .dialog-li .dialog-ul-p span:first-child {
  width: 10%;
}
.dialog-ul .dialog-li .dialog-ul-li {
  width: 100%;
  color: #909399;
  margin-bottom: 10px;
}
.dialog-ul .dialog-li .dialog-ul-li span {
  display: inline-block;
  width: 20%;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  text-align: center;
}
@charset "UTF-8";
/**
 * 定义基础变量样式
 * created by zbb
 */
/**
 *基本颜色定义
 */
.primary[data-v-b5b9a9cc] {
  color: #409EFF;
}
.success[data-v-b5b9a9cc] {
  color: #67C23A;
}
.warning[data-v-b5b9a9cc] {
  color: #E6A23C;
}
.danger[data-v-b5b9a9cc] {
  color: #F56C6C;
}
.info[data-v-b5b9a9cc] {
  color: #909399;
}
.black[data-v-b5b9a9cc] {
  color: #222;
}
.white[data-v-b5b9a9cc] {
  color: #FFF;
}
.gray[data-v-b5b9a9cc] {
  color: #778992;
}

/**
 * 红五角心
 */
.must[data-v-b5b9a9cc]:before {
  content: "*";
  color: red;
  font-size: 14px;
}

/**
 *字体颜色
 */
/**
 *边框颜色
 */
/**
 * 边框圆角
 */
.radius[data-v-b5b9a9cc] {
  border-radius: 4px;
}

/**
 *背景阴影
 */
.shadow[data-v-b5b9a9cc] {
  -webkit-box-shadow: 0 0 10px #f5f5f5;
          box-shadow: 0 0 10px #f5f5f5;
}

/**
 * 边框调试---开发专用，不要流到产品
 */
.dom[data-v-b5b9a9cc] {
  border: 1px solid red;
}

/**
 * 交互手指
 */
.pointer[data-v-b5b9a9cc] {
  cursor: pointer;
}
.card[data-v-b5b9a9cc] {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 打印通用样式
 */
.print[data-v-b5b9a9cc] {
  width: 780px;
  min-height: 1188px;
  background-color: white;
  overflow: auto;
  margin: 0 auto 20px;
  position: relative;
}

/**
 * 各类宽度
 */
.width150[data-v-b5b9a9cc] {
  width: 150px !important;
}
.width180[data-v-b5b9a9cc] {
  width: 180px !important;
}
.width200[data-v-b5b9a9cc] {
  width: 200px !important;
}
.width220[data-v-b5b9a9cc] {
  width: 220px !important;
}
.width250[data-v-b5b9a9cc] {
  width: 250px !important;
}

/**
 * 字体格式
 */
.font-digital[data-v-b5b9a9cc] {
  font-family: "digital";
}
#manualDelivery[data-v-b5b9a9cc] {
  height: calc(100vh - 250px);
}
.icon-table[data-v-b5b9a9cc] {
  color: red;
  margin-right: 5px;
  display: inline-block;
}
.hoverIcon[data-v-b5b9a9cc]:hover {
  color: #66b1ff;
  cursor: pointer;
}
.form-item-width[data-v-b5b9a9cc] {
  width: 200px;
}
.goodsUl[data-v-b5b9a9cc] {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 40px;
  /*margin-top: 20px;*/
}
.goodsUl li[data-v-b5b9a9cc] {
  margin-bottom: 30px;
  width: 100%;
  border: 1px solid #ddd;
}
.goodsUl li .title[data-v-b5b9a9cc] {
  height: 40px;
  line-height: 40px;
  color: #FFF;
  background: #409EFF;
  font-size: 14px;
}
.goodsUl li .title span[data-v-b5b9a9cc] {
  float: left;
  margin-left: 15px;
}
.goodsUl li .title i[data-v-b5b9a9cc] {
  float: right;
  margin-top: 13px;
  margin-right: 15px;
  cursor: pointer;
}
.goodsUl li .div[data-v-b5b9a9cc] {
  min-height: 60px;
  width: 100%;
}