@import "../../res.less";
.selectCont{
  width:750px;
  height: 100vh;
  position: fixed;
  top:0;
  left:0;
  background-color: rgba(0,0,0,0.8);
  .selectmodal {
    width: 750px;
    height: 550px;
    left: 0;
    bottom: 0;
    position: absolute;
    animation: frombottom 300ms forwards;
  
    .bg2 {
      width: 750px;
      height: 550px;
      left: 0;
      top: 0;
      position: absolute;
      background-color: white;
    }
  
    .cancelbtn {
      width: 217px;
      height: 82px;
      left: 69px;
      top: 435px;
      position: absolute;
      border-radius: 42px;
      border: 2px solid #333333;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 42px;
      box-sizing: border-box;
    }
  
    .confirmbtn {
      width: 355px;
      height: 82px;
      left: 330px;
      top: 435px;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 42px;
      background-color: #ffce85;
      border-radius: 42px;
    }
  
    .dateCont {
      width: 685px;
      display: flex;
      position: absolute;
      top: 30px;
      left: calc(50% - 685px / 2);
      text-align: center;
      flex-direction: row;
  
      &::after {
        content: '';
        width: 722px;
        height: 71px;
        left: -20px;
        top: calc(50% - 60px / 2);
        position: absolute;
        background-color: #ffce85;
      }
  
      .dates {
        width: calc(100% / 4);
        flex: 1;
        z-index: 1;
      }
  
      .hours {
        width: calc(100% / 4);
        flex: 1;
        z-index: 1;
      }
  
      .minutes {
        width: calc(100% / 4);
        flex: 1;
        z-index: 1;
      }
  
      .street {
        width: calc(100% / 4);
        flex: 1;
        z-index: 1;
      }
  
      ._date {
        width: 100%;
        height: 380px;
  
        .dateItem {
          width: 100%;
          height: 79px;
          line-height: 79px;
          color: rgb(116, 116, 116);
          font-size: 36px;
          text-align: center;
  
          div {
            width: 100%;
            display: inline-block;
            .lineClamp1();
          }
  
          &.swiper-slide-active {
            font-size: 42px;
            color: black;
            font-weight: 700;
          }
        }
      }
    }
  
    @keyframes frombottom {
      0% {
        bottom: -614px;
      }
  
      100% {
        bottom: 0;
      }
    }
  }
}
