.page-container {
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  background: #ebebeb;
  // background: linear-gradient( 135deg, #ca7d79 0%, #c5140a 30%, #c5140a 50%, #ca7d79 100%);
}
.sreach_module {
  box-sizing: border-box;
  padding: 20rpx;
  background-color: #ffffff;
  // border-radius: 15rpx;
  // border-bottom: 1px solid #c5140a;
  // padding: ;
  .sreach_input_warp {
    width: 100%;
    .input_view {
      width: 100%;
      .t-input {
        border: 1px solid #ffffff;
        transition: all .5s;
      }
    }
    .custon_status {
      display: flex;
      justify-content: space-between;
      height: 60rpx;
      overflow: hidden;
      .custom_view {
        color: #c5140a;
        display: flex;
        align-items: center;
        margin-left: 20rpx;
        // font-weight: bold;
        .custom_name {
          margin-left: 10rpx;
          .t-dropdown-menu__title {
            color: #c5140a !important;
          }
        }
      }
      .status_view {
        display: flex;
        align-items: center;
        .status_name {
          margin-left: 10rpx;
        }
        // font-weight: bold;
        // color: #c5140a;
      }
    }
    .date {
      display: flex;
      justify-content: space-between;
      .date_item {
        display: flex;
        width: 48%;
        .date_label {
          min-width: 30%;
          font-size: 26rpx;
          display: flex;
          align-items: center;
        }
        .date_input {
          width: 100%;
          overflow: hidden;
          border-radius: 20rpx;
        }
      }
    }
    // .custom_view {
    //   width: 19%;
    // }
    // .status_view {
    //   width: 19%;
    // }
  }
}
.show_btn {
  width: 120rpx;
  font-size: 22rpx;
  color: #ffffff;
  background-color: #c5140a;
  border-radius: 15rpx;
  margin: 15rpx 0 0 20rpx;
  height: 46rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .5s;
}
.show_btn_hide {
  opacity: 0;
  height: 0;
  padding: 0;
  margin: 0 0 0 20rpx;
  overflow: hidden;
  transition: all .5s;
}
.count {
  width: 95%;
  margin: 0 auto;
  margin-top: 15rpx;
  border-radius: 15rpx;
  background-color: #ffffff;
  // display: flex;
  // justify-content: space-between;
  text-align: center;
  // padding: 10rpx 0;
  height: 204rpx;
  position: relative;
  transition: all .5s;
  .hide_btn {
    position: absolute;
    left: 0;
    bottom: 0;
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-size: 22rpx;
    padding: 8rpx 6rpx;
    color: #ffffff;
    background-color: #c5140a;
    border-radius: 0 15rpx 0 15rpx;
  }
  .stock,.poduce {
    width: 50%;
    .title {
      font-weight: bold;
      font-size: 26rpx;
    }
    .value {
      font-size: 28rpx;
      color: #c5140a;
      margin-top: 10rpx;
    }
  }
  .value {
    height: 38.4rpx;
  }
}
.hide_count_view {
  opacity: 0;
  height: 0;
  padding: 0;
  margin: 0 0 0 20rpx;
  overflow: hidden;
  transition: all .5s;
}
.content_warp {
  height: 100%;
  // margin-top: 10rpx;
  .data_list {
    width: 100%;
    // height: calc(100vh - 665rpx);
    margin-top: 15rpx;
    transition: all .5s;
    // background-color: #c5140a;
    .data_item {
      width: 95%;
      box-sizing: border-box;
      margin: 0 auto;
      margin-bottom: 15rpx;
      border-radius: 15rpx;
      background-color: #ffffff;
      padding: 20rpx;
      font-size: 26rpx;
      position: relative;
      .item_code {
        display: flex;
        justify-content: space-between;
        font-size: 28rpx;
        .code {
          font-weight: bold;
        }
        .status {
          font-size: 26rpx;
          padding: 10rpx 25rpx;
          border-radius:  0 15rpx 0 15rpx;
          position: absolute;
          right: 0;
          top: 0;
          // color: #c5130a20;
        }
      }
      .item_material {
        margin-top: 5rpx;
      }
      .item_details {
        text {
          padding-left: 20rpx;
        }
      }
      .time {
        text-align: right;
        font-size: 28rpx;
        font-weight: bold;
      }
    }
  }
}
.input_view .t-icon-base {
  color: #9da4b0;
  transition: all .5s;
}
.t-input__wrap {
  position: relative;
  right: 2%;
}
.input_focus {
  border: 1px solid #c5140a !important;
  transition: all .5s !important;
  .t-icon-base {
    color: #c5140a !important;
    transition: all .5s;
  }
}
.t-dropdown-menu__item--active {
  color: #c5140a !important;
}
.t-radio__icon--checked {
  color: #c5140a !important;
}
.t-dropdown-menu::after {
  background: #ffffff !important;
}
.not_data {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 150rpx;
  .text {
    color: #c5140a;
    margin-top: 20rpx;
  }
}
.custom_name_drop {
  .t-icon-base {
    display: none !important;
  }
}