$pagePrefix:'ui-page';
.#{$pagePrefix}{
	position:absolute;
	height:100%;
	width:100%;
	display: -webkit-box;
    flex-direction:column;/* 头、中部、脚纵向显示 */
    margin:0;
    overflow: scroll;
    font-size: 16px;
    header{
	    height: .44rem;
	    display: flex;
	    flex-direction:row;
	    font-size: .18rem;
	    line-height: .44rem;
	    position:relative;
	    &.border-1px:after{
			border-bottom: 1px solid #e4ebf0;
	    }
	}
	header div{
		display: block;
	}
	.icon{
	  font-size: .24rem;
	  line-height: .44rem;
	  &:active{
	  	color: #007ed9;
	  }
	}
	a{
		font-size: .16rem;
		color:#007ed9;
	}
	.nav-left{
		width: .7rem;
		text-align: left;
		padding-left: .12rem;
		& a, &span{
			display: inline-block;
			height: 100%;
		}
	}
	.nav-right{
		width: .7rem;
		text-align: right;
		padding-right:.12rem;
		.icon{
			margin-left:.16rem;
		}
		& a, &span{
			display: inline-block;
			height: 100%;
		}
	}
	.nav-center{
		flex:auto;
		text-align: center;
	}
	.#{$pagePrefix}-content{
		position:relative;
		flex:auto;
		font-size: .14rem;
		overflow-y:auto;
		overflow-x:hidden;
		-webkit-overflow-scrolling:touch;
		-webkit-text-size-adjust:none;
	}
	footer{
		min-height: .44rem;
	}
}