.absolute-full() {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

body {
  .absolute-full();
  height: 100%;
  overflow: hidden;

  #app {
    height: inherit;
    width: inherit;

    > div {
      .absolute-full();
      background-color: @theme-bg-color;
      overflow: auto;
      // touch-action: none;                 // prevent default touch action
      -webkit-overflow-scrolling: touch;  // scroll effect optimize in safari

      > .co-wrapper {
        position: absolute;
        width: 100%;
        top: @header-height;
        bottom: 0;
        overflow: scroll;
      }
    }
  }
  &.uh_android{
    #app{
      > div {
        > .co-wrapper{
          padding-top: @android-fit-height;
        }
      }
    }
  }
  &.uh_ios{
    #app{
      > div {
        > .co-wrapper{
          padding-top: @ios-fit-height;
        }
      }
    }
  }
}