﻿.main-fun-item-index{background-color: hsl(0deg 0% 50% / 20%);}
.main_adv_box {height:100vh;}
#stage {background-image: linear-gradient(to top,#141626 0%,#040319 80%);width: 100%;height: 100%;}
.main_adv_box .space {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation:moving 250s linear 0.8s infinite normal none;-moz-animation:moving 250s linear 0.8s infinite normal none;animation:moving 250s linear 0.8s infinite normal none;}
#stage .space {width:3840px;height:100%;background:url(../img/mountain-space.png) repeat-x;margin: 0;}
#stage .text{height: 500px;background: url(../img/mountain-text.png) 125px 120px no-repeat;margin: 0 auto;width: 1200px;}
#stage .mountain {width:360em;position:absolute;left:0;bottom:0;}
#stage .mountain-1 {height:10.5em;z-index:3;background:url(../img/mountain-1.png) repeat-x;background-size:auto 80%;background-position:0 bottom;}
#stage .mountain-2 {height:12em;z-index:2;background:url(../img/mountain-2.png) repeat-x;background-size:auto 80%;background-position:0 bottom;}
#stage .mountain-3 {height:17.78125em;z-index:1;background:url(../img/mountain-3.png) repeat-x;background-size:auto 70%;background-position:0 bottom;}
#stage .bear {width:3.12em;height:1.625em;position:absolute;margin-left:-1.5625em;left:-4%;bottom:20px;z-index:999;background:url("../img/mountain-bear.png") 0 0 no-repeat;background-size:25em 100%;opacity:0;}
.scenes-ready .mountain-1 {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation:moving 50s linear 0.8s infinite normal none;-moz-animation:moving 50s linear 0.8s infinite normal none;animation:moving 50s linear 0.8s infinite normal none;}
.scenes-ready .mountain-2 {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation:moving 80s linear 0.8s infinite normal none;-moz-animation:moving 80s linear 0.8s infinite normal none;animation:moving 80s linear 0.8s infinite normal none;}
.scenes-ready .mountain-3 {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation:moving 180s linear 0.8s infinite normal none;-moz-animation:moving 180s linear 0.8s infinite normal none;animation:moving 180s linear 0.8s infinite normal none;}
.main_adv_box .shitu{width: 200vw;margin: 0 auto;height: 150px;position: absolute;z-index:4;bottom: -50px;left:100%;}

.main_adv_box .shitu {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation:moving 50s linear 0.8s infinite normal none;-moz-animation:moving 50s linear 0.8s infinite normal none;animation:shitu 60s linear 0.8s infinite normal none;}

/*西游记幻灯片*/
.west-01{float: left;z-index: 999;position:relative;width:100px;height:90px;left:0px;bottom:-10px;background-image:url(../img/xyj_swk.png);background-size: cover;background-repeat:no-repeat;-webkit-animation:play01 1.4s steps(8) infinite;-moz-animation:play01 1.4s steps(8) infinite;-ms-animation:play01 1.4s steps(8) infinite;animation:play01 1.4s steps(8) infinite}@-webkit-keyframes play01{0%{background-position:0 0}100%{background-position:-800px 0}}@-moz-keyframes play01{0%{background-position:0 0}100%{background-position:-800px 0}}@-o-keyframes play01{0%{background-position:0 0}100%{background-position:-800px 0}}@-ms-keyframes play01{0%{background-position:0 0}100%{background-position:-800px 0}}@keyframes play01{0%{background-position:0 0}100%{background-position:-800px 0}}
.west-02{float: left;z-index: 999;position:relative;width:100px;height:90px;left:35px;bottom:-10px;background-image:url(../img/xyj_zbj.png);background-size: cover;background-repeat:no-repeat;-webkit-animation:play02 1.4s steps(8) infinite;-moz-animation:play02 1.4s steps(8) infinite;-ms-animation:play02 1.4s steps(8) infinite;animation:play02 1.4s steps(8) infinite}@-webkit-keyframes play02{0%{background-position:0 0}100%{background-position:-800px 0}}@-moz-keyframes play02{0%{background-position:0 0}100%{background-position:-800px 0}}@-o-keyframes play02{0%{background-position:0 0}100%{background-position:-800px 0}}@-ms-keyframes play02{0%{background-position:0 0}100%{background-position:-800px 0}}@keyframes play02{0%{background-position:0 0}100%{background-position:-800px 0}}
.west-03{float: left;z-index: 999;position:relative;width:85px;height:120px;left:45px;bottom:6px;background-image:url(../img/xyj_ts.png);background-size: cover;background-repeat:no-repeat;-webkit-animation:play03 1.4s steps(8) infinite;-moz-animation:play03 1.4s steps(8) infinite;-ms-animation:play03 1.4s steps(8) infinite;animation:play03 1.4s steps(8) infinite}@-webkit-keyframes play03{0%{background-position:0 0}100%{background-position:-680px 0}}@-moz-keyframes play03{0%{background-position:0 0}100%{background-position:-680px 0}}@-o-keyframes play03{0%{background-position:0 0}100%{background-position:-680px 0}}@-ms-keyframes play03{0%{background-position:0 0}100%{background-position:-680px 0}}@keyframes play03{0%{background-position:0 0}100%{background-position:-680px 0}}
.west-04{float: left;z-index: 999;position:relative;width:105px;height:100px;left:65px;bottom:-6px;background-image:url(../img/xyj_shs.png);background-size: cover;background-repeat:no-repeat;-webkit-animation:play04 1.4s steps(8) infinite;-moz-animation:play04 1.4s steps(8) infinite;-ms-animation:play04 1.4s steps(8) infinite;animation:play04 1.4s steps(8) infinite}@-webkit-keyframes play04{0%{background-position:0 0}100%{background-position:-840px 0}}@-moz-keyframes play04{0%{background-position:0 0}100%{background-position:-840px 0}}@-o-keyframes play04{0%{background-position:0 0}100%{background-position:-840px 0}}@-ms-keyframes play04{0%{background-position:0 0}100%{background-position:-840px 0}}@keyframes play04{0%{background-position:0 0}100%{background-position:-840px 0}}
/*西游记幻灯片*/
@-webkit-keyframes mountains-in {
	0% {
		-webkit-transform:scale(1.5);
	}
	100% {
		-webkit-transform:scale(1);
	}
}
@-moz-keyframes mountains-in {
	0% {
		-moz-transform:scale(1.5);
	}
	100% {
		-moz-transform:scale(1);
	}
}
@keyframes mountains-in {
	0% {
		transform:scale(1.5);
	}
	100% {
		transform:scale(1);
	}
}
@-webkit-keyframes moving {
	0% {
		-webkit-transform:translate3d(-40%,0,0);
	}
	100% {
		-webkit-transform:translate3d(0,0,0);
	}
}
@-moz-keyframes moving {
	0% {
		-moz-transform:translate3d(-40%,0,0);
	}
	100% {
		-moz-transform:translate3d(0,0,0);
	}
}
@keyframes moving {
	0% {
		transform:translate3d(-20%,0,0);
	}
	100% {
		transform:translate3d(0,0,0);
	}
}
@-webkit-keyframes shitu {
	0% {
		-webkit-transform:translate3d(0%,0,0);
	}
	100% {
		-webkit-transform:translate3d(60%,0,0);
	}
}
@-moz-keyframes shitu {
	0% {
		-moz-transform:translate3d(0%,0,0);
	}
	100% {
		-moz-transform:translate3d(60%,0,0);
	}
}
@keyframes shitu {
	0% {
		transform:translate3d(0%,0,0);
	}
	100% {
		transform:translate3d(-60%,0,0);
	}
}