.mainPage{
  &>div.flex-item{
    &>div{
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
      transform: translateZ(0);
      -webkit-transform: translateZ(0);
      &>div{
        margin: 0 .25rem;
        overflow: visible;
        div{
          overflow: visible;
        }
        ul{
          width: 100%;
          position: relative;
          overflow: visible;
          margin-bottom: .25rem;
          &>li{
            width: 100%;
            position: relative;
            overflow: hidden;
            border-radius: .1rem;
            background: #fff;
            box-shadow: 0 0 .2rem .02rem rgba(0, 0, 0, .1);
            padding: .08rem 0;
            margin: .25rem auto 0;
          }
        }
      }
    }
  }
}