@charset "utf-8";

.x-actionsheet {
  align-items: flex-end !important;
  .x-modal__inner {
    background: #f0f0f0;
  }
  &__title {
    width: 100%;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #e5e5e5; /*no*/
    background: #fff;
    font-size: 0.26rem;
  }
  &__list {
    margin-bottom: 0.2rem;
    background: #fff;
  }
  &__item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #e5e5e5; /*no*/
    font-size: 0.3rem;
  }
  &__button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1rem;
    width: 100%;
    color: #333;
    font-size: 0.3rem;
    &:active {
      background: #fafafa;
      color: inherit;
    }
  }
  &__closebtn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #999;
    width: 100%;
    height: 1rem;
    border-top: 1px solid #e5e5e5; /*no*/
    font-size: 0.3rem;
    &:active {
      background: #fafafa;
      color: #999;
    }
  }
  &.x-modal--enter {
    .x-modal__bg {
      opacity: 1;
    }
    .x-modal__inner {
      animation: __x_actionsheet_slideup_enter cubic-bezier(0.5,0,0.3,1) 0.3s;
    }
  }
  &.x-modal--leave {
    .x-modal__bg {
      opacity: 0;
    }
    .x-modal__inner {
      animation: __x_actionsheet_slideup_leave cubic-bezier(0.5,0,0.3,1) 0.3s;
    }
  }
}

@keyframes __x_actionsheet_slideup_enter {
  0%{
    transform: translateY(100%);
  }
  100% {
  transform: translateY(0);
  }
}
@keyframes __x_actionsheet_slideup_leave {
  0%{
    transform: translateY(0);
  }
  100% {
  transform: translateY(100%);
  }
}