.search-date-time-component {
  display: inline-block;
  position: relative;
}

.search-date-time-component .search-date-time-active {
  background-color: #f5f8fa !important;
}

.search-date-time-component .search-date-time-active .search-date-time-label:hover {
  box-shadow: none;
}

.search-date-time-component .search-date-time-normal:hover {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  background-color: #fff;
}

.search-date-time-component .field-left {
  display: none !important;
}

.search-date-time-component .field-right {
  height: 0;
}

.search-date-time-component .ant-calendar-picker {
  padding-top: 0;
}

.search-date-time-component .date-time-search-status {
  height: 34px !important;
}

.search-date-time-component .date-time-search-status:hover {
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

.search-date-time-component .date-time-search-status:hover .ant-input {
  background-color: #fff;
}

.search-date-time-component .date-time-search-status .ant-input {
  height: 34px;
}

.search-date-time-component .ant-calendar-picker:after {
  display: none;
}

.search-date-time-component .date-time-content {
  z-index: 99999;
  box-shadow: 1px 2px 7px #ddd;
}

.search-date-time-component .search-date-time-hidden {
  width: 0;
  visibility: hidden;
  height: 0;
  position: absolute;
}

.search-date-time-component .search-date-time-label {
  display: inline-block;
  border-radius: 2px;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  padding: 5px;
  color: #36434d;
  position: relative;
  cursor: pointer;
}

.search-date-time-component .search-date-time-label:hover {
  background-color: #fff;
}