.walkmanp1{ width: 3.2rem; position: absolute; top: 1.7rem; left: 8.2rem; z-index: 10; }
.radioper{ width:6rem; position:absolute; top:2.5rem; left:6.7rem; z-index:9;}
.cdtitle{ width:3rem; position:absolute; top:1.65rem; left:2rem;}
.roundtypes1{ width: 42%; position: absolute; top: 18%; left: 8%; animation: rotate 7s infinite linear;}
.roundtypes2{ width: 42%; position: absolute; top: 18%; right: 8%; animation: rotate 7s infinite linear; }

@keyframes roundscales{
	0%{ transform: scale(1.0); opacity: 1; }
	100%{ transform: scale(3.0); opacity: 0; }
}
.roundscales{ animation: roundscales 1s linear forwards; }

.cdtitle1{ width:2.8rem; position:absolute; top:0.55rem; left:1.53rem;}
.cdtitle2{ width:4rem; position:absolute; top:1.65rem; left:2rem;}
@keyframes bounceInDown1 {
0%, 60%, 75%, 90%, to {
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
transform:translate3d(0, -2000px, 0)
}
40% {
opacity:1;
transform:translate3d(0, 120px, 0)
}
70% {
transform:translate3d(0, 0px, 0)
}
85% {
transform:translate3d(0, 30px, 0)
}
99% {
transform:translate3d(0, 0px, 0)
}
to {
	transform: none;
	opacity: 1;
}
}
.bounceInDown1 {
	animation: bounceInDown1 1.3s linear forwards;
}


@keyframes bounceInDown2 {
0%, 60%, 75%, 90%, to {
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
transform:translate3d(0, 0, 0) scale(1.0);
}
50% {
opacity:1;
transform:translate3d(0, -30px, 0) scale(1.1);
}
100% {
opacity:1;
transform:translate3d(0, 0px, 0) scale(1.0);
}
to {
	transform: none;
	opacity: 1;
}
}
.bounceInDown2 {
	animation: bounceInDown2 0.5s linear forwards;
}
.mover0{ position:absolute; width:0.8rem; height:0.36rem; opacity: 0;}
.cd{ width:7.1rem; position:absolute; z-index:6; top:0.5rem; left:6.1rem; bottom: auto;}

.rot40thxulie{ width: 2.9rem; height: 1.47rem; position: absolute; top: 0rem; left: 8.5rem; z-index: 30; opacity: 0; }
@keyframes runs{
	0%{ background-position: 0 0; }
	20%{ background-position: -2.9rem 0; }
	40%{ background-position: -5.8rem; 0; }
	60%{ background-position: -8.7rem 0; }
	80%{ background-position: -11.6rem 0; }
	100%{ background-position: -14.5rem 0; }
}
.run40th{ background: url(../images/40th.png) no-repeat; background-size: 17.4rem 1.47rem; animation: runs steps(1,start) infinite; width: 2.9rem; height: 1.47rem; animation-duration: 0.5s; }
.run40th.runquick{  animation-duration: 0.2s;}
.secondani{ width: 100%; height: 100%; }
.scaledown{ position: relative; }
.scaledown.scdn{ animation: scaledown 2s linear forwards;}

@keyframes scaledown{
	0%{ transform: rotate(0deg); left: 0; top: 0; }
	10%{ transform: rotate(-10deg); left: -0.3rem; top: 0; }
	20%{ transform: rotate(19deg); left: 1.3rem; top: 0.2rem; }
	50%{ transform: rotate(60deg); left: 2.7rem; top: 1.6rem; }
	70%{ transform: rotate(110deg); left: 3.5rem; top: 3.4rem;}
	80%{ transform: rotate(0deg); left: 3.6rem; top: 4.3rem;}
	100%{ transform: rotate(0deg); left: 4.3rem; top: 4.8rem; }

}
.upfadeout{ opacity: 0; transform: translate(0,-100%); transition: all 0.9s ease; }


.thirdani{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; transform: translate(-160%,0); z-index: 40; }
.sc40timle{ width: 4.57rem; position: absolute; top: 2rem; right: -5rem; }
.vmpnk1{ width: 0.92rem; position: absolute; top: 6.8rem; left: 12.44rem; }
.vmpnk2{ width: 1.42rem; position: absolute; top: -0.6rem; left: 9.08rem; }
.vmpnk3{ width: 0.98rem; position: absolute; top: 0.72rem; left: 4.77rem; }
.vmpnk4{ width: 0.58rem; position: absolute; top: 7.07rem; left: 6.5rem; }
.vmpnk5{ width: 1.2rem; position: absolute; top: 1.74rem; left: 1.4rem; }
.vmpnk6{ width: 1.28rem; position: absolute; top: 6.9rem; left: 1.4rem; }
.cityshanghai{ width: 4.7rem; z-index: 40; position: absolute; top: 1.1rem; left: 7rem; }
.shanghaic1{ width: 0.88rem; position: absolute; top: -0.2rem; left: 4.3rem; opacity: 0; transition: all 0.6s ease; transform: translate(0,-2rem); }
.citylogo{ position: relative; z-index: 2; }
.shanghaic2{ width: 4.02rem; position: absolute; left: 5.54rem; top: 0.17rem;  opacity: 0; transition: all 0.6s 0.6s ease; transform: translate(-2rem,0); }
.shanghaic3{ width: 3.28rem; position: absolute; left: 6.1rem; top: 2rem;  opacity: 0; transition: all 0.6s 0.6s ease; transform: translate(2rem,0); }
.show .shanghaic1{ opacity: 1; transform: translate(0,0); }
.show .shanghaic2{ opacity: 1; transform: translate(0,0); }
.show .shanghaic3{ opacity: 1; transform: translate(0,0); }

.plane{ width: 3.17rem; position: absolute; top: 11rem; left: 20rem; z-index: 60; }
.upplane{ width: 1.97rem; position: absolute; top: -0.61rem; left: 0.6rem; opacity: 0; }
@keyframes jumpplane{
	0%{ opacity: 0; transform: translate(1rem,-1rem); }
	10%{ opacity: 1; transform: translate(1rem,-1rem); }
	100%{ opacity: 1; transform: translate(0,0); }
}
.jumpplane{ animation: jumpplane 0.4s linear forwards; }
.boround{ width: 7.1rem; position: absolute; top: -5.8rem; left: 12rem; display: none; animation: boround 8s infinite linear; }
@keyframes boround{
	0%{ transform: rotate(0deg); }
	100%{ transform: rotate(360deg); }

}

.roader{ width: 20rem; height: 0.2rem; position: absolute; top: 6.3rem; left: 10rem; background: #af192c; }
.redroad{ background: #000; width: 20rem; height: 100%; }


.boxpage{ width: 100%; height: 8rem; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); z-index: 60; }

.pos_com{position: absolute; opacity: 0;}

/*第3部分*/
.thr_d1{width: 0.86rem;top: 1.51rem;left:6.6rem; transform: translate(-1.5rem,-1.5rem);}
.thr_d2{width: 0.89rem;top: 1.63rem;left:12.12rem; transform: translate(1.5rem,-1.5rem); }
.thr_d3{width: 0.64rem;top: 4.87rem;left:6rem; transform: translate(-1.5rem,1.5rem); }
.thr_d4{width: 1.76rem;top: 4.16rem;left:12.24rem; transform: translate(1.5rem,1.5rem); }
.thr_d5{width: 4.29rem;top: 1.8rem;left:7.65rem; transform: translate(0,-0.5rem);}
.thr_d6{width: 6.64rem;top: 3.26rem;left:6.62rem; transform: scale(0.3); }
.thr_d7{width: 5.28rem;top: 2.75rem;left:7rem; transform: scale(0.3);  }



/*第4部分*/
.four_d1{width: 1.04rem;top: 1.18rem;left:6.44rem; transform: translate(-1.5rem,-1.5rem);}
.four_d2{width: 0.98rem;top: 2.48rem;left:4.05rem; transform: translate(-0.5rem,0.5rem);}
.four_d3{width: 0.94rem;top: 4.3rem;left:5.7rem; transform: translate(-1.5rem,1.5rem);}
.four_d4{width: 1.14rem;top: 1.3rem;left:12.54rem; transform: translate(1.5rem,-1.5rem);}
.four_d5{width: 1.11rem;top: 4.07rem;left:12.5rem; transform: translate(1.5rem,1.5rem);}
.four_d6{width: 1.45rem;top: 3.22rem;left:14.4rem; transform: translate(1.5rem,0.5rem);}
.four_d7{width: 5.49rem;top: 1rem;left:7rem; transform: scale(0.3);}
.four_d8{width: 1.63rem;top: 2.5rem;left:9rem; transform: scale(2.3);}
.four_d9{width: 4.75rem;top: 3.44rem;left:7.4rem; transform: scale(2.3);}

/*第5部分*/
.five_d1{width: 0.98rem;top: 1.51rem;left:5.72rem;transform: translate(-1.5rem,-1.5rem);}
.five_d2{width: 1.44rem;top: 2.87rem;left:3.5rem;transform: translate(-1.5rem,0.5rem);}
.five_d3{width: 0.94rem;top: 4.32rem;left:5.87rem;transform: translate(-1.5rem，1.5rem);}
.five_d4{width: 1.14rem;top: 0.96rem;left:12.75rem;transform: translate(1.5rem,-1.5rem);}
.five_d5{width: 1.11rem;top: 4.04rem;left:12.86rem;transform: translate(1.5rem,1.5rem);}
.five_d6{width: 0.74rem;top: 3.5rem;left:15.09rem;transform: translate(1.5rem,-0.5rem);}
.five_d7{width: 5.49rem;top: 1rem;left:7rem;transform: scale(0.3);}
.five_d8{width: 1rem;top: 0.65rem;left:9.25rem;transform: translate(0.5rem,-0.5rem);}

.five_y1{width: 0.78rem;top: 1.94rem;left:8.27rem;transform: scale(2.3);}
.five_y2{width: 0.68rem;top: 2.21rem;left:10.76rem;transform: scale(2.3);}
.five_y3{width: 0.35rem;top: 2.92rem;left:11.95rem;transform: scale(2.3);}
.five_y4{width: 0.63rem;top: 4.12rem;left:7.95rem;transform: scale(2.3);}
.five_y5{width: 0.6rem;top: 3.86rem;left:10.9rem;transform: scale(2.3);}
.five_y6{width: 0.97rem;top: 5.04rem;left:9.54rem;transform: scale(2.3);}

.five_t1{width: 1.28rem;top: 2.6rem;left:7.76rem;transform: scale(2.3);}
.five_t2{width: 0.96rem;top: 2.75rem;left:9rem;transform: scale(2.3);}
.five_t3{width: 1.17rem;top: 2.77rem;left:9.93rem;transform: scale(2.3);}
.five_t4{width: 0.97rem;top: 2.76rem;left:11.04rem;transform: scale(2.3);}
.five_t5{width: 1.1rem;top: 3.9rem;left:8.58rem;transform: scale(2.3);}
.five_t6{width: 1.1rem;top: 3.92rem;left:9.78rem;transform: scale(2.3);}

/*第6部分*/
.six_d1{width: 1.04rem;top: 0.77rem;left:7.05rem;transform: translate(-1.5rem,-1.5rem);}
.six_d2{width: 0.98rem;top: 2.13rem;left:3.65rem;transform: translate(-2.5rem,0.5rem);}
.six_d3{width: 0.88rem;top: 4.07rem;left:5.32rem;transform: translate(-1.5rem,1.5rem);}
.six_d4{width: 1.25rem;top: 0.91rem;left:12.58rem;transform: translate(1.5rem,-1.5rem);}
.six_d5{width: 1.45rem;top: 3.69rem;left:13.5rem;transform: translate(1.5rem,1.5rem);}
.six_d6{width: 5.49rem;top: 1rem;left:7rem;transform: scale(0.3);}
.six_p1{width: 0.87rem;top: 2.22rem;left:8.15rem;transform: translate(-0.5rem,-0.5rem);}
.six_p2{width: 0.97rem;top: 1.91rem;left:9.71rem;transform: translate(0.5rem,-0.5rem);}
.six_p3{width: 1.06rem;top: 4.16rem;left:10.89rem;transform: translate(0.5rem,0.5rem);}
.six_play{width: 2.69rem;top: 2.22rem;left:6.61rem;transform: translate(-1.5rem,0);}

.six_t1{width: 1.29rem;top: 2.89rem;left:7.79rem; transform: scale(1.4);}
.six_t2{width: 0.97rem;top: 3.02rem;left:8.97rem; transform: scale(1.4);}
.six_t3{width: 1.17rem;top: 3.07rem;left:9.83rem; transform: scale(1.4);}
.six_t4{width: 1.10rem;top: 3.02rem;left:10.82rem; transform: scale(1.4);}
.six_t5{width: 0.99rem;top: 4.15rem;left:8.64rem; transform: scale(1.4);}
.six_t6{width: 1.16rem;top: 4.18rem;left:9.75rem; transform: scale(1.4);}

/*第7部分*/
.seven_d1{width: 1.24rem;top: 1.97rem;left:4.55rem;transform: translate(-1.5rem,-1.5rem);}
.seven_d2{width: 0.67rem;top: 3.8rem;left:3.04rem;transform: translate(-2.5rem,0.5rem);}
.seven_d3{width: 1.04rem;top: 4.3rem;left:5.4rem;transform: translate(-1.5rem,1.5rem);}
.seven_d4{width: 1.28rem;top: 1.42rem;left:13.8rem;transform: translate(1.5rem,-1.5rem);}
.seven_d5{width: 1.29rem;top: 3.9rem;left:13.22rem;transform: translate(-1.5rem,1.5rem);}
.seven_d6{width: 5.49rem;top: 1rem;left:7rem; transform: scale(0.3);}
.seven_book{width: 2.48rem;top: 1.51rem;left:8.35rem;transform: translate(-0.5rem,0.5rem);}

.seven_y1{width: 0.59rem;top: 2.41rem;left:6.95rem; transform: scale(1.4);}
.seven_y2{width: 0.82rem;top: 1.84rem;left:11.71rem; transform: scale(1.4);}
.seven_y3{width: 0.76rem;top: 4.12rem;left:6.77rem; transform: scale(1.4);}
.seven_y4{width: 0.97rem;top: 4.77rem;left:8.05rem; transform: scale(1.4);}
.seven_y5{width: 0.69rem;top: 4.92rem;left:10.4rem; transform: scale(1.4);}
.seven_y6{width: 0.70rem;top: 3.15rem;left:11.9rem; transform: scale(1.4);}
.seven_y7{width: 0.74rem;top: 1.95rem;left:10.53rem; transform: scale(1.4);}

.seven_t1{width: 4.77rem;top: 2.64rem;left:7.4rem; transform: scale(1.4);}
.seven_t2{width: 1.17rem;top: 3.79rem;left:7.66rem; transform: scale(1.4);}
.seven_t3{width: 1.09rem;top: 3.78rem;left:8.71rem; transform: scale(1.4);}
.seven_t4{width: 0.97rem;top: 3.7rem;left:9.8rem; transform: scale(1.4);}
.seven_t5{width: 1.11rem;top: 3.7rem;left:10.75rem; transform: scale(1.4);}


.seven_d1a{width: 1.24rem;top: 1.97rem;left:4.55rem;}
.seven_d2a{width: 0.67rem;top: 3.8rem;left:3.04rem}
.seven_d3a{width: 1.04rem;top: 4.3rem;left:5.4rem;}
.seven_d4a{width: 1.28rem;top: 1.42rem;left:13.8rem;}
.seven_d5a{width: 1.29rem;top: 3.9rem;left:13.22rem;}
.seven_d6a{width: 5.49rem;top: 1rem;left:7rem; }
.seven_booka{width: 2.48rem;top: 1.51rem;left:8.35rem;}

.seven_y1a{width: 0.59rem;top: 2.41rem;left:6.95rem;}
.seven_y2a{width: 0.82rem;top: 1.84rem;left:11.71rem;}
.seven_y3a{width: 0.76rem;top: 4.12rem;left:6.77rem;}
.seven_y4a{width: 0.97rem;top: 4.77rem;left:8.05rem; }
.seven_y5a{width: 0.69rem;top: 4.92rem;left:10.4rem;}
.seven_y6a{width: 0.70rem;top: 3.15rem;left:11.9rem;}
.seven_y7a{width: 0.74rem;top: 1.95rem;left:10.53rem;}

.seven_t1a{width: 4.77rem;top: 2.64rem;left:7.4rem;}
.seven_t2a{width: 1.17rem;top: 3.79rem;left:7.66rem;}
.seven_t3a{width: 1.09rem;top: 3.78rem;left:8.71rem;}
.seven_t4a{width: 0.97rem;top: 3.7rem;left:9.8rem;}
.seven_t5a{width: 1.11rem;top: 3.7rem;left:10.75rem;}


.hidescale{ opacity: 0; transform: scale(0.2) translate(0,-50%); transition: all 0.6s ease; top: 7%; }
@keyframes twlk1{
	0%{ transform: translate(0,0); }
	20%{ transform: translate(3px,-2px); }
	40%{ transform: translate(1px,1px); }
	60%{ transform: translate(-2px,3px); }
	80%{ transform: translate(1px,2px); }
	100%{ transform: translate(0,0); }
}
.twlk1{ animation: twlk1 3s infinite linear; }
@keyframes twlk2{
	0%{ transform: translate(0,0); }
	20%{ transform: translate(-2px,3px); }
	40%{ transform: translate(3px,0px); }
	60%{ transform: translate(2px,-2px); }
	80%{ transform: translate(-1px,-1px); }
	100%{ transform: translate(0,0); }
}
.twlk2{ animation: twlk2 3s infinite linear; }
.mover2{ position:absolute; width:0.8rem; height:0.36rem;}
.lastanimate{ display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.lastcontetent{ width: 100%; height: 8rem; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); }
.p1content1{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.cd2{ width:8.12rem; position:absolute; z-index:6; bottom:-3.5rem; left:5.64rem;}
.eight_ani{ display: none;}

.p5_popbgs{ background: rgba(0,0,0,0.5); width: 100%; height: 100%; z-index: 9999; display: none; position: fixed; top: 0; left: 0; }
.pop_p5cont{ width: 750px; height: 530px;  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.p5pops{ display: none; padding: 15px; background: #fff;  }
.closep5_popbgs{ width: 60px; position: absolute; right: -60px; top: 0; }
.p5_popbgs img{ width: 100%; }
.p5po{ height: 530px; overflow:hidden; }