.start{
	background: url(../img/bgs.jpg) no-repeat;
	background-size: 100% 100%;
}
#gif{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.progress-all{
	position: absolute;
    bottom: 15%;
    left: 3rem;
    width: 10rem;
    height: 0.15rem;
    background: #fff;
}
.progress-cur{
    width: 100%;
    height: 100%;
    background: #D0C9BA;
    -webkit-transform: scaleX(0);
    -webkit-transform-origin: left;
    -webkit-transition: all 600ms;
}

.main{
	position: relative;
	overflow-x: hidden;
}
.bgmain{
	width: 100%;
}
.bird1{
    position: absolute;
    width: 5rem;
    left: 7rem;
    top: 6rem;
    -webkit-animation: bird1 5s linear infinite;
}
@-webkit-keyframes bird1{
	from{
		opacity: 0;
		-webkit-transform:scale(1) translate(0,0);
	}
	15%{
		opacity: 1;
	}
	85%{
		opacity: 1;
	}
	to{
		opacity: 0;
		-webkit-transform: scale(1.1) translate(0.8rem,-0.8rem);
	}
}

.txt{
	opacity: 0;
	-webkit-transition: all 1s;
	-webkit-transform: scale(0);
}

.active.txt{
	opacity: 1;
	-webkit-transform: scale(1);
}
.txt1{
    position: absolute;
    width: 4rem;
    left: 1rem;
    top: 10rem;
}

.txt2{
    position: absolute;
    width: 3.9rem;
    right: 1rem;
    top: 25rem;
}
.txt3{
    position: absolute;
    width: 3.5rem;
    right: 1rem;
    top: 55rem;
}
.txt4{
	position: absolute;
    width: 3.6rem;
    left: 1rem;
    top: 78rem;
}
.txt5{
    position: absolute;
    width: 3.8rem;
    left: 1rem;
    top: 113rem;
}
.txt6{
    position: absolute;
    width: 4.2rem;
    right: 1.5rem;
    top: 141rem;
}
.txt7{
    position: absolute;
    width: 4.2rem;
    right: 1rem;
    top: 221rem;
}
.txt8{
    position: absolute;
    width: 3.8rem;
    right: 10rem;
    top: 309.2rem;
}
.txt9{
    position: absolute;
    width: 3rem;
    left: 1.4rem;
    top: 345rem;
}



/**/

.lianbing{
    position: absolute;
    width: 6rem;
    right: 2rem;
    top: 22rem;
}

.wu{
    position: absolute;
    width: 2.425rem;
    left: 4.7rem;
    top: 37.4rem;
    -webkit-animation: wu 1.5s linear infinite;
}
@-webkit-keyframes wu{
	from{
		opacity: 1;
	}
	50%{
		opacity: 0.3;
	}
	to{
		opacity: 1;
	}
}
.jt-wu{
    position: absolute;
    width: 1.875rem;
    left: 3.8rem;
    top: 39rem;
    -webkit-animation: jt1 1.5s 0.75s linear infinite;
}
@-webkit-keyframes jt1{
	from{
		-webkit-transform: translate(0,0);
	}
	50%{
		-webkit-transform: translate(0.3rem,-0.3rem);
	}
	to{
		-webkit-transform: translate(0,0);
	}
}
.sound-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 1.66rem;
	height: 1.2rem;
	background: url(../img/sound-box1.png) no-repeat;
	background-size: 100% 100%;
}
.sound-b1{
    position: absolute;
    width: 0.275rem;
    right: 0.42rem;
    top: 0.14rem;
    -webkit-animation: sound-b1 2s linear infinite;
}
@-webkit-keyframes sound-b1{
	from{
		-webkit-transform: scaleY(1) scaleX(1) translateX(0);
		opacity: 1;
	}
	to{
		opacity: 0;
		-webkit-transform: scaleY(1.5) scaleX(1.8) translateX(0.1rem);
	}
}
.sound-box1{
    left: 14rem;
    top: 44.5rem;
}
.xizi{
    position: absolute;
    left: 11.6rem;
    top: 45.3rem;
    width: 5.2rem;
}


.sound-box2{
    left: 9rem;
    top: 64rem;
}
.luoma{
    position: absolute;
    left: 8.2rem;
    top: 65rem;
    width: 1.8rem;
}

.sound-box3{
    left: 10rem;
    top: 78rem;
}
.shang{
    position: absolute;
    width: 7.4rem;
    left: 7rem;
    top: 78.9rem;
}
.cha{
    position: absolute;
    width: 6.1rem;
    right: 0;
    top: 92rem;
}
.sound-box4{
    left: 12rem;
    top: 95rem;
}
.jt-yizhan{
    position: absolute;
    width: 1.875rem;
    left: 7.8rem;
    top: 109rem;
    -webkit-animation: jt2 1.5s 0.75s linear infinite;
}
@-webkit-keyframes jt2{
	from{
		-webkit-transform: translate(0,0);
	}
	50%{
		-webkit-transform: translate(-0.3rem,-0.3rem);
	}
	to{
		-webkit-transform: translate(0,0);
	}
}


.sound-box5{
    left: 7rem;
    top: 141rem;
}
.mazhiyuan{
    position: absolute;
    left: 5rem;
    top: 140.8rem;
    width: 2.7rem;
}

.jt-moyu{
	position: absolute;
    width: 1.875rem;
    left: 11.3rem;
    top: 195rem;
    -webkit-animation: jt1 1.5s 0.75s linear infinite;
}
.moyu{
    position: absolute;
    width: 2rem;
    left: 12.8rem;
    top: 194rem;
}

.nnm{
    position: absolute;
    width: 2rem;
    top: 238rem;
    left: 7.4rem;
}
.sound-box6{
    left: 7.6rem;
    top: 237rem;
}
.sound-box7{
	left: 12.5rem;
    top: 303rem;
}
.xingli{
    position: absolute;
    width: 4.9rem;
    left: 9.5rem;
    top: 303rem;
}

.sound-box8{
    left: 11.5rem;
    top: 314.6rem;
}
.liuli{
    position: absolute;
    left: 10.5rem;
    top: 315rem;
    width: 2.2rem;
}

.boat{
    position: absolute;
    top: 332rem;
    left: 0.5rem;
    width: 12rem;
    -webkit-animation: boat 3s linear infinite;
}
@-webkit-keyframes boat{
	from{
		-webkit-transform: translateY(0);
	}
	50%{
		-webkit-transform: translateY(0.2rem);
	}
	to{
		-webkit-transform: translateY(0);
	}
}


/*last*/
.last{
	width: 100%;
	position: relative;
	background: #FFF2E1 url(../img/bg-last.jpg) no-repeat bottom;
	background-size: 100%;
	overflow: hidden;
}
.last-logo{
	margin: 2rem auto 0;
	width: 11.75rem;
}
.bt-jd,.bt-jd1{
    position: absolute;
    width: 3.875rem;
    left: 1.3rem;
    top: 18.5rem;
}
.bt-sd,.bt-sd1{
    position: absolute;
    width: 3.875rem;
    left: 6rem;
    top: 18.5rem;
}
.bt-xd,.bt-xd1{
    position: absolute;
    width: 3.875rem;
    right: 1.3rem;
    top: 18.5rem;
}
.jd-sw{
	position: fixed;
	background: rgba(0,0,0,0.6) url(../img/jd-cont.png) no-repeat 0 -0.8rem;
	background-size: 100%;
}
.swiper-container{
    position: absolute;
    left: 3rem;
    width: 9.95rem;
    top: 9.8rem;
}
.swiper-slide img{
	width: 9.95rem;
}
.sw-close{
    position: absolute;
    right: 1.5rem;
    top: 1.9rem;
    width: 1.09rem;
}

.sd-sw{
	position: fixed;
	background: rgba(0,0,0,0.6) url(../img/sd-cont.png) no-repeat 0 -0.8rem;
	background-size: 100%;
}
.xd-sw{
	position: fixed;
	background: rgba(0,0,0,0.6) url(../img/sd-cont.png) no-repeat 0 -0.8rem;
	background-size: 100%;
}
.lianwu{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.lianwu-box{
	position: fixed;
	left: 50%;
	top: 50%;
	width: 16rem;
	height: 25.5rem;
	background: url(../img/bgwu.jpg) no-repeat;
	background-size: 100% 100%;
	-webkit-transform: translate(-50%,-50%);
}
.qi{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.wu-back,.yu-back,.kz-back{
	position: fixed;
	width: 1.6rem;
	top: 0.4rem;
	right: 0.4rem;
}
.sb11,.sb12{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
.sb12{
	opacity: 0;
}
.sb21,.sb22{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
.sb22{
	opacity: 0;
}
.gu{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.chui1{
    position: absolute;
    width: 34.3%;
    left: 6%;
    bottom: -4%;
    -webkit-transform-origin: 0% 100%;
}
.active.chui1{
	-webkit-animation: chui1 1s linear infinite;
}
@-webkit-keyframes chui1{
	from{
		-webkit-transform: rotateZ(0);
	}
	50%{
		-webkit-transform: rotateZ(-15deg);
	}
	to{
		-webkit-transform: rotateZ(0);
	}
}
.chui2{
    position: absolute;
    width: 34.3%;
    right: 9%;
    bottom: -4%;
    -webkit-transform-origin: 100% 100%;
}
.active.chui2{
	-webkit-animation: chui2 1s linear infinite;
}
@-webkit-keyframes chui2{
	from{
		-webkit-transform: rotateZ(0);
	}
	50%{
		-webkit-transform: rotateZ(15deg);
	}
	to{
		-webkit-transform: rotateZ(0);
	}
}
.hand-left{
    position: absolute;
    width: 11.4%;
    bottom: 3%;
    left: 34%;
    -webkit-animation: hand-left 1s linear infinite;
}
@-webkit-keyframes hand-left{
	from{
		-webkit-transform: translate(0,0);
	}
	50%{
		-webkit-transform: translate(-0.2rem,0.2rem);
	}
	to{
		-webkit-transform: translate(0,0);
	}
}


/*摸鱼*/
.moyu-box{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #fff url(../img/bg-yu.jpg) no-repeat bottom;
	background-size: 100%;
}
.moyu::after{
    content: '';
    position: absolute;
    width: 16rem;
    height: 16rem;
    top: 50%;
    left: 0;
    margin-top: -8rem;
    background: url("../img/cloud.png") repeat-x;
    background-size: 100% 100%;
    -webkit-animation: cloud 15s linear infinite;
    pointer-events: none;
}

@-webkit-keyframes cloud {
    from{
        background-position-x: 0rem;
    }
    to{
        background-position-x: 16rem;
    }
}
.mo-box{
    margin: 20% auto;
    width: 14rem;
}
.mo-tit{
    width: 4rem;
}
.mo-cont-box{
    width: 10rem;
}
.mo-cont-box li{
    width: 7.6%;
    -webkit-animation: sp-move 2s linear;
    -webkit-animation-fill-mode: forwards;
    opacity: 0;
    -webkit-transform: translateX(-30px);
}
.mo-cont-box .m-cont1{
    -webkit-animation-delay: 34s;
}
.mo-cont-box .m-cont2{
    -webkit-animation-delay: 32s;
}
.mo-cont-box .m-cont3{
    -webkit-animation-delay: 30s;
}
.mo-cont-box .m-cont4{
    -webkit-animation-delay: 28s;
}
.mo-cont-box .m-cont5{
    -webkit-animation-delay: 26s;
}
.mo-cont-box .m-cont6{
    -webkit-animation-delay: 24s;
}
.mo-cont-box .m-cont7{
    -webkit-animation-delay: 21s;
}
.mo-cont-box .m-cont8{
    -webkit-animation-delay: 19s;
}
.mo-cont-box .m-cont9{
    -webkit-animation-delay: 16s;
}
.mo-cont-box .m-cont10{
    -webkit-animation-delay: 13s;
}
.mo-cont-box .m-cont11{
    -webkit-animation-delay: 10s;
}
.mo-cont-box .m-cont12{
    -webkit-animation-delay: 7s;
}
.mo-cont-box .m-cont13{
    -webkit-animation-delay: 4s;
}
.mo-cont-box img{
    height: 6rem;
}
.shiyu{
    position: absolute;
    width: 12rem;
    left: 2rem;
    top: calc(40% + 3rem);
}
.fig{
    position: absolute;
    width: 1.4rem;
    left: 7rem;
    top: calc(40% + 3.5rem);
    opacity: 1;
    -webkit-animation: fig 2s linear infinite;
    pointer-events: none;
}
@-webkit-keyframes fig {
    from{
        opacity: 1;
    }
    50%{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}

.bianyu{
    position: absolute;
    width: 6rem;
    left: 5rem;
    top: calc(40% + 3rem);
}
.shiyu2{
    -webkit-animation: shiyu2 2s 2s ease-in;
    -webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes shiyu2 {
    from{
        opacity: 1;
        -webkit-transform: scale(1);
    }
    to{
        opacity: 0;
        -webkit-transform: scale(0.5);
    }
}
.bianyu.b2{
    top: calc(40% + 2rem);
    -webkit-animation: bo2 1ms 4s;
    -webkit-animation-fill-mode: forwards;
    opacity: 0;
}
@-webkit-keyframes bo2 {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
.b1{
    -webkit-animation: bo1 1ms 4s;
    -webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes bo1 {
    from{
        opacity: 1;
    }
    to{
        opacity: 0;
    }
}
.b2 img{
    width: 100%;
}
.yumove{
    -webkit-animation: yumove 10s 4s linear;
    -webkit-transform-origin: 50% 150%;
    -webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes yumove {
    from{
        -webkit-transform: rotateZ(0deg);
    }
    to{
        -webkit-transform: rotateZ(360deg);
    }
}
@-webkit-keyframes sp-move {
    from{
        opacity: 0;
        -webkit-transform: translateX(-30px);
    }
    to{
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}


/*驿站*/
.bt-yz{
	position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    left: 6.8rem;
    top: 108rem;
}
.kezhan{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.kezhan-box{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
	background: url(../img/bg-kezhan.jpg) no-repeat center;
	background-size: 100% 100%;
	/*-webkit-transform: translate(-50%,-50%);*/
}
.boss{
	position: absolute;
	bottom: 30%;
	width: 100%;
	left: 0;
	-webkit-animation: bounceInRight 1s 0.8s both;
}
.menu1,.menu2{
    position: absolute;
    left: 0;
    bottom: 1.75rem;
    width: 16rem;
    -webkit-animation: bounceInUp 1s 1.2s both;
}
.menu1{
	bottom: 0.4rem;
}
.menu2{
	opacity: 0;
	-webkit-animation:menu2 2s 2s linear infinite;
}
@-webkit-keyframes menu2{
	from{
		opacity: 0;
	}
	50%{
		opacity: 1;
	}
	to{
		opacity: 0;
	}
}
.menu-bt1{
    position: absolute;
    width: 4rem;
    height: 5rem;
    left: 0.5rem;
    bottom: 1rem;
}
.menu-bt2{
    position: absolute;
    width: 5rem;
    height: 5rem;
    left: 5.5rem;
    bottom: 1rem;
}
.menu-bt3{
    position: absolute;
    width: 4rem;
    height: 5rem;
    right: 0.5rem;
    bottom: 1rem;
}
.menu-res1{
	position: absolute;
	bottom: 0.4rem;
	left: 6rem;
	height: 6.75rem;
	display: none;
}
.menu-res2{
	position: absolute;
	bottom: 0.4rem;
	left: 5.5rem;
	height: 6.75rem;
	display: none;
}
.menu-res3{
	position: absolute;
	bottom: 0.4rem;
	left: 6rem;
	height: 6.75rem;
	display: none;
}
.dh1{
	position: absolute;
	width: 8rem;
	right: 7rem;
	bottom: 15rem;
	-webkit-animation: bounceIn 1s 1.5s both;
}
.dh2{
	position: absolute;
	width: 8rem;
	right: 7rem;
	bottom: 15rem;
	display: none;
	-webkit-animation: bounceIn 1s 6.5s both;
}
.dh3{
	position: absolute;
	width: 8rem;
	right: 7rem;
	bottom: 14.5rem;
	display: none;
	-webkit-animation: bounceIn 1s 5s both;
}
.dh4{
	position: absolute;
	width: 8rem;
	right: 7rem;
	bottom: 14.5rem;
	display: none;
	-webkit-animation: bounceIn 1s 4s both;
}

/*918*/
.cloud{
    position: absolute;
    width: 16rem;
    height: 16rem;
    top: 2rem;
    left: 0;
    pointer-events: none;
    background: url(../img/cloud.png) repeat-x;
    background-size: 100% 100%;
    -webkit-animation: cloud 15s linear infinite;
}
.cloud2{
	top: 118rem;
}
.cloud3{
	top: 145rem;
}
.cloud4{
	top: 185rem;
}
.cloud5{
	top: 240rem;
}
.cloud6{
	top: 320rem;
}
.cloud7{
	top: 64rem;
}
.yu3{
	background: #fff url(../img/bg-yu.jpg) no-repeat bottom;
    background-size: 100%;
}
.yu3bg{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}
.mazhiyuan.active{
	-webkit-animation: mzy 4s linear both;
}
@-webkit-keyframes mzy{
	from{
		-webkit-transform: translateX(0);
	}
	to{
		-webkit-transform: translateX(-2rem);
	}
}



/*925*/

.gif{
	position: absolute;
}

.g1{
	left: 0.1rem;
	top: 50.1rem;
	-webkit-animation: q1 3.5s linear infinite;
}

.g2{
    left: 1.1rem;
    top: 63.1rem;
    -webkit-animation: q2 2.43s linear infinite;
}

.g3{
    left: -1.9rem;
    top: 72.1rem;
}

.g4{
	left: 4.1rem;
    top: 75.6rem;
    -webkit-animation: q1 3.5s linear infinite;
}
.g5{
    left: 9.1rem;
    top: 80rem;
}
.g6{
    left: 3.1rem;
    top: 90rem;
    -webkit-animation: q1 2s linear infinite;
}
.g7{
    left: 7.1rem;
    top: 101rem;
}
.g8{
    left: 8.1rem;
    top: 102.8rem;
}
.g9{
    left: 2rem;
    top: 109.3rem;
}
.g10{
    left: 5rem;
    top: 151.3rem;
}
.g11{
    left: -4rem;
    top: 154.3rem;
}
.g12{
    left: -4rem;
    top: 159.3rem;
    -webkit-animation: q1 3.5s linear infinite;
}
.g13{
    left: 3rem;
    top: 209.3rem;
}
.g14{
    left: 7rem;
    top: 236.3rem;
}
.g15{
    right: -2.7rem;
    top: 255.3rem;
}
.g16{
    right: 6.3rem;
    top: 255.3rem;
}
.g17{
	width: 7.45rem !important;
    left: -0.7rem;
    top: 283.3rem;
    -webkit-animation: q1 2.43s linear infinite;
}
.g18{
    right: 12rem;
    top: 281rem;
}
.g19{
    left: 10.6rem;
    top: 298.4rem;
}
.g20{
    left: -0.4rem;
    top: 326rem;
}
.g21{
    left: 12.4rem;
    top: 322.8rem;
}
.g22{
    left: 8.8rem;
    top: 117.3rem;
}


@-webkit-keyframes q1{
	from{
		opacity: 0;
		-webkit-transform: translateX(0);
	}
	15%{
		opacity: 1;
	}
	85%{
		opacity: 1;
	}
	to{
		opacity: 0;
		-webkit-transform: translateX(1rem);
	}
}
@-webkit-keyframes q2{
	from{
		opacity: 0;
		-webkit-transform: translateX(0);
	}
	15%{
		opacity: 1;
	}
	85%{
		opacity: 1;
	}
	to{
		opacity: 0;
		-webkit-transform: translateX(-1rem);
	}
}


.g112{
    left: -4.2rem;
    top: 57.3rem;
}

.w1{
    position: absolute;
    width: 1.25rem;
    left: 7rem;
    top: 46.5rem;
    -webkit-animation: w1 4s linear infinite;
}
@-webkit-keyframes w1{
	from{
		opacity: 0;
		-webkit-transform: translateX(0);
	}
	15%{
		opacity: 1;
	}
	85%{
		opacity: 1;
	}
	to{
		opacity: 0;
		-webkit-transform: translateX(1rem);
	}
}
.w2{
    position: absolute;
    width: 2.25rem;
    left: 8rem;
    top: 77.5rem;
    -webkit-animation: q2 4s linear infinite;
}
.g201{
	top: 101rem;
	left: 5rem;
}
.w3{
    position: absolute;
    width: 1.5rem;
    left: 6rem;
    top: 203rem;
    -webkit-animation: w3 4s linear infinite;
}
@-webkit-keyframes w3{
	from{
		opacity: 0;
		-webkit-transform: translate(0,0);
	}
	15%{
		opacity: 1;
	}
	85%{
		opacity: 1;
	}
	to{
		opacity: 0;
		-webkit-transform: translate(2rem,-2rem);
	}
}
.w4{
    position: absolute;
    width: 0.925rem;
    left: 3rem;
    top: 289rem;
    -webkit-animation: w4 4s linear infinite;
}
@-webkit-keyframes w4{
	from{
		opacity: 0;
		-webkit-transform: translate(0,0);
	}
	15%{
		opacity: 1;
	}
	85%{
		opacity: 1;
	}
	to{
		opacity: 0;
		-webkit-transform: translate(2rem,1rem);
	}
}
.w5{
    position: absolute;
    width: 5.175rem;
    left: 7rem;
    top: 325rem;
    -webkit-animation: w5 4s linear infinite;
}
@-webkit-keyframes w5{
	from{
		opacity: 0;
		-webkit-transform: translate(0,0);
	}
	15%{
		opacity: 1;
	}
	85%{
		opacity: 1;
	}
	to{
		opacity: 0;
		-webkit-transform: translate(2rem,-1rem);
	}
}

.w6{
    position: absolute;
    width: 5.8rem;
    left: 7rem;
    top: 174.5rem;
    -webkit-animation: w6 5s linear infinite;
}
@-webkit-keyframes w6{
	from{
		opacity: 0;
		-webkit-transform: translate(0,0);
	}
	15%{
		opacity: 1;
	}
	85%{
		opacity: 1;
	}
	to{
		opacity: 0;
		-webkit-transform: translate(2rem,2rem);
	}
}

.bt-jin{
    position: absolute;
    width: 12rem;
    height: 10%;
    top: 80%;
    left: 2rem;
    display: none;
}



.skip1{
	position: fixed;
    z-index: 2147483647;
    margin: 0.5rem;
    right: 0rem;
    font-size: 0.7rem !important;
    padding: 0.2rem 0.4rem;
    border: 1px solid #695245;
    border-radius: 0.3rem;
    color: #695245;
}


.jd-ts{
    position: absolute;
    width: 1.875rem;
    left: 2.8rem;
    top: 20rem;
    pointer-events: none;
    -webkit-animation: jt2 1.5s 0.75s linear infinite;
}
.sd-ts{
    position: absolute;
    width: 1.875rem;
    left: 7.8rem;
    top: 20rem;
     pointer-events: none;
    -webkit-animation: jt2 1.5s 0.75s linear infinite;
}
.xd-ts{
    position: absolute;
    width: 1.875rem;
    left: 12.5rem;
    top: 20rem;
     pointer-events: none;
    -webkit-animation: jt2 1.5s 0.75s linear infinite;
}
.sts{
    position: absolute;
    width: 1.875rem;
    left: 5.5rem;
    bottom: -1rem;
     pointer-events: none;
    -webkit-animation: jt2 1.5s 0.75s linear infinite;
}


.g141{
    left: 2rem;
    top: 48rem;
}
.g71{
	left: 4rem;
	top: 65rem;
}
.g202{
    left: 4rem;
    top: 53rem;
}
.g2_1{
    left: 5.1rem;
    top: 120.1rem;
    -webkit-animation: q2 2.43s linear infinite;
}
.g221{
    top: 86rem;
    left: 0rem;
}
.g142{
    top: 292rem;
    left: 0rem;
}
.g191{
    top: 156rem;
    left: 4rem;
}
.bird2{
	top: 129rem;
}
.bird3{
	top: 190rem;
}

.g23{
    position: absolute;
    width: 9rem;
    left: 2.8rem;
    top: 285.5rem;
}
.jiasuo{
	position: absolute;
	width: 16rem;
	height: 10rem;
	left: 0;
	top: 225rem;
}
.fuc{
    position: absolute;
    width: 13.9rem;
    top: -2rem;
    left: 1.05rem;
}
.js-close{
    position: absolute;
    width: 1.1rem;
    right: 1.5rem;
    top: -1.6rem;
}
.jts{
    position: absolute;
    width: 2rem;
    top: 230rem;
    right: 1rem;
    padding: 2rem;
    -webkit-animation: jts 2s linear infinite;
}
@-webkit-keyframes jts{
	from{
		-webkit-transform: translateX(0);
	}
	50%{
		-webkit-transform: translateX(30px);
	}
	to{
		-webkit-transform: translateX(0);
	}
}
.tdown{
	position: fixed;
	width: 2rem;
	left: 7rem;
	bottom: 1rem;
	z-index:999;
	-webkit-animation: tdown 2s linear infinite;
}
@-webkit-keyframes tdown {
	0%{
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	100%{
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
}

.c1{
    position: absolute;
    width: 2.2rem;
    left: 5rem;
    top: 64.8rem;
    -webkit-animation: c1 6s linear infinite;
}
@-webkit-keyframes c1 {
    0%{
        opacity: 0;
        -webkit-transform: translateX(0);
    }
    15%{
        opacity: 1;
    }
    85%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        -webkit-transform: translateX(-6rem);
    }
}
.c2{
    position: absolute;
    width: 1.5rem;
    top: 65rem;
    left: 7rem;
}
.c3{
    position: absolute;
    width: 4rem;
    top: 75rem;
    left: 5rem;
}
.c4{
    position: absolute;
    width: 2.8rem;
    top: 81rem;
    left: 13rem;
}
.c5{
    position: absolute;
    width: 2.8rem;
    top: 84.2rem;
    left: 1rem;
}
.c6{
    position: absolute;
    width: 3.55rem;
    top: 83.6rem;
    left: 4rem;
}
.c7{
    position: absolute;
    width: 2.1rem;
    top: 91rem;
    left: 5.5rem;
}
.c8{
    position: absolute;
    width: 3.1rem;
    top: 92rem;
    left: 7rem;
}
.c9{
    position: absolute;
    width: 2.6rem;
    top: 98.8rem;
    left: 7.5rem;
}
.c10{
    position: absolute;
    width: 3.9rem;
    top: 105.8rem;
    left: 8.5rem;
}
.c11{
    position: absolute;
    width: 2.5rem;
    top: 116.8rem;
    left: 8.5rem;
}
.c12{
position: absolute;
    width: 2.1rem;
    left: 13rem;
    top: 124rem;
}
.c13{
    position: absolute;
    width: 7rem;
    left: 11rem;
    top: 123rem;
}
.c14{
    position: absolute;
    width: 3rem;
    left: 9rem;
    top: 158.4rem;
}
.c15{
    position: absolute;
    width: 3rem;
    left: 3rem;
    top: 159.2rem;
    -webkit-animation: c15 5s linear infinite;
}
@-webkit-keyframes c15{
    from{
        opacity: 0;
        -webkit-transform: translateX(-4rem);
    }
    15%{
        opacity: 1;
    }
    85%{
        opacity: 1;
    }
    to{
        opacity: 0;
        -webkit-transform: translateX(1rem);
    }
}
.c16{
    position: absolute;
    width: 3rem;
    left: 0rem;
    top: 160.2rem;
}
.c17{
    position: absolute;
    width: 2.8rem;
    left: 2rem;
    top: 161.2rem;
}
.c18{
    position: absolute;
    width: 2.7rem;
    left: 5.4rem;
    top: 165rem;
}
.c19{
    position: absolute;
    width: 3rem;
    left: 4.4rem;
    top: 167.2rem;
     -webkit-animation: q2 2.43s linear infinite;
}
.c20{
    position: absolute;
    width: 2.1rem;
    left: 7.4rem;
    top: 175.2rem;
}
.c21{
    position: absolute;
    width: 2.9rem;
    left: 13.4rem;
    top: 177.7rem;
     -webkit-animation: q2 4.43s linear infinite;
}
.c22{
    position: absolute;
    width: 2.1rem;
    left: 9.4rem;
    top: 278.2rem;
}
.c23{
    position: absolute;
    width: 2.1rem;
    left: 5.4rem;
    top: 301.2rem;
}
.c24{
    position: absolute;
    width: 4rem;
    left: 4.4rem;
    top: 304.2rem;
     -webkit-animation: q2 2.43s linear infinite;
}
.c25{
    position: absolute;
    width: 1.6rem;
    left: 0.4rem;
    top: 328.6rem;
}