.zo-picker-view {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  position: relative;
  height: 100%;
  overflow: hidden;
  &__mask {
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 3;
  }
  &__mask {
    position: absolute;
    margin: 0 auto;
    z-index: 3;
    background: linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.6)),linear-gradient(0deg,rgba(255,255,255,.95),rgba(255,255,255,.6));
    background-position: top,bottom;
    background-size: 100% 56Px;/*no*/
    background-repeat: no-repeat;
    transform: translateZ(0);
    top: 0;
    height: 100%;
  }
  &__indicator {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 55Px;/*no*/
    border-bottom: 1Px solid rgba(229,229,229,1);
    border-top: 1Px solid rgba(229,229,229,1);

  }
  &__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  &__item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 56Px;/*no*/
    line-height: 56Px;/*no*/
    font-weight:600;
    color:rgba(0,0,0,1);
    font-size:20Px;/*no*/
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    &__label {
      font-size:14Px;/*no*/
      font-weight:400;
      margin-left: 2Px;/*no*/
    }
  }
  &__ratio {
    display: block;
  }
  .item__left {
    padding-right: 40px;
    text-align: right;
  }
  .item__right {
    padding-left: 40px;
    text-align: left;
  }

}