html,body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
.container-box {
	width:100%;
	height:100%;
	overflow:hidden;
}
.container {
	width:100%;
	height:100%;
	white-space:nowrap;
	position:relative;
	transition:all 0.3s;
	font-size:0;
	/*解决inline-block空白间隔问题*/
}
.page {
	margin:0 10%;
	padding:10% 0;
	box-sizing:border-box;
	display:inline-block;
	width:80%;
	height:100%;
	white-space:normal;
	font-size:18px;
	/*inline-block间隔问题*/
				color:#fff;
}
.page1 {
	background-color:darkmagenta;
}
.page2 {
	background-color:blueviolet;
}
.page3 {
	background-color:brown;
}
.page4 {
	background-color:chartreuse;
}