@charset "utf-8";
/* CSS Document */
body,html{font-size:62.5%;margin:0;padding:0;border:0;font-family:'microsoft Yahei';}
.pa{position:absolute;}
.fullHeight{overflow:hidden;}
.hide{display:none;}
.bg{background-size:cover;background-repeat: no-repeat;overflow:hidden;}
.bg1{width: 100%;background-image: url(bg1.jpg);}
.bg2{width: 100%;background-image: url(bg2.jpg);}
.bg3{width: 100%;background-image: url(bg3.jpg);}
.bg4{width: 100%;background-image: url(bg4.jpg);}
.bg5{width: 100%;background-image: url(bg5.jpg);}
.bg6{width: 100%;background-image: url(bg6.jpg);}
.bg7{width: 100%;background-image: url(bg7.jpg?v=1.1);}

@-webkit-keyframes hand
{
0%    {bottom:2rem;right:5rem;opacity:0.1;}
60%  {bottom:5rem;right:5rem;opacity:1;}
100%  {bottom:5rem;right:5rem;opacity:0.1;}
}

@-webkit-keyframes a2-font
{
0%    {left:2.666666rem;top:-5.777rem;}
100%  {left:2.666666rem;top:5.777rem;}
}
@-webkit-keyframes img
{
0%    {opacity:0.1;}
100%  {opacity:1;}
}
@-webkit-keyframes a3-font
{
0%    {top:-4.22222222222rem;}
100%  {top:4.22222222222rem;}
}

@-webkit-keyframes a5-font
{
0%    {top:-5.27777777778rem;}
100%  {top:5.27777777778rem;}
}

@-webkit-keyframes loading
{
0%   {transform:rotateX(180deg);}
25%  {transform:rotateX(360deg);}
50%  {transform:rotateY(180deg);}
100%  {transform:rotateY(360deg);}
}

.animate_hand{animation:hand 2s linear 2s infinite normal;-webkit-animation:hand 2s linear 2s infinite normal;}
.animate_loading{animation:loading 2s linear 0 infinite normal;-webkit-animation:loading 2s linear 0 infinite normal;}
.animate_2font{animation:a2-font 0.5s linear 0 normal forwards;-webkit-animation:img 0.5s linear 2s normal forwards; }
.animate_3font{animation:a3-font 0.5s linear 0 normal forwards;-webkit-animation:img 0.5s linear 3.5s normal forwards; }
.animate_4font{animation:img 1.5s linear 0 normal forwards;-webkit-animation:img 1.5s linear 0 normal forwards; }
.animate_5font{animation:img 1s linear 0 normal forwards;-webkit-animation:img 1s linear 0 normal forwards; }
.animate_6font{animation:img 1s linear 0 normal forwards;-webkit-animation:img 1s linear 2s normal forwards; }
.animate_7font{animation:img 1s linear 0 normal forwards;-webkit-animation:img 1s linear 2s normal forwards; }

.animate_2img{animation:img 2s linear 1s normal forwards;-webkit-animation:img 2s linear 0s normal forwards;}
.animate_3img1{animation:img 1.5s linear 1s normal forwards;-webkit-animation:img 1s linear 0s normal forwards;}
.animate_3img2{animation:img 1.5s linear 3s normal forwards;-webkit-animation:img 1s linear 0s normal forwards;}
.animate_3img3{animation:img 1.5s linear 4.5s normal forwards;-webkit-animation:img 1s linear 2s normal forwards;}
.animate_3img4{animation:img 1.5s linear 6s normal forwards;-webkit-animation:img 1s linear 2s normal forwards;}
.animate_3img5{animation:img 1.5s linear 7.5s normal forwards;-webkit-animation:img 1s linear 3s normal forwards;}
.animate_6img1{animation:img 1.5s linear 6s normal forwards;-webkit-animation:img 1s linear 0.5s normal forwards;}
.animate_6img2{animation:img 1.5s linear 7.5s normal forwards;-webkit-animation:img 1s linear 1s normal forwards;}


#act2 .font{left:2.666666rem;top:5.777rem;width:16.055rem;height:5.444rem;background-image:url(img/2-font.png);opacity:0;}
#act2 .img{left:1rem;top:18.6666666rem;width:24.944444444rem;height:13.9444444rem;background-image:url(img/2-img.jpg);opacity:0;}

#act3 .font{left:2.44444444444rem;top:4.22222222222rem;width:13.888rem;height:5.5rem;background-image:url(img/3-font.png);opacity:0;}
#act3 .img1{left:16.5555555556rem;top:7.66666666667rem;width:9.33333rem;height:5.5rem;background-image:url(img/3-img1.png);opacity:0;}
#act3 .img2{left:1.11111111111rem;top:11.1666666667rem;width:16.1111rem;height:8.22222rem;background-image:url(img/3-img2.png);opacity:0;}
#act3 .img3{left:18.3333333333rem;top:15.0rem;width:7.55555rem;height:4.22222rem;background-image:url(img/3-img3.png);opacity:0;}
#act3 .img4{left:2.11111111111rem;top:20.1666666667rem;width:11.11111rem;height:6.3333rem;background-image:url(img/3-img4.png);opacity:0;}
#act3 .img5{left:12.7222222222rem;top:20.6111111111rem;width:13.166666rem;height:7.5555rem;background-image:url(img/3-img5.png);opacity:0;}

#act4 .font{left:6.11111111111rem;top:20.8888888889rem;width:16.3888888889rem;height:7.05555555556rem;background-image:url(img/4-font.png);opacity:0;}
#act4 .img{left:9.55555555556rem;top:10.5rem;width:7.22222222222rem;height:7.55555555556rem;background-image:url(img/4-img.png);}

#act5 .font{left:3.55555555556rem;top:5.27777777778rem;width:15.1666666667rem;height:5.5rem;background-image:url(img/5-font.png);}

#act6 .img1{top:5.77777777778rem;left:50%;width:21.2222222222rem;height:11.5555555556rem;margin-left:-10.6111111111rem;background-image:url(img/6-img1.png);opacity:0;}
#act6 .img2{top:17.9444444444rem;left:50%;width:21.2222222222rem;height:11.5rem;margin-left:-10.6111111111rem;background-image:url(img/6-img2.png);opacity:0;}
#act6 .font{top:31rem;left:1.6rem;width:24.1111111111rem;height:7.55555555556rem;background-image:url(img/6-font.png);opacity:0;}

#act7 .btn{bottom:3rem;left:50%;width:18.0rem;height:3.0rem;margin-left:-9.0rem;background-image:url(img/btn.png);}
#act7 .font{bottom:3rem;left:50%;width:18.0rem;height:3.0rem;margin-left:-9.0rem;background-image:url(img/btn.png);}

.hand{bottom:2rem;right:5rem;width:4.22222222222rem;height:5.72222222222rem;background-image:url(img/hand.png);opacity:0;}
#act7 .img1{bottom: -9rem;width:14.66666rem;height:36.88885rem;background-image:url(img/7-img1.png);right: 0rem;}
#act7 .img2{width:14.222222rem;height:19.5rem;background-image:url(img/7-img2.png?v=1.1);bottom: 2.5rem;}
#act7 .font{top:9.72222rem;left:50%;margin-left:-10.444rem;width:20.8888rem;height:4.5rem;background-image:url(img/7-text.png?v=1.1);bottom: 2.5rem;opacity:0;}




.loading{z-index:100;width:3rem;height:3rem;background:#44cae6;left:50%;margin:-1.5rem 0 0 -1.5rem;top:50%;}

.ui-music-btn {top:1.5rem;right:2rem;background: rgba(0,0,0,0.3) url("img/music.png") no-repeat scroll 50% 50% ;width:2rem;height:2rem;border-radius:1rem;border: 2px solid #fff;display: inline-block;background-size:cover;}
.ui-music-btn-off{background: rgba(0,0,0,0.3) url("img/music-off.png") no-repeat scroll 50% 50% ;background-size:cover;}
.shareTip{top:0;width:100%;z-index:100;background:url(img/shareTip.png) 50% 50% #000 no-repeat; background-size: 100% auto;}

audio{width:1px;height:1px;opacity:0.01;}



















/*
.font{position:absolute;height:1.8rem;text-indent:1.1rem;font-size:1.4rem;line-height:1.8rem;border-radius:0.9rem;color:#fff;}
#act3 .font{left:1.7rem;background:#355fd4;}
#act3 .font1{top:4rem;width:15rem;}
#act3 .font2{top:6rem;width:19.44444rem;}
#act3 .font3{top:8rem;width:16.83333rem;}

#act4 {background:#1b4181;}
#act4 .img{top:10.67rem;left:50%;width:7rem;margin-left:-3.5rem;}
#act4 .fontWrap{top:20.1rem;left:6rem;font-size:1.3rem;line-height:1.5rem;color:#fff;}

#act5{background:#1b4183;}
#act5 .font{left:2.7222rem;background:#4c4c4c;}
#act5 .font1{top:5.277rem;width:15rem;}
#act5 .font2{top:7.277rem;width:19.44444rem;}
#act5 .font3{top:9.277rem;width:16.83333rem;}
*/