.outStorageDetaile .ant-modal-header {
  padding: 12px;
  background-color: #1784fc;
}
.outStorageDetaile .ant-modal-header .ant-modal-title {
  color: #fff;
}
.outStorageDetaile .ant-modal-close-x {
  width: 46px;
  height: 46px;
  color: #fff;
}
.outStorageDetaile .ant-modal-body {
  padding: 0;
}
.outStorageDetaile .ant-modal-body .el-input-number--mini {
  width: 100;
}
.outStorageDetaile .ant-modal-body .title {
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  color: #333;
  background-color: #F1F8FF;
  border-bottom: 1px solid #E9E9E9;
}
.outStorageDetaile .ant-modal-body .ant-table-thead {
  border-radius: 4px;
}
.outStorageDetaile .ant-modal-body th {
  padding: 8px 0!important;
  background-color: #EFF4F8;
  color: #333;
  border-bottom: none;
}
.outStorageDetaile .ant-modal-body td {
  color: #666;
}
.outStorageDetaile .ant-modal-body td .iconfont {
  color: #000;
  cursor: pointer;
}
.outStorageDetaile .ant-modal-footer {
  background-color: #F1F8FF;
  border-top: none;
}
.outStorageDetaile .ant-modal-footer > div > div {
  float: left;
  line-height: 32px;
  margin-right: 20px;
}
.outStorageDetaile .ant-modal-footer > div > div span {
  color: #1784fc;
}
.outStorageDetaile .titles {
  height: 50px;
  line-height: 50px;
  background-color: #F1F8FF;
  padding-left: 25px;
  color: #333;
}

.outStorageSection .header {
  height: 94px;
  background-color: #f1f8ff;
  padding: 8px 8px 0 20px;
}
.outStorageSection .header .ant-form-item {
  width: 140px;
  margin: 0 8px;
  float: left;
}
.outStorageSection .header .ant-form-item .ant-form-item-label {
  line-height: 30px;
  color: #666;
}
.outStorageSection .header .ant-form-item .ant-form-item-label i {
  color: red;
}
.outStorageSection .header .ant-form-item .ant-select {
  width: 140px;
}
.outStorageSection .header .cols {
  width: 220px;
}
.outStorageSection .header .cols .ant-form-item-children {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 3px;
}
.outStorageSection .header .cols .ant-form-item-children .ant-select {
  width: 110px;
}
.outStorageSection .box {
  height: calc(100vh - 195px) !important;
}
.outStorageSection .box p {
  height: 28px;
  line-height: 28px;
  margin-bottom: 2px;
}
.outStorageSection .box p > i {
  color: #000;
  cursor: pointer;
}
.outStorageSection .box p .ant-input {
  width: 120px;
  height: 28px;
  line-height: 28px;
}
.outStorageSection .box .el-date-editor--date {
  width: 120px!important;
}
.outStorageSection .box .el-date-editor--date .el-input__prefix {
  left: 0;
}
.outStorageSection .box .el-date-editor--date .el-input__prefix .el-input__icon {
  width: 20px;
  line-height: 28px;
}
.outStorageSection .box .el-date-editor--date .el-input__inner {
  height: 28px;
  line-height: 28px;
  padding-left: 22px;
  padding-right: 0;
}
.outStorageSection .box .el-input-number {
  width: 80px;
  line-height: 26px;
}
.outStorageSection .box .el-input-number__decrease {
  width: 26px;
  height: 24px;
  line-height: 24px;
  text-align: center;
}
.outStorageSection .box .el-input-number__increase {
  width: 26px;
  height: 24px;
  line-height: 24px;
  text-align: center;
}
.outStorageSection .box .el-input-number .el-input__inner {
  height: 26px;
  padding-left: 26px;
  padding-right: 26px;
}
.outStorageSection .box .ant-input-number,
.outStorageSection .box .ant-input-number-input {
  width: 80px;
  height: 28px;
  line-height: 28px;
}
.outStorageSection .box td {
  border-color: #E9E9E9;
}
.outStorageSection .box td .btn {
  width: 23px;
  height: 23px;
  display: inline-block;
}
.outStorageSection .box td .iconfont {
  width: 23px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
}
.outStorageSection .box td .iconfont.iconjia {
  color: #1784fc;
}
.outStorageSection .box td .iconfont.iconwendang {
  color: #18B0FF;
}
.outStorageSection .box td .iconfont.iconbiaoqian {
  color: #1CBB41;
}
.outStorageSection .box td .iconfont.iconshanchu {
  color: #FF7640;
}
.outStorageSection .box td.cor1 {
  color: #1784fc;
}
.outStorageSection .box tr th {
  padding: 10px 0!important;
  color: #666;
  background-color: #EFF4F8;
  border-color: #E9E9E9;
}
.outStorageSection .box tr th:nth-child(4),
.outStorageSection .box tr th:nth-child(5) {
  color: #FF7640;
}
.outStorageSection .box .ant-table {
  overflow: hidden;
}
.outStorageSection .button {
  height: 50px;
  line-height: 50px;
  text-align: right;
  background-color: #f1f8ff;
  padding: 0;
}
.outStorageSection .button .formRowCol {
  width: 280px;
  padding: 0;
  float: left;
  margin-top: 8px;
}
.outStorageSection .button .formRowCol .ant-form-item-label {
  width: 60px;
}
.outStorageSection .button .total {
  height: 50px;
  float: left;
  padding-top: 9px;
  margin-left: 270px;
  text-align: left;
}
.outStorageSection .button .total p {
  height: 18px;
  line-height: 18px;
  margin-bottom: 0;
  color: #666;
}
.outStorageSection .button .total p span {
  color: #FF7640;
  font-weight: bold;
}
.outStorageSection .button .ant-btn {
  margin: 0 8px;
}
.outStorageSection .button .ant-btn-danger {
  background-color: #FF7640;
  border-color: #FF7640;
}

.outStorageEidtInfo1 .header {
  height: 50px;
  line-height: 50px;
  background-color: #f1f8ff;
  padding-top: 5px;
  font-weight: bold;
  color: #333;
}
.outStorageEidtInfo1 .header .ant-form-item {
  margin: 0 8px;
  padding: 0;
  float: left;
}
.outStorageEidtInfo1 .box {
  height: calc(100vh - 152px) !important;
  padding: 8px;
}
.outStorageEidtInfo1 .box th {
  padding: 5px 0!important;
  background-color: #eff4f8;
  color: #333;
}
.outStorageEidtInfo1 .box td {
  padding: 2px 0!important;
}
.outStorageEidtInfo1 .box td p {
  height: 20px;
  line-height: 20px;
  margin-bottom: 0;
}
.outStorageEidtInfo1 .box td p .iconfont {
  width: 26px;
  color: #999;
  font-weight: bold;
}
.outStorageEidtInfo1 .box td p .iconfont.iconsuo1 {
  color: #1784fc;
}
.outStorageEidtInfo1 .box td p span {
  width: 58px;
  font-size: 12px;
  text-align: right;
  float: left;
}
.outStorageEidtInfo1 .box td p b {
  width: 100px;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
}
.outStorageEidtInfo1 .box td p i {
  font-style: normal;
  font-size: 12px;
  color: #1784fc;
  cursor: pointer;
}
.outStorageEidtInfo1 .box td .desc {
  height: 30px;
  line-height: 30px;
}
.outStorageEidtInfo1 .ant-table-title {
  padding: 0 15px;
  height: 46px;
  line-height: 45px;
  font-style: 16px;
  color: #333;
  font-weight: bold;
}
.outStorageEidtInfo1 .ant-table-footer {
  padding: 5px 15px;
  height: 46px;
  background-color: #fff;
  border-top: 1px solid #e8e8e8;
}
.outStorageEidtInfo1 .ant-table-footer .ant-btn {
  float: right;
}
.outStorageEidtInfo1 .button {
  height: 50px;
  line-height: 50px;
  text-align: right;
  background-color: #f1f8ff;
  padding: 0;
}
.outStorageEidtInfo1 .button p {
  width: 200px;
  height: 50px;
  line-height: 50px;
  margin-bottom: 0;
  color: #666;
  float: left;
  text-align: left;
  padding-left: 8px;
}
.outStorageEidtInfo1 .button p span {
  color: #FF7640;
  font-weight: bold;
}
.outStorageEidtInfo1 .button .ant-btn {
  margin: 0 8px;
}
.outStorageEidtInfo1 .button .ant-btn-danger {
  background-color: #FF7640;
  border-color: #FF7640;
}

.outStorageEidtInfo2 .header {
  height: 50px;
  line-height: 50px;
  background-color: #f1f8ff;
  padding-top: 5px;
  font-weight: bold;
  color: #333;
}
.outStorageEidtInfo2 .header .ant-form-item {
  margin: 0 8px;
  padding: 0;
  float: left;
}
.outStorageEidtInfo2 .boxs {
  height: calc(100vh - 152px);
  padding: 8px;
}
.outStorageEidtInfo2 .boxs th {
  padding: 5px 0!important;
  background-color: #eff4f8;
  color: #333;
}
.outStorageEidtInfo2 .boxs td {
  padding: 2px 0!important;
}
.outStorageEidtInfo2 .boxs td p {
  height: 20px;
  line-height: 20px;
  margin-bottom: 0;
}
.outStorageEidtInfo2 .boxs td p .iconfont {
  width: 26px;
  color: #999;
  font-weight: bold;
}
.outStorageEidtInfo2 .boxs td p .iconfont.iconsuo1 {
  color: #1784fc;
}
.outStorageEidtInfo2 .boxs td p span {
  width: 58px;
  font-size: 12px;
  text-align: right;
  float: left;
}
.outStorageEidtInfo2 .boxs td p b {
  width: 100px;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
}
.outStorageEidtInfo2 .boxs td p i {
  font-style: normal;
  font-size: 12px;
  color: #1784fc;
  cursor: pointer;
}
.outStorageEidtInfo2 .boxs td .desc {
  height: 30px;
  line-height: 30px;
}
.outStorageEidtInfo2 .boxs.box1 {
  height: calc(50vh - 90px);
  overflow-y: scroll;
}
.outStorageEidtInfo2 .boxs.box2 {
  height: calc(50vh - 65px);
  overflow-y: scroll;
}
.outStorageEidtInfo2 .boxs.box2 .ant-table-placeholder .ant-empty {
  margin: 60px 0;
}
.outStorageEidtInfo2 .ant-table-title {
  padding: 0 15px;
  height: 46px;
  line-height: 45px;
  font-style: 16px;
  color: #333;
  font-weight: bold;
}
.outStorageEidtInfo2 .ant-table-footer {
  padding: 5px 15px;
  height: 46px;
  background-color: #fff;
  border-top: 1px solid #e8e8e8;
}
.outStorageEidtInfo2 .ant-table-footer .ant-btn {
  float: right;
}
.outStorageEidtInfo2 .ant-table-footer p {
  width: 200px;
  height: 36px;
  line-height: 36px;
  margin-bottom: 0!important;
  display: inline-block;
}
.outStorageEidtInfo2 .ant-table-footer p span {
  color: #FF7640;
  font-weight: bold;
}
.outStorageEidtInfo2 .button {
  height: 50px;
  line-height: 50px;
  text-align: right;
  background-color: #f1f8ff;
  padding: 0;
}
.outStorageEidtInfo2 .button p {
  width: 200px;
  height: 50px;
  line-height: 50px;
  margin-bottom: 0;
  color: #666;
  float: left;
  text-align: left;
  padding-left: 8px;
}
.outStorageEidtInfo2 .button p span {
  color: #FF7640;
  font-weight: bold;
}
.outStorageEidtInfo2 .button .ant-btn {
  margin: 0 8px;
}
.outStorageEidtInfo2 .button .ant-btn-danger {
  background-color: #FF7640;
  border-color: #FF7640;
}