.el-picker-panel__icon-btn {
  margin-top: unset;
  border: 1px solid rgb(92, 96, 106);
  border-radius: 4px;
  margin-right: 3px;
  width: 28px;
  height: 28px;
}
.el-picker-panel__footer {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.el-picker-panel__footer button:nth-of-type(1) {
  height: 38px;
}
.el-picker-panel__footer button:nth-of-type(2) {
  color: rgb(255, 255, 255);
  border-radius: 40px;
  background: rgb(76, 117, 196);
  padding: 8px 24px 8px 24px;
  height: 38px;
}
.el-input__prefix {
  display: none;
}
.el-input__suffix-inner::after {
  content: "";
  position: absolute;
  right: 0;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbD0iY3VycmVudENvbG9yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zY2hlbWVfZ3JhcGhpdHM9Im1veCBkPSJNOCwwYzMuNTggMCAwIDMuNTggMCA4czMuNTggOCA4Ljh6bTAtMGMtNC42OSA1LTYuMCA4LTYgNiA2IHoiPjwvcGF0aD4gPC9zdmc+"); /* 这里是SVG图标的base64编码 */
  background-size: contain;
  background-repeat: no-repeat;
}
.el-date-table td.current:not(.disabled) .el-date-table-cell__text {
  background-color: rgb(76, 117, 196) !important;
  color: #fff !important;
  border-radius: 4px;
}
.el-date-table td .el-date-table-cell .el-date-table-cell__text {
  border-radius: 4px;
}
.el-date-table-cell:hover {
  color: #1A1D25;
}
.el-date-table td .el-date-table-cell .el-date-table-cell__text:hover {
  color: #1A1D25;
  background: rgb(245, 246, 247);
  border-radius: 4px;
}
.el-date-table__row .available {
  color: #1A1D25;
}
.el-year-table td.current:not(.disabled) .cell {
  background-color: rgb(76, 117, 196) !important;
  color: #fff !important;
  border-radius: 4px;
}
.el-year-table td .cell {
  border-radius: 4px;
}
.el-year-table td .cell:hover {
  color: #1A1D25;
  background: rgb(245, 246, 247);
  border-radius: 4px;
}
.el-month-table td.current:not(.disabled) .cell {
  background-color: rgb(76, 117, 196) !important;
  color: #fff !important;
  border-radius: 4px;
}
.el-month-table td .cell {
  border-radius: 4px;
}
.el-month-table td .cell:hover {
  color: #1A1D25;
  background: rgb(245, 246, 247);
  border-radius: 4px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .area-level_item .date-select-container {
  width: 100%;
  position: relative;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .area-level_item .date-select-container > div:first-of-type {
  width: 100%;
  height: 100%;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .area-level_item .date-select-container .birth-icon {
  position: absolute;
  right: 1.1vw;
  top: 0.8vw;
  width: 18px;
  height: 18px;
  z-index: -1;
  cursor: pointer;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .area-level_item .date-select-container .birth-icon.open {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media (max-width: 1024px) {
    .el-picker__popper {
    position: fixed !important;
    bottom: -100% !important; /* 离底部20px */
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
    width: 100% !important; /* 适配宽度 */
    border-radius: 16px;
    height: 0;
    overflow: hidden;
  }
  .el-picker-panel {
    position: fixed !important;
    bottom: 0px !important; /* 离底部20px */
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
    width: 100% !important; /* 适配宽度 */
    z-index: 9999; /* 确保弹出框在最上层 */
    overflow: visible;
    border-radius: 16px;
  }
  .el-picker-panel__content {
    width: 100% !important;
    margin: 16px auto;
  }
  .el-date-picker__header {
    margin: 16px;
    text-align: center;
  }
    .cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .area-level_item .date-select-container {
    width: 100%;
    position: relative;
  }
  .cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .area-level_item .date-select-container > div:first-of-type {
    width: 100%;
  }
  .cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .area-level_item .date-select-container .birth-icon {
    position: absolute;
    right: 4.8vw;
    top: 2.8vw;
    width: 18px;
    height: 18px;
    z-index: 0;
    cursor: pointer;
  }
  .cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .area-level_item .date-select-container .birth-icon.open {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}