@-webkit-keyframes toRight {
0% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0)
}
100% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:scale(1.35);
-moz-transform:scale(1.35);
-ms-transform:scale(1.35);
-o-transform:scale(1.35);
transform:scale(1.35);
-webkit-transform:translate(50px, -20px);
-moz-transform:translate(50px, -20px);
-ms-transform:translate(50px, -20px);
-o-transform:translate(50px, -20px);
transform:translate(50px, -20px)
}
}
@-moz-keyframes toRight {
0% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0)
}
100% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:scale(1.35);
-moz-transform:scale(1.35);
-ms-transform:scale(1.35);
-o-transform:scale(1.35);
transform:scale(1.35);
-webkit-transform:translate(50px, -20px);
-moz-transform:translate(50px, -20px);
-ms-transform:translate(50px, -20px);
-o-transform:translate(50px, -20px);
transform:translate(50px, -20px)
}
}
@-ms-keyframes toRight {
0% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0)
}
100% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:scale(1.35);
-moz-transform:scale(1.35);
-ms-transform:scale(1.35);
-o-transform:scale(1.35);
transform:scale(1.35);
-webkit-transform:translate(50px, -20px);
-moz-transform:translate(50px, -20px);
-ms-transform:translate(50px, -20px);
-o-transform:translate(50px, -20px);
transform:translate(50px, -20px)
}
}
@-o-keyframes toRight {
0% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0)
}
100% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:scale(1.35);
-moz-transform:scale(1.35);
-ms-transform:scale(1.35);
-o-transform:scale(1.35);
transform:scale(1.35);
-webkit-transform:translate(50px, -20px);
-moz-transform:translate(50px, -20px);
-ms-transform:translate(50px, -20px);
-o-transform:translate(50px, -20px);
transform:translate(50px, -20px)
}
}
@keyframes toRight {
0% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0)
}
100% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:scale(1.35);
-moz-transform:scale(1.35);
-ms-transform:scale(1.35);
-o-transform:scale(1.35);
transform:scale(1.35);
-webkit-transform:translate(50px, -20px);
-moz-transform:translate(50px, -20px);
-ms-transform:translate(50px, -20px);
-o-transform:translate(50px, -20px);
transform:translate(50px, -20px)
}
}
@-webkit-keyframes toLeft {
0% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0)
}
100% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:scale(1.35);
-moz-transform:scale(1.35);
-ms-transform:scale(1.35);
-o-transform:scale(1.35);
transform:scale(1.35);
-webkit-transform:translate(-50px, -20px);
-moz-transform:translate(-50px, -20px);
-ms-transform:translate(-50px, -20px);
-o-transform:translate(-50px, -20px);
transform:translate(-50px, -20px)
}
}
@-moz-keyframes toLeft {
0% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0)
}
100% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:scale(1.35);
-moz-transform:scale(1.35);
-ms-transform:scale(1.35);
-o-transform:scale(1.35);
transform:scale(1.35);
-webkit-transform:translate(-50px, -20px);
-moz-transform:translate(-50px, -20px);
-ms-transform:translate(-50px, -20px);
-o-transform:translate(-50px, -20px);
transform:translate(-50px, -20px)
}
}
@-ms-keyframes toLeft {
0% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0)
}
100% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:scale(1.35);
-moz-transform:scale(1.35);
-ms-transform:scale(1.35);
-o-transform:scale(1.35);
transform:scale(1.35);
-webkit-transform:translate(-50px, -20px);
-moz-transform:translate(-50px, -20px);
-ms-transform:translate(-50px, -20px);
-o-transform:translate(-50px, -20px);
transform:translate(-50px, -20px)
}
}
@-o-keyframes toLeft {
0% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0)
}
100% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:scale(1.35);
-moz-transform:scale(1.35);
-ms-transform:scale(1.35);
-o-transform:scale(1.35);
transform:scale(1.35);
-webkit-transform:translate(-50px, -20px);
-moz-transform:translate(-50px, -20px);
-ms-transform:translate(-50px, -20px);
-o-transform:translate(-50px, -20px);
transform:translate(-50px, -20px)
}
}
@keyframes toLeft {
0% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0)
}
100% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:scale(1.35);
-moz-transform:scale(1.35);
-ms-transform:scale(1.35);
-o-transform:scale(1.35);
transform:scale(1.35);
-webkit-transform:translate(-50px, -20px);
-moz-transform:translate(-50px, -20px);
-ms-transform:translate(-50px, -20px);
-o-transform:translate(-50px, -20px);
transform:translate(-50px, -20px)
}
}

@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:translate3d(0, -100%, 0)
}
60% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:translate3d(0, 8%, 0)
}
75% {
-webkit-transform:translate3d(0, -5%, 0)
}
90% {
-webkit-transform:translate3d(0, 2.5%, 0)
}
100% {
-webkit-transform:translate3d(0, 0, 0)
}
}
@-moz-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-moz-transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
-moz-transform:translate3d(0, -100%, 0)
}
60% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
-moz-transform:translate3d(0, 8%, 0)
}
75% {
-moz-transform:translate3d(0, -5%, 0)
}
90% {
-moz-transform:translate3d(0, 2.5%, 0)
}
100% {
-moz-transform:translate3d(0, 0, 0)
}
}
@-o-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-o-transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
-o-transform:translate3d(0, -100%, 0)
}
60% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
-o-transform:translate3d(0, 8%, 0)
}
75% {
-o-transform:translate3d(0, -5%, 0)
}
90% {
-o-transform:translate3d(0, 2.5%, 0)
}
100% {
-o-transform:translate3d(0, 0, 0)
}
}
@-ms-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-ms-transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
-ms-transform:translate3d(0, -100%, 0)
}
60% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translate3d(0, 8%, 0)
}
75% {
-ms-transform:translate3d(0, -5%, 0)
}
90% {
-ms-transform:translate3d(0, 2.5%, 0)
}
100% {
-ms-transform:translate3d(0, 0, 0)
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
transform:translate3d(0, -100%, 0)
}
60% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
transform:translate3d(0, 8%, 0)
}
75% {
transform:translate3d(0, -5%, 0)
}
90% {
transform:translate3d(0, 2.5%, 0)
}
100% {
transform:translate3d(0, 0, 0)
}
}

/*君王设定模块*/
.g-animEle1, .g-animEle2, .g-animEle3 {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}
.g-animEle2 {
	-webkit-transition: all .8s ease-out .8s;
	-moz-transition: all .8s ease-out .8s;
	-ms-transition: all .8s ease-out .8s;
	-o-transition: all .8s ease-out .8s;
	transition: all .8s ease-out .8s
}
.g-animEle3 {
	-webkit-transition: all .8s ease-out .9s;
	-moz-transition: all .8s ease-out .9s;
	-ms-transition: all .8s ease-out .9s;
	-o-transition: all .8s ease-out .9s;
	transition: all .8s ease-out .9s
}
/*君王设定模块*/


@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:translate3d(0, -100%, 0)
}
60% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:translate3d(0, 8%, 0)
}
75% {
-webkit-transform:translate3d(0, -5%, 0)
}
90% {
-webkit-transform:translate3d(0, 2.5%, 0)
}
100% {
-webkit-transform:translate3d(0, 0, 0)
}
}
@-moz-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-moz-transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
-moz-transform:translate3d(0, -100%, 0)
}
60% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
-moz-transform:translate3d(0, 8%, 0)
}
75% {
-moz-transform:translate3d(0, -5%, 0)
}
90% {
-moz-transform:translate3d(0, 2.5%, 0)
}
100% {
-moz-transform:translate3d(0, 0, 0)
}
}
@-o-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-o-transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
-o-transform:translate3d(0, -100%, 0)
}
60% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
-o-transform:translate3d(0, 8%, 0)
}
75% {
-o-transform:translate3d(0, -5%, 0)
}
90% {
-o-transform:translate3d(0, 2.5%, 0)
}
100% {
-o-transform:translate3d(0, 0, 0)
}
}
@-ms-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-ms-transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
-ms-transform:translate3d(0, -100%, 0)
}
60% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translate3d(0, 8%, 0)
}
75% {
-ms-transform:translate3d(0, -5%, 0)
}
90% {
-ms-transform:translate3d(0, 2.5%, 0)
}
100% {
-ms-transform:translate3d(0, 0, 0)
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
transform:translate3d(0, -100%, 0)
}
60% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
transform:translate3d(0, 8%, 0)
}
75% {
transform:translate3d(0, -5%, 0)
}
90% {
transform:translate3d(0, 2.5%, 0)
}
100% {
transform:translate3d(0, 0, 0)
}
}