.pullup-down
  height 100%
  .pullup-down-bswrapper
    position relative
    height 100%
    padding 0 10px
    border 1px solid #ccc
    overflow hidden
  .pullup-down-list
    padding 0
  .pullup-down-list-item
    padding 10px 0
    list-style none
    border-bottom 1px solid #ccc
  .pulldown-wrapper
    position absolute
    width 100%
    padding 20px
    box-sizing border-box
    transform translateY(-100%) translateZ(0)
    text-align center
    color #999
  .pullup-wrapper
    padding 20px
    text-align center
    color #999

.pullup-down-slide-wrapper
  height 100%
  overflow hidden
  .pullup-pulldown-slide-bswrapper
    position relative
    height 100%
    overflow hidden
  .pullup-down-list
    padding 0
  .pullup-pulldown-slide-item
    list-style none
    width 100%
    line-height 200px
    text-align center
    font-size 26px
    transform translate3d(0,0,0)
    backface-visibility hidden
    box-sizing: border-box
  .pulldown-wrapper
    position absolute
    width 100%
    padding 20px
    box-sizing border-box
    transform translateY(-100%) translateZ(0)
    text-align center
    color #999
  .pullup-wrapper
    height 40px !important
    padding 20px
    text-align center
    color #999
  .page1
    background-color #D6EADF
  .page2
    background-color #DDA789
  .page3
    background-color #C3D899
  .page0
    background-color #F2D4A7

.pullup-pulldown-outnested
  height: 100%
  .outer-wrapper
  .inner-wrapper
    border: 2px solid #62B791
    border-radius: 5px
    transform: rotate(0deg)
    position: relative
    overflow: hidden
  .outer-wrapper
    height: 100%
    border: 1px solid rgba(0, 0, 0, .1)
  .inner-wrapper
    height: 240px
    background-color: rgba(98,183,145, 0.2)
  .inner-list-item
    height: 50px
    line-height: 50px
    text-align: center
    list-style: none
  .outer-list-item2,
  .outer-list-item
    height: 40px
    line-height: 40px
    text-align: center
    list-style: none
  .pulldown-wrapper
    position absolute
    width 100%
    padding 20px
    box-sizing border-box
    transform translateY(-100%) translateZ(0)
    text-align center
    color #999
  .pullup-wrapper
    padding 20px
    text-align center
    color #999

.slide-nested
  height: 100%
  .outer-wrapper
  .inner-wrapper
    border-radius: 5px
    transform: rotate(0deg)
    position: relative
    overflow: hidden
    box-sizing: border-box
  .outer-wrapper
    height: 100%
    border: 1px solid rgba(0, 0, 0, .1)
    border: 1px solid #62B791
  .inner-wrapper
    height: 200px
  .outer-list-item
    height: 40px
    line-height: 40px
    text-align: center
    list-style: none
  .slide-banner-content
    height 200px
    white-space nowrap
    width: 100%
    font-size 0
    .slide-item
      display inline-block
      height 200px
      width 100%
      line-height 200px
      text-align center
      font-size 26px
      &.page1
        background-color #95B8D1
      &.page2
        background-color #DDA789
      &.page3
        background-color #C3D899
      &.page4
        background-color #F2D4A7
