.wrap{min-width:1200px;overflow: hidden;margin: 0 auto;position: relative;height: 1080px;}
.box{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/bg.jpg) no-repeat 50% 0;width: 100%;height: 1080px;}
.logo{position:absolute;top: 49px;left: 65px;width:95px;height:125px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/logo.png) no-repeat;z-index: 999999999;}
.wd_nav{position:absolute;right:41px;top:48px;font-size: 14px;color:#9e8c5d;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/navbg.png) no-repeat;width: 253px;height: 32px;line-height: 32px;padding-left: 14px;z-index: 999999999;}
.wd_nav a{margin:0 9px;color:#9e8c5d;}
.wd_nav a:hover{color:#beaa75;}
.wd_nav a.music{position:absolute;right:23px;top:7px;display:block;width:18px;height:16px;margin: 0;}
.wd_nav a.music em{position:relative;display:block;width:18px;height:16px;}
.wd_nav a.music em i{position:absolute;bottom:0px;width:3px;height:4px;background:#9e8c5d;}
.wd_nav a.music em i.i1{left:0px;}
.wd_nav a.music em i.i2{left:5px;}
.wd_nav a.music em i.i3{left:10px;}
.wd_nav a.music em i.i4{left:15px;}
.wd_nav a.music.music_play em i{-webkit-animation:audio 1s ease-in-out infinite;animation:audio 1s ease-in-out infinite}
.wd_nav a.music.music_play em i.i1{height:4px;animation-delay:.2s;}
.wd_nav a.music.music_play em i.i2{height:16px;animation-delay:.8s;}
.wd_nav a.music.music_play em i.i3{height:12px;animation-delay:.6s;}
.wd_nav a.music.music_play em i.i4{height:6px;animation-delay:.4s;}
.main{position:relative;width:1200px;height: 100%;margin:0 auto;z-index: 100001;}
.tri{position: absolute;}
.tri00{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/triangle00.png) no-repeat;width: 68px;height: 29px;}
.tri01{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/triangle01.png) no-repeat;width: 42px;height: 27px;}
.tri02{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/triangle02.png) no-repeat;width: 40px;height: 41px;}
.tri03{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/triangle03.png) no-repeat;width: 49px;height: 31px;}
.tri04{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/triangle04.png) no-repeat;width: 34px;height: 31px;}
.animation .tri00{-webkit-animation: rotatezn 8s linear infinite;animation: rotatezn 8s linear infinite;}
.animation .tri01{-webkit-animation: rotateyzn 8s linear infinite;animation: rotateyzn 8s linear infinite;}
.animation .tri02{-webkit-animation: rotatezn 8s linear infinite;animation: rotatezn 8s linear infinite;}
.animation .tri03{-webkit-animation: rotatez 8s linear infinite;animation: rotatez 8s linear infinite;}
.animation .tri04{-webkit-animation: rotatexz 8s linear infinite;animation: rotatexz 8s linear infinite;}

/* 导页 */
.p1 .tri00{top: 568px;left: 5px;}
.p1 .tri03{top: 180px;left: 571px;}
.p1 .tri04{top: 710px;left: 1089px;}
.text{position: absolute;top: 122px;left: 214px;width: 773px;height: 770px;}
.text .js_circle{position: absolute;top: 0;left: 0;width: 773px;height: 770px;}
.text .circle{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/circle.png) no-repeat;width: 773px;height: 770px;}
.text p{text-align: center;padding-top: 138px;font-size: 16px;color: #ddbb6b;line-height: 54px;}
.text p span{font-size: 28px;}
.text p em{letter-spacing: 14px;font-size: 30px;font-style: normal;}
.jump{position: absolute;bottom: 80px;left: 533px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/jump.png) no-repeat;width: 134px;height: 32px;cursor: pointer;z-index: 999;}
.jump span{position: absolute;top: 12px;left: 80px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/jumpArrow.png) no-repeat;width: 30px;height: 7px;}
.animation .circle{-webkit-animation: rotate_n 30s infinite linear;animation: rotate_n 30s infinite linear;}
.animation .jump{-webkit-animation: bounceInUp .5s linear;animation: bounceInUp .5s linear;}
.animation .jump span{-webkit-animation: shakearrow02 1.5s linear infinite;animation: shakearrow02 1.5s linear infinite;}
/* 首页 */
.p2 .tri01{top: 762px;left: -67px;}
.p2 .tri02{top: 822px;left: 98px;}
.p2 .tri03{top: 157px;right: 132px;}
.p2 .tri04{top: 317px;right: -5px;}
.slogan{position: relative;top: 65px;left: 156px;width: 888px;height: 885px;}
.slogan div{position: absolute;top: 0;left: 0;}
.slogan div.js_people{opacity: 0;top: 92px;left: 147px;width: 575px;height: 752px;filter:alpha(opacity=100)}
.slogan div.people{width: 575px;height: 752px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/people.png) no-repeat -575px 0;}
.slogan div.circle01{width: 888px;height: 885px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/circle01.png) no-repeat;z-index: 1;}
.slogan div.z_text{top: 12px;left: 16px;width: 860px;height: 861px;z-index: 9;filter:alpha(opacity=100)}
.slogan div.circle02{width: 860px;height: 861px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/circle02.png) no-repeat;}
.slogan div.circle03{top: 57px;left: 56px;width: 770px;height: 769px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/circle03.png) no-repeat;z-index: 19;}
.slogan div.js_eye{opacity: 0;top: 291px;left: 457px;width: 89px;height: 43px;z-index: 99;filter:alpha(opacity=100)}
.slogan div.eye{width: 89px;height: 43px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/eye.png) no-repeat;}
.slogan div.ad{top: 315px;left: 64px;width: 743px;height: 283px;}
.slogan div.ad .img01{position: absolute;top: 20px;display: none;}
.slogan div.ad .img02{opacity: 0;position: absolute;left: 17px;z-index: 999;filter:alpha(opacity=100)}
.slogan div.enter{opacity: 0;top: 790px;left: 385px;z-index: 99;filter:alpha(opacity=100)}
.js_down{opacity: 0;position: absolute;bottom: 50px;left: 574px;width: 51px;height: 55px;z-index: 99;cursor: pointer;filter:alpha(opacity=100)}
.down{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/arrow.png) no-repeat;width: 51px;height: 55px;}
.animation .circle01{ -webkit-animation: rotate_n 15s infinite linear; animation: rotate_n 15s infinite linear; }
.animation .circle02{-webkit-animation: rotate_s 60s infinite linear;animation: rotate_s 60s infinite linear;}
.animation .circle03{ -webkit-animation: rotate_s 15s infinite linear; animation: rotate_s 15s infinite linear; }
/* .animation .people{ -webkit-animation: twinkle 1.5s steps(2,end) infinite; animation: twinkle 1.5s steps(2,end) infinite; } */
.animation .eye.eyed{ -webkit-animation: blink 1.5s steps(5,end) infinite; animation: blink 1.5s steps(5,end) infinite; }
.animation .enter{ -webkit-animation: appear 2s 3s forwards linear; animation: appear 2s 3s forwards linear; }
.animation .down{ -webkit-animation: shakearrow  2s linear infinite; animation: shakearrow  2s linear infinite; }
.animation .scalea{-webkit-animation: scalea 1s forwards linear;animation: scalea 1s forwards linear;}
.animation .scaleb{-webkit-animation: scaleb 1s forwards linear;animation: scaleb 1s forwards linear;}
.animation .fadeIn{-webkit-animation: fadeIn 1s forwards linear;animation: fadeIn 1s forwards linear;}
.animation .vanishIn{-webkit-animation: vanishIn 1s forwards linear;animation: vanishIn 1s forwards linear;}
.animation .vanish{-webkit-animation: vanish 1s forwards linear;animation: vanish 1s forwards linear;}
.animation .fvanishIn{-webkit-animation: fvanishIn 1s forwards linear;animation: fvanishIn 1s forwards linear;}
.animation .translate{-webkit-animation: translate .8s 3s forwards;animation: translate .8s 3s forwards;}

.js_text{display: none;letter-spacing:3px}
.js_text div {display: inline-block;}
#canvas {position: absolute;top: 20px;left: 0px;}
.ad.zoomout{-webkit-animation: zoomOut 1s forwards 4s linear;animation: zoomOut 1s forwards 4s linear;}

/* p3 */
.p3{width: 100%;height: 1080px;position: absolute;top: 0;left: 0;display: none;}
.p3_bg{width: 100%;height: 1080px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/p3_bg.jpg) no-repeat 50% 0;position: absolute;top: 0;left: 0;z-index: 100001;min-width:1200px;overflow: hidden;}
.dashan{width: 1263px;height: 928px;position: absolute;left: -78px;top: -205px;z-index: 80;opacity: 0;filter:alpha(opacity=100)}
.dashan div{width: 1263px;height: 928px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/p3_mountain.png) no-repeat;}
.s_left01{width: 2086px;height: 1327px;position: absolute;top: 100px;left: -367px;z-index: 80;opacity: 0;filter:alpha(opacity=100)}
.s_left01 div{width: 2086px;height: 1327px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/p3_left01.png) no-repeat;}
.s_left02{width: 537px;height: 452px;position: absolute;bottom: -101px;left:-112px;z-index: 80;opacity: 0;filter:alpha(opacity=100)}
.s_left02 div{width: 537px;height: 452px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/p3_left02.png) no-repeat;}
.s_right01{width: 440px;height: 980px;position: absolute;bottom: -130px;right:-44px;z-index: 80;opacity: 0;filter:alpha(opacity=100)}
.s_right01 div{width: 440px;height: 980px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/p3_right01.png) no-repeat;}
.s_right02{width: 681px;height: 469px;position: absolute;bottom: -73px;right:-35px;z-index: 80;opacity: 0;filter:alpha(opacity=100)}
.s_right02 div{width: 681px;height: 469px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/p3_right02.png) no-repeat;}
.top_y{width: 100%;height: 969px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/top_y.png);position: absolute;left: 0px;top: -333px;animation: animatedBackground01 25s linear infinite;z-index: 1;}
.top_b{width: 100%;height:491px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/btm_b.png);position: absolute;left: 0px;bottom: -287px;animation: animatedBackground02 40s linear infinite;z-index: 1;}
.top_b2{width: 100%;height:400px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/btm_b2.png) ;position: absolute;left: 0px;bottom: 0px;z-index: 70;animation: animatedBackground03 60s linear infinite;}
.n01{width: 96px;height: 57px;position: absolute;top: 532px;left: 200px;z-index: 999;opacity: 0;filter:alpha(opacity=100)}
.n01 div{width: 96px;height: 57px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/p3_bird02.png) no-repeat;}
.n02{width: 96px;height: 57px;position: absolute;top: 525px;right: 78px;z-index: 999;opacity: 0;filter:alpha(opacity=100)}
.n02 div{width: 91px;height: 69px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/p3_bird.png) no-repeat;}
.role{width: 864px;height: 238px;position: absolute;top: 80px;left: 160px;z-index: 900;opacity: 0;filter:alpha(opacity=100)}
.role div{width: 864px;height: 238px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/p3_demon.png) no-repeat;}
.p3_nav{position: absolute;z-index: 999;}
.p3_nav li{width: 89px;height: 203px;position: absolute;opacity: 0;filter:alpha(opacity=100)}
.p3_nav li a{display: block;width: 100%;height: 100%;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/p3_nav.png) no-repeat;overflow: hidden;text-indent: -9999px;}
.p3_nav li.li01{width: 89px;height: 189px;top: 125px;left: 276px;}
.p3_nav li.li02{left: 498px;top: 344px;}
.p3_nav li.li03{left: 792px;top: 387px;}
.p3_nav li.li04{left: 913px;top: 337px;}
.p3_nav li.li01 a{background-position: 0px 8px;}
.p3_nav li.li02 a{background-position: -220px -211px;}
.p3_nav li.li03 a{background-position: -517px -253px;}
.p3_nav li.li04 a{background-position: -636px -206px;}
.p3_nav li.li01 a:hover{background-position: 0px -306px;}
.p3_nav li.li02 a:hover{background-position: -220px -525px;}
.p3_nav li.li03 a:hover{background-position: -517px -567px;}
.p3_nav li.li04 a:hover{background-position: -636px -520px;}
.v_play{width: 78px;height: 80px;position: absolute;bottom: 268px;left: 546px;z-index: 99999; }
.v_play div{width: 78px;height: 80px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/p3_play_bg.png) no-repeat;-webkit-animation: rotate_s 15s infinite linear; animation: rotate_s 15s infinite linear;}
.v_play a{display: block;width: 57px;height: 57px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/p3_play.png) no-repeat;position: absolute;top: 11px;left: 11px;}
.p3_text{width: 542px;height: 22px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/p3_text.png) no-repeat;position: absolute;bottom: 222px;left: 315px;}
.slogan02{width: 832px;height: 124px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/slogan02.png) no-repeat;position: absolute;left:189px;bottom: 251px;z-index: 9999;}
.slogan02.light{-webkit-animation: light 1s steps(18, end) infinite;animation: light 1s steps(18, end) infinite;}
.logo.on_bg{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/p3_logo.png) no-repeat;}
.wd_nav.on_bg{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zh/images/p3_navbg.png) no-repeat;}
.wd_nav.on_bg a{color: #39517d;}
.wd_nav.on_bg a.music em i{background: #39517D;}

.s_left01.fadeInLeft{-webkit-animation: fadeInRight 1s 1s forwards;animation: fadeInLeft 1s 1s forwards;}
.s_left02.fadeInLeft{-webkit-animation: fadeInRight 1s 1.5s forwards;animation: fadeInLeft 1.5s 1s forwards;}
.n01.fadeInLeftc{-webkit-animation: fadeInLeftc 1s 1.5s forwards;animation: fadeInLeftc 1s 1.5s forwards;}
.s_right01.fadeInRight{-webkit-animation: fadeInRight 1s 1.5s forwards;animation: fadeInRight 1s 1.5s forwards;}
.s_right02.fadeInRight{-webkit-animation: fadeInRight 1s 1s forwards;animation: fadeInRight 1s 1s forwards;}
.n02.fadeInRightc{-webkit-animation: fadeInRightc 1s 1.5s forwards;animation: fadeInRightc 1s 1.5s forwards;}
.dashan.fadeInTop{-webkit-animation: fadeInTop 1s .5s forwards;animation: fadeInTop 1s .5s forwards;}
.p3_nav.fadeInTop li:nth-child(1){-webkit-animation: fadeInTop .6s 1.5s forwards;animation: fadeInTop .6s 1.5s forwards;}
.p3_nav.fadeInTop li:nth-child(2){-webkit-animation: fadeInTop .6s 1.7s forwards;animation: fadeInTop .6s 1.7s forwards;}
.p3_nav.fadeInTop li:nth-child(3){-webkit-animation: fadeInTop .6s 1.9s forwards;animation: fadeInTop .6s 1.9s forwards;}
.p3_nav.fadeInTop li:nth-child(4){-webkit-animation: fadeInTop .6s 2.1s forwards;animation: fadeInTop .6s 2.1s forwards;}
.role.fadeInTop{-webkit-animation: fadeInTop 1s 2s forwards;animation: fadeInTop 1s 2s forwards;}
.ad.zoomOut{-webkit-animation: zoomOut 1.5s 0s forwards;animation: zoomOut 1.5s 0s forwards;}
.v_play.zoomIn,.p3_text.zoomIn,.slogan02.zoomIn{-webkit-animation: zoomIn 1.5s 0s forwards;animation: zoomIn 1.5s 0s forwards;}
/* 动画 */
.animation .slideOutDown{-webkit-animation: slideOutDown 1s forwards linear;animation: slideOutDown 1s forwards linear;}
/* 首页箭头向下消失 */
@-webkit-keyframes slideOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(100px);
	}
}

@keyframes slideOutDown {
	0% {
		opacity: 1;
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		transform: translateY(100px);
	}
}

@-webkit-keyframes zoomOut {
	0% {
		opacity: 1
		filter: blur(0px);
	}

	80% {
		opacity: 0;
		filter: blur(10px);
	}

	100% {
		opacity: 0;
		filter: blur(10px);
		-webkit-transform: translateY(250px) scale3d(.3, .3, .3);
	}
}

@keyframes zoomOut {
	0% {
		opacity: 1
	}

	80% {
		opacity: 0;
		filter: blur(10px);
	}

	100% {
		opacity: 0;
		filter: blur(10px);
		-webkit-transform: translateY(250px) scale3d(.3, .3, .3);
	}
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
	}

	100% {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0
	}

	50% {
		opacity: 0;
		transform: scale3d(.3, .3, .3);
	}

	100% {
		opacity: 1
	}
}

/* 上下 */
@-webkit-keyframes fadeInTop {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInTop {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

/*左右进*/
@-webkit-keyframes fadeInLeftc {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-300%, 0, 0);
		transform: translate3d(-300%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeftc {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-300%, 0, 0);
		transform: translate3d(-300%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

@-webkit-keyframes fadeInRightc {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(300%, 0, 0);
		transform: translate3d(300%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRightc {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(300%, 0, 0);
		transform: translate3d(300%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

/* slogan闪光 */
@-webkit-keyframes light {
	0% {
		background-position: 0 0
	}

	100% {
		background-position: 0 -2232px
	}
}

@keyframes light {
	0% {
		background-position: 0 0
	}

	100% {
		background-position: 0 -2232px
	}
}

/* 云 */
@keyframes animatedBackground01 {
	0% {
		background-position: 0px 0;
	}

	100% {
		background-position: 1702px 0;
	}
}

@keyframes animatedBackground02 {
	0% {
		background-position: 0px 0;
	}

	100% {
		background-position: -1608px 0;
	}
}

@keyframes animatedBackground03 {
	0% {
		background-position: 0px 0;
	}

	100% {
		background-position: 4000px 0;
	}
}

/* 音乐 */
@-webkit-keyframes audio {
	0% {
		height: 4px
	}

	60% {
		height: 16px
	}

	100% {
		height: 4px
	}
}

@keyframes audio {
	0% {
		height: 4px
	}

	60% {
		height: 16px
	}

	100% {
		height: 4px
	}
}

/* 圆圈旋转 */
@-webkit-keyframes rotate_s {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes rotate_s {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

@-webkit-keyframes rotate_n {
	0% {
		-webkit-transform: rotateZ(0deg);
	}

	100% {
		-webkit-transform: rotateZ(-360deg);
	}
}

@keyframes rotate_n {
	0% {
		transform: rotateZ(0deg)
	}

	100% {
		transform: rotateZ(-360deg)
	}
}

/* 线条旋转 */
@keyframes rotatexz {
	0% {
		transform: rotateX(0deg) rotateZ(0deg);
	}

	100% {
		transform: rotateX(360deg) rotateZ(360deg);
	}
}

@-webkit-keyframes rotatexz {
	0% {
		-webkit-transform: rotateX(0deg) rotateZ(0deg);
	}

	100% {
		-webkit-transform: rotateX(360deg) rotateZ(360deg);
	}
}

@-webkit-keyframes rotateyzn {
	0% {
		-webkit-transform: rotateY(0deg) rotateZ(0deg);
	}

	100% {
		-webkit-transform: rotateY(-360deg) rotateZ(-360deg);
	}
}

@keyframes rotateyzn {
	0% {
		transform: rotateY(0deg) rotateZ(0deg);
	}

	100% {
		transform: rotateY(-360deg) rotateZ(-360deg);
	}
}

@-webkit-keyframes rotatez {
	0% {
		-webkit-transform: rotateZ(0deg);
	}

	100% {
		-webkit-transform: rotateZ(360deg);
	}
}

@keyframes rotatez {
	0% {
		transform: rotateZ(0deg);
	}

	100% {
		transform: rotateZ(360deg);
	}
}

@-webkit-keyframes rotatezn {
	0% {
		-webkit-transform: rotatez(0deg);
	}

	100% {
		-webkit-transform: rotateZ(-360deg);
	}
}

@keyframes rotatezn {
	0% {
		transform: rotatez(0deg);
	}

	100% {
		transform: rotateZ(-360deg);
	}
}

/* 导页 */
/* 跳过 */
@-webkit-keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 20px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}
}

@keyframes bounceInUp {
	0% {
		opacity: 0;
		transform: translate3d(0, 20px, 0)
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0)
	}
}

/* 左右箭头 */
@-webkit-keyframes shakearrow02 {
	0% {
		transform: translateX(0px);
	}

	50% {
		transform: translateX(10px);
	}

	100% {
		transform: translateX(0px);
	}
}

@keyframes shakearrow02 {
	0% {
		transform: translateX(0px);
	}

	50% {
		transform: translateX(10px);
	}

	100% {
		transform: translateX(0px);
	}
}

/* 首页 */
/* 人影 */
@-webkit-keyframes twinkle {
	0% {
		background-position: 0 0
	}

	100% {
		background-position: -1150px 0
	}
}

@keyframes twinkle {
	0% {
		background-position: 0 0
	}

	100% {
		background-position: -1150px 0
	}
}

/* 眨眼 */
@-webkit-keyframes blink {
	0% {
		background-position: 0 0
	}

	100% {
		background-position: -445px 0
	}
}

@keyframes blink {
	0% {
		background-position: 0 0
	}

	100% {
		background-position: -445px 0
	}
}

/* 下滑进入活动 */
@-webkit-keyframes appear {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes appear {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/* 向下箭头 */
@-webkit-keyframes shakearrow {
	0% {
		transform: translateY(0px);
	}

	50% {
		transform: translateY(20px);
	}

	100% {
		transform: translateY(0px);
	}
}

@keyframes shakearrow {
	0% {
		transform: translateY(0px);
	}

	50% {
		transform: translateY(20px);
	}

	100% {
		transform: translateY(0px);
	}
}

/* 放大 */

@-webkit-keyframes scalea {
	0% {
		opacity: 1;
		transform: scale(1);
	}

	100% {
		transform: scale(2);
		opacity: 0;
	}
}

@keyframes scalea {
	0% {
		opacity: 1;
		transform: scale(1);
	}

	100% {
		opacity: 0;
		transform: scale(2);
	}
}

@-webkit-keyframes scaleb {
	0% {
		opacity: 0;
		transform: scale(2);
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes scaleb {
	0% {
		opacity: 0;
		transform: scale(2);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}
@-webkit-keyframes vanish {
	0% {
		opacity: 0;
		 filter: blur(10px);
		 
		    
	}

	100% {
		    opacity: 1;
			 filter: blur(0px);
		    
	}
}

@keyframes vanish {
	0% {
		opacity: 0;
		       filter: blur(10px);
	}
	
	100% {
		    opacity: 1;
			   filter: blur(0px);
		  
	}
}
@-webkit-keyframes vanishIn {
	0% {
		opacity: 0;
		    transform-origin: 50% 50%;
		    transform-origin: 50% 50%;
		    transform: scale(3, 3);
		    transform: scale(3, 3);
		    filter: blur(90px);
		    filter: blur(90px);
	}

	100% {
		    opacity: 1;
		    transform-origin: 50% 50%;
		    transform-origin: 50% 50%;
		   transform: scale(1, 1);
		    transform: scale(1, 1);
		    filter: blur(0px);
		    filter: blur(0px);
	}
}

@keyframes vanishIn {
	0% {
		opacity: 0;
		    transform-origin: 50% 50%;
		    transform-origin: 50% 50%;
		    transform: scale(2, 2);
		    transform: scale(2, 2);
		    filter: blur(90px);
		    filter: blur(90px);
	}
	
	100% {
		    opacity: 1;
		   transform-origin: 50% 50%;
		    transform-origin: 50% 50%;
		    transform: scale(1, 1);
		    transform: scale(1, 1);
		    filter: blur(0px);
		    filter: blur(0px);
	}
}
@keyframes fvanishIn {
	0% {
		opacity: 1;
		transform-origin: 50% 50%;
		 transform-origin: 50% 50%;
		 transform: scale(1, 1);
		 transform: scale(1, 1);
		 filter: blur(0px);
		 filter: blur(0px);
	}
	
	100% {
		opacity: 0;
		    transform-origin: 50% 50%;
		    transform-origin: 50% 50%;
		    transform: scale(2, 2);
		    transform: scale(2, 2);
		    filter: blur(90px);
		    filter: blur(90px);
		  
	}
}
@-webkit-keyframes fvanishIn {
	0% {
		opacity: 1;
		transform-origin: 50% 50%;
		 transform-origin: 50% 50%;
		 transform: scale(1, 1);
		 transform: scale(1, 1);
		 filter: blur(0px);
		 filter: blur(0px);
	}
	
	100% {
		opacity: 0;
		    transform-origin: 50% 50%;
		    transform-origin: 50% 50%;
		    transform: scale(2, 2);
		    transform: scale(2, 2);
		    filter: blur(90px);
		    filter: blur(90px);
		  
	}
}
@-webkit-keyframes translate {
	0% {
		opacity: 0;
		transform: translateY(100px);
	}

	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}

@keyframes translate {
	0% {
		opacity: 0;
		transform: translateY(100px);
	}

	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}