.p-picker
  display inline-block
  font-size 0
.p-picker-child
  position relative
  font-size 0
.p-picker-main
  outline none
  position absolute
  //left 0
  //top 0
  background-color $white
  box-shadow $box-shadow-bottom
  border-radius 4px
  min-width 328px
  max-width 624px
  font-size 0
  z-index 1000
  .p-picker-main-item-box
    padding 0 16px
    .p-picker-main-item-input-box
      position relative
      display flex
      align-items center
      justify-content space-between
      //width 294px
    .p-picker-main-item
      display flex
      align-items center
      justify-content center
  .p-picker-main-handle
    padding 16px
    text-align right
    width 100%
    .p-picker-handle-time
      margin-right 16px
      font-size 14px
      user-select none
      transition color .3s
    .p-picker-handle-time-normal
      vertical-align middle
      color $blue-500
      cursor pointer
      &:hover
        color $blue-600
    .p-picker-handle-time-disabled
      color $grey-400
      cursor not-allowed
.p-picker-main-item-time-select
  margin-top 16px
  margin-bottom 16px

//@keyframes opacityTopIn
//  from
//    opacity 0
//    top -32px
//  to
//    opacity 1
//    top 0
//@keyframes opacityTopOut
//  from
//    opacity 1
//    top 0
//  to
//    opacity 0
//    top -32px
//
//.opacityTop-enter-active
//  animation opacityTopIn .3s
//.opacityTop-leave-active
//  animation opacityTopOut .3s