/*淡出*/
@keyframes opacity
{
	0%   {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

@-moz-keyframes opacity /* Firefox */
{
	0%   {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

@-webkit-keyframes opacity /* Safari 和 Chrome */
{
	0%   {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

@-o-keyframes opacity /* Opera */
{
	0%   {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

/*往上*/
@keyframes upshow
{
	0%   {
		opacity:0;
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
	}
	100% {
		opacity:1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
}

@-moz-keyframes upshow /* Firefox */
{
	0%   {
		opacity:0;
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
	}
	100% {
		opacity:1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes upshow /* Safari 和 Chrome */
{
	0%   {
		opacity:0;
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
	}
	100% {
		opacity:1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
}

@-o-keyframes upshow /* Opera */
{
	0%   {
		opacity:0;
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
	}
	100% {
		opacity:1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
}

/*右边出*/
@keyframes rightshow
{
	0%   {
		opacity:0;
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
	}
	100% {
		opacity:1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}

@-moz-keyframes rightshow /* Firefox */
{
	0%   {
		opacity:0;
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
	}
	100% {
		opacity:1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}

@-webkit-keyframes rightshow /* Safari 和 Chrome */
{
	0%   {
		opacity:0;
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
	}
	100% {
		opacity:1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}

@-o-keyframes rightshow /* Opera */
{
	0%   {
		opacity:0;
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
	}
	100% {
		opacity:1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}
@media only screen and (min-width:769px) {
	.xg_screen .case_list{opacity:0;}
	.xg_screen.active .case_list5{animation:opacity 1s linear 0s forwards;}
	.xg_screen.active .case_list0{animation:opacity 1s linear .2s forwards;}
	.xg_screen.active .case_list6{animation:opacity 1s linear .4s forwards;}
	.xg_screen.active .case_list1{animation:opacity 1s linear .6s forwards;}
	.xg_screen.active .case_list7{animation:opacity 1s linear .8s forwards;}
	.xg_screen.active .case_list2{animation:opacity 1s linear 1s forwards;}
	.xg_screen.active .case_list8{animation:opacity 1s linear 1.2s forwards;}
	.xg_screen.active .case_list3{animation:opacity 1s linear 1.4s forwards;}
	.xg_screen.active .case_list9{animation:opacity 1s linear 1.6s forwards;}
	.xg_screen.active .case_list4{animation:opacity 1s linear 1.8s forwards;}

	.xg_screen #i382a8e29c79e168e>div>div{opacity:0;}
	.xg_screen #i382a8e29c79e168e>div>div:nth-child(1){opacity:0;}
	.xg_screen #i382a8e29c79e168e>div>div:nth-child(2){opacity:0;}
	.xg_screen #i382a8e29c79e168e>div>div:nth-child(3){opacity:0;}
	.xg_screen #i382a8e29c79e168e>div>div:nth-child(4){opacity:0;}
	.xg_screen #i382a8e29c79e168e>div>div:nth-of-type(n+4){opacity:1;}
	.xg_screen.active #i382a8e29c79e168e>div>div:nth-child(1){animation:upshow 1s linear 0s forwards;}
	.xg_screen.active #i382a8e29c79e168e>div>div:nth-child(2){animation:upshow 1s linear .2s forwards;}
	.xg_screen.active #i382a8e29c79e168e>div>div:nth-child(3){animation:upshow 1s linear .4s forwards;}
	.xg_screen.active #i382a8e29c79e168e>div>div:nth-child(4){animation:upshow 1s linear .6s forwards;}

	.xg_screen .p1700mca63ee249ca0c532{opacity:0;}
	.xg_screen.active .p1700mca63ee249ca0c532{animation:rightshow 1s linear 0s forwards;}
}
@media only screen and (max-width:768px) {

}