.app-loading{    
		position: fixed;
		width: 175px;
		height: 175px;
		left: calc(50% - 87px);
		top: calc(50% - 150px);
		text-align:center;
	}
	.app-loading .title{
		color: #ff6600;
		font-size: 26px;
		text-align: center;
		padding: 0;
		margin: 0;
		width:168px;
		height:120px;
		margin-top:2px;
		background-size: contain; 
		background-position: center center;
		background-repeat: no-repeat;
	}
	.app-loading .loading{
		color: #F60;
		font-size: 12px;
		text-align: center;
		padding: 0;
	}
	.app-loading .title_img{
		max-width:175px;
		max-height:175px;
	}
	.page-host-mask{
		opacity:0.8;
	}
	.book-preloader-shell {
		border: none;
		width: 77px;
		height: 64px;
		position: absolute;
		box-sizing: border-box;
	}
	.book-preloader {
		width: 100%;
		height: 100%;
		perspective: 180px;
		perspective-origin: 50% 50%;
		transform-style: preserve-3d;
	}
	.animation {
		animation-name: book;
	}
	.sec-page-root, .first-page-root, .page1, .page2, .page3, .page4, .page5, .page6, .page7, .page8, .page9, .page10 {
		border: 2px solid  #ff6600;
		border-left: 0px solid rgba(255, 102, 0, 0.6);
		box-sizing: border-box;
		width: 38px;
		height: 64px;
		position: absolute;
		left: 28px;
		top: 0;
		border-radius: 0 3px 3px 0;
		animation-name: inherit;
		animation-duration: 1.1s;
		transform-origin: 0 50%;
		animation-iteration-count: 1;
		will-change: transform;
		transform-style: preserve-3d;
		background-color: #ff6600;
	}
	.first-page-root{
		animation-name: none;
		transform: rotateY(-160deg);
		display: block;
		background-size: cover;
		background-position: center;
	}
	.sec-page-root{
		animation-name: none;
		transform: rotateY(-20deg);
		display: block;
		background-size: cover;
		background-position: center;
	}
	.page1 {animation-delay: 0s;z-index: 1;}
	.page2 {animation-delay: 0.5s;}
	.page3 {animation-delay: 0.7s;}
	.page4 {animation-delay: 0.9s;}
	.page5 {animation-delay: 1.1s;}
	.page6 {animation-delay: 1.6s;}
	.page7 {animation-delay: 1.8s;}
	.page8 {animation-delay: 2.0s;}
	.page9 {animation-delay: 2.2s;}
	.page10 {animation-delay: 2.4s;}
	@keyframes book {
		0% {
			transform: rotateY(1deg);
		}
		35% {
			background-color: #d85a07;
		}
		85% {
			background-color: #ff6600;
		}
		100% {
			transform: rotateY(-182deg);
		}
	}