.mx-select{
  overflow: hidden;
  width: 100%;
  position: relative;
  .mx-select-wrap{
    width: 100%;
    .mx-select-item{
      color:#000;
      .mx-block{
        display: block;
        height: 100%;
        width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        text-align: center;
      }
    }
  }

  .mx-select-mask{
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6)),linear-gradient(0deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6));
    position: absolute;
    left: 0;
    z-index: 1;
    background-position: top,bottom;
    background-repeat: no-repeat;
    top: 0;
    background-size: 100% 60px;
  }
}