@charset "UTF-8";
@import "~@jereation/sass-helpers/_mixins";


.picker-view {
  .bar-subheader {
    padding: 0;
  }
}

.picker-view-tabs, .picker-view-items > li {
  padding: 0 20px;
}

.picker-view-tabs {
  width: 100%;
  height: 100%;
  overflow: hidden;
  > li {
    float: left;
    max-width: 80px;
    height: 100%;
    margin-right: 30px;
    border: solid transparent;
    border-width: 1px 0;
    &.cur {
      border-bottom-color: red;
    }
    span {
      display: inline-block;
      width: 100%;
      vertical-align: middle;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      &.cur {
        color: red;
      }
    }
    i {
      height: 100%;
      display: inline-block;
      vertical-align: middle;
    }
  }
}

.picker-view-content {
  height: 100%;
  @include transition(.3s -webkit-transform linear);
  white-space: nowrap;
  font-size: 0;
  > li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    padding-top: 10px;
    background-color: #fff;
    overflow: hidden;

  }
  .scroll-view {
    height: 100%;
  }
}

.picker-view-items {
  > li {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    &.cur {
      color: red;
      i {
        visibility: visible;
      }
    }
    i {
      margin-left: 5px;
      visibility: hidden;
    }
  }
}