a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	font-size:100%;
	vertical-align:baseline
}

html{
	line-height:1
}

ol,ul{
	list-style:none
}

table{
	border-collapse:collapse;
	border-spacing:0
}

caption,td,th{
	font-weight:400;
	vertical-align:middle
}

blockquote,q{
	quotes:none
}

blockquote:after,blockquote:before,q:after,q:before{
	content:"";
	content:none
}

a img{
	border:none
}
a{
	text-decoration: none;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{
	display:block
}

html{
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	font-family:"微软雅黑","Microsoft YaHei",Helvetica,"STHeiti STXihei","Microsoft JhengHei",Tohoma,Arial
}

body{
	color:#333;
	background: #f7f7f7;
}

.pc .main{
	width:291px;
	height:637px;
	position:absolute;
	top:50%;
	right:0;
	bottom:0;
	left:0;
	margin:-320px auto 0
}

.pc .main-body{
	width:727px;
	height:1591px;
	padding-top:260px;
	background: url(../images/iphone5.png) 0 60px no-repeat;
	background-size:727px 1426px;
	font-weight:100;
	-webkit-transform-origin:left top;
	-webkit-transform:scale(0.4);
	-moz-transform-origin:left top;
	-moz-transform:scale(0.4);
	-ms-transform-origin:left top;
	-ms-transform:scale(0.4);
	-o-transform-origin:left top;
	-o-transform:scale(0.4);
	transform-origin:left top;
	transform:scale(0.4)
}

.pc .main-box{
	position: relative;
	width:640px;
	height:1030px;
	margin-left:48px
}

/* construction */
html, body, .page {
	height: 100%; width: 100%;
	overflow: hidden;
}
.page {
	position: absolute; left: 0; top: 0;
}

.header,
.footer,
.content{ position: absolute; left: 0; right: 0; }

.header{ height: 0; top: 0; z-index: 1; }
.footer{ height: 0; bottom: 0; z-index: 1; }

.content{position: absolute; top: 0px; bottom: 0; background: #f7f7f7; overflow: auto; -webkit-overflow-scrolling: touch; }

.relative{
	position:relative
}

.absolute{
	position:absolute
}