/*
  <%= name %> By <%= author %>@alipay.com
  Created By Anima
 */

html, body {
    margin: 0;
    padding: 0;
    width:100%;
    height:100%;
}
ul, ol {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-before: 0;
    -webkit-padding-after: 0;
    -webkit-padding-start: 0;
    -webkit-padding-end: 0;
}
body * {
    -webkit-text-size-adjust:none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.navbar {
    -webkit-box-sizing: border-box;
    position: relative;
    width: 100%;
    z-index: 99;
    top: 0;
    left: 0;
}
.toolbar {
    position: relative;
    z-index: 99;
}
.viewport {
    width: 100%;
    min-height: 100%;
}
.viewport > .navbar {
    display: none;
}
.viewport > .content {
  position: relative;
    overflow: auto;
    width: auto;
    height: auto;
}
.viewport > .toolbar {
    display: none;
}
.viewport > .content > .wrap,
    .viewport > .content > .wrap > .active,
        .viewport > .content > .wrap > .inactive {
    width: 100%;
    min-height: 100%;
}
.viewport > .content > .wrap > .active{
    display: block;
}
.viewport > .content > .wrap > .inactive{
    display: none;
}
.viewport > .content > .trans {
    display: none;
    background: transparent;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 9999;
}
.viewport > .content > .trans > div {
    position: absolute;
    width: 100%;
    height: 100%;
}
.viewport.enableNavbar > .navbar {
    display: block;
}
.viewport.enableToolbar > .toolbar {
    display: block;
}
.viewport.enableScroll,
    .viewport.enableScroll > .content,
    .viewport.enableScroll > .content > .wrap {
    position: relative;
    overflow-y: hidden;
    height: 100%;
}
.viewport.enableScroll > .content > .wrap {
    height: auto;
}
.viewport.enableTransition,
    .viewport.enableTransition > .content,
    .viewport.enableTransition > .content > .wrap {
    position: relative;
    overflow-x: hidden;
    width: 100%;
}

/* 自定义样式 */
.viewport {
  background: #fff;
}
.viewport > .content {
  background: #ddd;
}
.viewport > .content > .wrap,
.viewport > .content > .wrap > section {
  background: #fafafa;
}
/* 低性能下转场loading样式 */
.viewport > .content > .trans > div {
  background-color: #fff;
}