@import './toast.less';

@import "./cui/base/fn";

.selector-list {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  &__footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    height: 1.28rem;
    line-height: 1.28rem;
    text-align: center;
    background-color: #3b5999;
    font-size: .4rem;
    color: #fff;
  }
  &__content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 1.28rem;
    left: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background: #eee;
    &::-webkit-scrollbar { 
      width: 0 !important 
    }
    .vux-label-desc {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: block;
      padding-right: 0.45rem;
    }
    .weui_cell {
      padding: .26666667rem .48rem;
    }
    .weui_cell_ft {
      width: 0.8rem;
    }
    .weui_cell_primary {
      line-height: 24px;
      overflow: hidden;
    }
    .search_input .weui_input {
      line-height: .66666667rem;
    }
    .search_input {
      background-color: #eee;
      padding: .26666667rem .4rem;
      font-size: 15px;
      border-radius: .05333333rem;
    }
    .search_input .weui_cell {
      padding: .2rem .4rem;
      background-color: #fff;
    }
    .search_input .search_icon {
      width: .53333333rem;
      margin-bottom: -.13333333rem;
      margin-left: .13333333rem;
    }
    .weui_cells_title {
      padding-top: 0;
    }
    .no-record {
      margin: 0 auto;
      padding: 3.33333333rem 0 .66666667rem;
      text-align: center;
      color: #000;
      opacity: .4;
      font-size: .4rem;
    }
  }
  &__item {
    position: relative;
  }
  .check-icon {
    position: absolute; 
    border-width: 1px;
    border-style: solid;
    border-color: #e7e7e7;
    box-sizing: border-box;
    &--radio {
      top: .22rem;
      right: -0.2rem;
      width: .86rem;
      height: .86rem;
      border-radius: 50%;
      transform: scale(.5);
      &.check-icon--active {
        background: #509eff;
        border-color: #509eff;
        &:after {
          content: '';
          position: absolute;
          top: -1px;
          left: -1px;
          width: .86rem;
          height: .86rem;
          transform: scale(.4);
          border-radius: 50%;
          background-color: #fff;
        }
      }
    }
    &--checkbox {
      top: .44rem;
      right: 0;
      width: .43rem;
      height: .43rem;
      &.check-icon--active {
        background: #509eff;
        border-color: #509eff;
        &:after {
          content: '';
          position: absolute;
          top: .06rem;
          left: .05rem;
          width: 0.2rem;
          height: 0.12rem;
          border-left: 2px solid #fff;
          border-bottom: 2px solid #fff;
          transform: rotate(-45deg);
        }
      }
    }
  }
}