*{max-height:99999px;margin:0;padding:0;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}body{background:#000}.hidden{display:none}.common-container{position:relative;overflow:hidden}#stage{width:100vw;height:100vh;position:absolute;left:0;top:0}#video,.content{width:750px;height:1464px;position:absolute;left:0;top:0}.content{display:none}.content.cur{display:block}.content .box{width:750px;height:1448px;position:absolute;left:0;top:8px}.content .next_btn{width:100vw;height:100vh;position:absolute;left:0;top:0}@-webkit-keyframes txtfadeIn{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes txtfadeIn{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes txtfadeOut{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}}@keyframes txtfadeOut{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.page0 .icon1{width:838px;height:736px;background:url(../../static/images/p4_cloud.8048ae0.png) no-repeat;background-repeat:no-repeat;background-size:100% 100%;position:absolute;left:75px;top:283px;opacity:0}.page0 .icon2{width:403px;height:111px;background:url(../../static/images/content_icons.51e5929.png) no-repeat 0 0;background-repeat:no-repeat;background-size:auto;position:absolute;left:128px;top:612px;opacity:0}.page0 .icon3{width:635px;height:170px;background:url(../../static/images/txts.96028b6.png) no-repeat 0 0;background-repeat:no-repeat;background-size:auto;position:absolute;left:57px;top:1127px;-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}.page0.anim .icon3{-webkit-animation:txtfadeIn .6s ease-in-out forwards;animation:txtfadeIn .6s ease-in-out forwards}.page0.anim .icon1{-webkit-animation:p0icon1_in 1s ease-in-out forwards,p0icon1_loop 2s ease-in-out 1s infinite;animation:p0icon1_in 1s ease-in-out forwards,p0icon1_loop 2s ease-in-out 1s infinite}.page0.anim .icon2{-webkit-animation:p0icon2_in 1s ease-in-out forwards,p0icon2_loop 2s ease-in-out 1s infinite;animation:p0icon2_in 1s ease-in-out forwards,p0icon2_loop 2s ease-in-out 1s infinite}.page0.out .icon3{-webkit-animation:txtfadeOut .6s ease-in-out forwards;animation:txtfadeOut .6s ease-in-out forwards}.page0.out .icon1,.page0.out .icon2,.page0.out .icon4{-webkit-animation:fadeOut .6s ease-in-out forwards;animation:fadeOut .6s ease-in-out forwards}@-webkit-keyframes start_btn{0%{background-position:0 0}to{background-position:-4284px 0}}@keyframes start_btn{0%{background-position:0 0}to{background-position:-4284px 0}}@-webkit-keyframes p0icon2_loop{0%,to{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:1}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes p0icon2_loop{0%,to{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:1}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes p0icon2_in{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}to{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:1}}@keyframes p0icon2_in{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}to{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:1}}@-webkit-keyframes p0icon1_loop{0%,to{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:1}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes p0icon1_loop{0%,to{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:1}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes p0icon1_in{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}to{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:1}}@keyframes p0icon1_in{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}to{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:1}}.page1 .icon1{width:660px;height:169px;background:url(../../static/images/txts.96028b6.png) no-repeat 0 -200px;background-repeat:no-repeat;background-size:auto;position:absolute;left:43px;top:1130px;-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}.page1 .icon2{width:187px;height:354px;background:url(../../static/images/content_icons.51e5929.png) no-repeat -1200px 0;background-repeat:no-repeat;background-size:auto;position:absolute;left:92px;top:267px;-webkit-transform:translateY(0);transform:translateY(0);opacity:0}.page1 .icon3{width:104px;height:229px;background:url(../../static/images/p5_boy.415c68b.png) no-repeat 0 0;background-repeat:no-repeat;background-size:auto;position:absolute;left:197px;top:840px;opacity:0}.page1.anim .icon1{-webkit-animation:txtfadeIn .6s ease-in-out forwards;animation:txtfadeIn .6s ease-in-out forwards}.page1.anim .icon2{-webkit-animation:fadeIn 1s ease-in-out forwards,p1icons2 2s ease-in-out infinite;animation:fadeIn 1s ease-in-out forwards,p1icons2 2s ease-in-out infinite}.page1.anim .icon3{-webkit-animation:fadeIn 1s ease-in-out forwards,p1icon3 2s steps(29) infinite;animation:fadeIn 1s ease-in-out forwards,p1icon3 2s steps(29) infinite}.page1.out .icon1{-webkit-animation:txtfadeOut .6s ease-in-out forwards;animation:txtfadeOut .6s ease-in-out forwards}.page1.out .icon2,.page1.out .icon3,.page1.out .icon4{-webkit-animation:fadeOut .6s ease-in-out forwards;animation:fadeOut .6s ease-in-out forwards}@-webkit-keyframes p1icon3{0%{background-position:0 0}to{background-position:-3016px 0}}@keyframes p1icon3{0%{background-position:0 0}to{background-position:-3016px 0}}@-webkit-keyframes p1icons2{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(16px);transform:translateY(16px)}}@keyframes p1icons2{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(16px);transform:translateY(16px)}}.page2 .icon3{width:636px;height:195px;background:url(../../static/images/txts.96028b6.png) no-repeat 0 -400px;background-repeat:no-repeat;background-size:auto;position:absolute;left:57px;top:1103px;-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}.page2 .icon1{width:686px;height:874px;background:url(../../static/images/p6_caidai_1.618586f.png) no-repeat 0 0;background-repeat:no-repeat;background-size:auto;position:absolute;left:48px;top:162px;opacity:0}.page2 .icon2{width:736px;height:905px;background:url(../../static/images/p6_caidai_2.fb353f5.png) no-repeat 0 0;background-repeat:no-repeat;background-size:auto;position:absolute;left:33px;top:180px;opacity:0}.page2.anim .icon1{-webkit-animation:p2icon1_in 1s ease-in-out forwards,p2icon1_loop 2s ease-in-out 1s infinite;animation:p2icon1_in 1s ease-in-out forwards,p2icon1_loop 2s ease-in-out 1s infinite}.page2.anim .icon2{-webkit-animation:p2icon2_in 1s ease-in-out forwards,p2icon2_loop 2s ease-in-out 1s infinite;animation:p2icon2_in 1s ease-in-out forwards,p2icon2_loop 2s ease-in-out 1s infinite}.page2.anim .icon3{-webkit-animation:txtfadeIn .6s ease-in-out forwards;animation:txtfadeIn .6s ease-in-out forwards}.page2.out .icon3{-webkit-animation:txtfadeOut .6s ease-in-out forwards;animation:txtfadeOut .6s ease-in-out forwards}.page2.out .icon1,.page2.out .icon2,.page2.out .icon4{-webkit-animation:fadeOut .6s ease-in-out forwards;animation:fadeOut .6s ease-in-out forwards}@-webkit-keyframes p2icon2_loop{0%,to{-webkit-transform:translateY(14px);transform:translateY(14px);opacity:1}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes p2icon2_loop{0%,to{-webkit-transform:translateY(14px);transform:translateY(14px);opacity:1}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes p2icon2_in{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}to{-webkit-transform:translateY(14px);transform:translateY(14px);opacity:1}}@keyframes p2icon2_in{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}to{-webkit-transform:translateY(14px);transform:translateY(14px);opacity:1}}@-webkit-keyframes p2icon1_loop{0%,to{-webkit-transform:translateY(-14px);transform:translateY(-14px);opacity:1}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes p2icon1_loop{0%,to{-webkit-transform:translateY(-14px);transform:translateY(-14px);opacity:1}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes p2icon1_in{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}to{-webkit-transform:translateY(-14px);transform:translateY(-14px);opacity:1}}@keyframes p2icon1_in{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}to{-webkit-transform:translateY(-14px);transform:translateY(-14px);opacity:1}}.page3 .icon3{height:150px;background:url(../../static/images/txts.96028b6.png) no-repeat 0 -600px;background-repeat:no-repeat;background-size:auto;left:57px;top:1148px;-webkit-transform:translateY(20px);transform:translateY(20px)}.page3 .icon1,.page3 .icon3{width:636px;position:absolute;opacity:0}.page3 .icon1{height:273px;background:url(../../static/images/p7_caidai_1.dcdf839.png) no-repeat;background-repeat:no-repeat;background-size:100% 100%;left:53px;top:858px}.page3 .icon2{width:625px;height:193px;background:url(../../static/images/p7_caidai_2.bf21432.png) no-repeat;background-repeat:no-repeat;background-size:100% 100%;position:absolute;left:56px;top:962px;opacity:0}.page3.anim .icon1{-webkit-animation:p3icon1_in 1s ease-in-out forwards,p3icon1_loop 2s ease-in-out 1s infinite;animation:p3icon1_in 1s ease-in-out forwards,p3icon1_loop 2s ease-in-out 1s infinite}.page3.anim .icon2{-webkit-animation:p3icon2_in 1s ease-in-out forwards,p3icon2_loop 2s ease-in-out 1s infinite;animation:p3icon2_in 1s ease-in-out forwards,p3icon2_loop 2s ease-in-out 1s infinite}.page3.anim .icon3{-webkit-animation:txtfadeIn .6s ease-in-out forwards;animation:txtfadeIn .6s ease-in-out forwards}.page3.out .icon3{-webkit-animation:txtfadeOut .6s ease-in-out forwards;animation:txtfadeOut .6s ease-in-out forwards}.page3.out .icon1,.page3.out .icon2{-webkit-animation:fadeOut .6s ease-in-out forwards;animation:fadeOut .6s ease-in-out forwards}@-webkit-keyframes p3icon2_loop{0%,to{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:1}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes p3icon2_loop{0%,to{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:1}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes p3icon2_in{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}to{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:1}}@keyframes p3icon2_in{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}to{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:1}}@-webkit-keyframes p3icon1_loop{0%,to{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:1}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes p3icon1_loop{0%,to{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:1}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes p3icon1_in{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}to{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:1}}@keyframes p3icon1_in{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}to{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:1}}.page4 .icon1{width:275px;height:74px;position:absolute;left:243px;top:630px;background:url(../../static/images/txts.96028b6.png) no-repeat -700px -300px;background-repeat:no-repeat;background-size:auto;-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}.page4.anim .icon1{-webkit-animation:txtfadeIn .6s ease-in-out forwards;animation:txtfadeIn .6s ease-in-out forwards}.page4.out .icon1{-webkit-animation:txtfadeOut .6s ease-in-out forwards;animation:txtfadeOut .6s ease-in-out forwards}.page5 .icon1{width:607px;height:985px;background:url(../../static/images/p8_bingdu_1.d968a58.png) no-repeat;background-repeat:no-repeat;background-size:100% 100%;position:absolute;left:-27px;top:172px}.page5 .icon2{width:202px;height:952px;background:url(../../static/images/p8_bingdu_2.b8567d5.png) no-repeat;background-repeat:no-repeat;background-size:100% 100%;position:absolute;left:256px;top:103px}.page5 .icon3{width:750px;height:693px;background:url(../../static/images/p8_redline.01ea90b.png) no-repeat;background-repeat:no-repeat;background-size:100% 100%;position:absolute;left:0;top:326px;opacity:0}.page5 .icon4{width:635px;height:199px;background:url(../../static/images/txts.96028b6.png) no-repeat 0 -800px;background-repeat:no-repeat;background-size:auto;position:absolute;left:58px;top:1099px;-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}.page5.anim .icon3{-webkit-animation:fadeIn .6s ease forwards;animation:fadeIn .6s ease forwards}.page5.anim .icon4{-webkit-animation:txtfadeIn .6s ease-in-out forwards;animation:txtfadeIn .6s ease-in-out forwards}.page5.anim .icon1{-webkit-animation:p5icon1_in 1s ease-in-out forwards,p5icon1_loop 2s ease-in-out 1s infinite;animation:p5icon1_in 1s ease-in-out forwards,p5icon1_loop 2s ease-in-out 1s infinite}.page5.anim .icon2{-webkit-animation:p5icon2_in 1s ease-in-out forwards,p5icon2_loop 2s ease-in-out 1s infinite;animation:p5icon2_in 1s ease-in-out forwards,p5icon2_loop 2s ease-in-out 1s infinite}.page5.out .icon4{-webkit-animation:txtfadeOut .6s ease-in-out forwards;animation:txtfadeOut .6s ease-in-out forwards}.page5.out .icon1,.page5.out .icon2,.page5.out .icon3{-webkit-animation:fadeOut .6s ease-in-out forwards;animation:fadeOut .6s ease-in-out forwards}@-webkit-keyframes p5icon2_loop{0%,to{-webkit-transform:translateY(-16px);transform:translateY(-16px);opacity:1}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes p5icon2_loop{0%,to{-webkit-transform:translateY(-16px);transform:translateY(-16px);opacity:1}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes p5icon2_in{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}to{-webkit-transform:translateY(-16px);transform:translateY(-16px);opacity:1}}@keyframes p5icon2_in{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}to{-webkit-transform:translateY(-16px);transform:translateY(-16px);opacity:1}}@-webkit-keyframes p5icon1_loop{0%,to{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:1}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes p5icon1_loop{0%,to{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:1}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes p5icon1_in{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}to{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:1}}@keyframes p5icon1_in{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}to{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:1}}.page6 .icon1{width:448px;height:448px;background:url(../../static/images/p9_heart_light.94e8ebc.png) no-repeat;background-repeat:no-repeat;background-size:100% 100%;position:absolute;left:146px;top:353px;opacity:0}.page6 .icon2{width:440px;height:457px;background:url(../../static/images/p9_flower_1.9a20f35.png) no-repeat;background-repeat:no-repeat;background-size:100% 100%;position:absolute;left:224px;top:312px;opacity:0}.page6 .icon3{width:555px;height:687px;background:url(../../static/images/p9_flower_2.4fa5dc7.png) no-repeat;background-repeat:no-repeat;background-size:100% 100%;position:absolute;left:0;top:177px;opacity:0}.page6 .icon4{width:635px;height:225px;background:url(../../static/images/txts.96028b6.png) no-repeat 0 -1100px;background-repeat:no-repeat;background-size:auto;position:absolute;left:58px;top:1073px;-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}.page6.anim .icon4{-webkit-animation:txtfadeIn .6s ease-in-out forwards;animation:txtfadeIn .6s ease-in-out forwards}.page6.anim .icon1{-webkit-animation:p6icon1 2s ease-in-out infinite;animation:p6icon1 2s ease-in-out infinite}.page6.anim .icon2{-webkit-animation:fadeIn 1s ease-in-out forwards,p6icon2 2s ease-in-out infinite;animation:fadeIn 1s ease-in-out forwards,p6icon2 2s ease-in-out infinite}.page6.anim .icon3{-webkit-animation:fadeIn 1s ease-in-out forwards,p6icon3 2s ease-in-out infinite;animation:fadeIn 1s ease-in-out forwards,p6icon3 2s ease-in-out infinite}.page6.out .icon4{-webkit-animation:txtfadeOut .6s ease-in-out forwards;animation:txtfadeOut .6s ease-in-out forwards}.page6.out .icon1,.page6.out .icon2,.page6.out .icon3{-webkit-animation:fadeOut .6s ease-in-out forwards;animation:fadeOut .6s ease-in-out forwards}@-webkit-keyframes p6icon3{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-12px);transform:translateY(-12px)}}@keyframes p6icon3{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-12px);transform:translateY(-12px)}}@-webkit-keyframes p6icon2{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(12px);transform:translateY(12px)}}@keyframes p6icon2{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(12px);transform:translateY(12px)}}@-webkit-keyframes p6icon1{0%,to{opacity:0}50%{opacity:1}}@keyframes p6icon1{0%,to{opacity:0}50%{opacity:1}}.page7 .icon1{width:432px;height:121px;background:url(../../static/images/txts.96028b6.png) no-repeat -700px -500px;background-repeat:no-repeat;background-size:auto;position:absolute;left:176px;top:840px;-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}.page7.anim .icon1{-webkit-animation:txtfadeIn .6s ease-in-out forwards;animation:txtfadeIn .6s ease-in-out forwards}.page7.out .icon1{-webkit-animation:txtfadeOut .6s ease-in-out forwards;animation:txtfadeOut .6s ease-in-out forwards}.page8 .icon3{width:635px;height:199px;background:url(../../static/images/txts.96028b6.png) no-repeat 0 -1400px;background-repeat:no-repeat;background-size:auto;position:absolute;left:58px;top:1099px;-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}.page8 .icon1{width:268px;height:222px;background:url(../../static/images/p10_danta.14b93e1.png) no-repeat;background-repeat:no-repeat;background-size:auto;position:absolute;left:182px;top:348px;opacity:0}.page8 .icon2{width:276px;height:389px;background:url(../../static/images/p10_flower.1e665b5.png) no-repeat;background-repeat:no-repeat;background-size:auto;position:absolute;left:362px;top:210px;opacity:0}.page8.anim .icon3{-webkit-animation:txtfadeIn .6s ease-in-out forwards;animation:txtfadeIn .6s ease-in-out forwards}.page8.anim .icon1{-webkit-animation:fadeIn 1s ease-in-out forwards,p8icon1 2s ease-in-out infinite;animation:fadeIn 1s ease-in-out forwards,p8icon1 2s ease-in-out infinite}.page8.anim .icon2{-webkit-animation:fadeIn 1s ease-in-out forwards,p8icon2 2s ease-in-out infinite;animation:fadeIn 1s ease-in-out forwards,p8icon2 2s ease-in-out infinite}.page8.out .icon3{-webkit-animation:txtfadeOut .6s ease-in-out forwards;animation:txtfadeOut .6s ease-in-out forwards}.page8.out .icon1,.page8.out .icon2{-webkit-animation:fadeOut .6s ease-in-out forwards;animation:fadeOut .6s ease-in-out forwards}@-webkit-keyframes p8icon2{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(16px);transform:translateY(16px)}}@keyframes p8icon2{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(16px);transform:translateY(16px)}}@-webkit-keyframes p8icon1{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-16px);transform:translateY(-16px)}}@keyframes p8icon1{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-16px);transform:translateY(-16px)}}.page9 .icon3{width:635px;height:177px;background:url(../../static/images/txts.96028b6.png) no-repeat -700px 0;background-repeat:no-repeat;background-size:auto;position:absolute;left:58px;top:1121px;-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}.page9 .icon1{width:281px;height:58px;background:url(../../static/images/p11_cloud.f2cdea8.png) no-repeat 0 0;background-repeat:no-repeat;background-size:auto;position:absolute;left:572px;top:483px;opacity:0}.page9 .icon2{width:375px;height:84px;background:url(../../static/images/p11_cloud.f2cdea8.png) no-repeat 0 -100px;background-repeat:no-repeat;background-size:auto;position:absolute;left:-154px;top:626px;opacity:0}.page9.anim .icon3{-webkit-animation:txtfadeIn .6s ease-in-out forwards;animation:txtfadeIn .6s ease-in-out forwards}.page9.anim .icon1{-webkit-animation:fadeIn 1s ease-in-out forwards,p9icon1 2s ease-in-out infinite;animation:fadeIn 1s ease-in-out forwards,p9icon1 2s ease-in-out infinite}.page9.anim .icon2{-webkit-animation:fadeIn 1s ease-in-out forwards,p9icon2 2s ease-in-out infinite;animation:fadeIn 1s ease-in-out forwards,p9icon2 2s ease-in-out infinite}.page9.out .icon3{-webkit-animation:txtfadeOut .6s ease-in-out forwards;animation:txtfadeOut .6s ease-in-out forwards}.page9.out .icon1,.page9.out .icon2{-webkit-animation:fadeOut .6s ease-in-out forwards;animation:fadeOut .6s ease-in-out forwards}@-webkit-keyframes p9icon2{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-16px);transform:translateY(-16px)}}@keyframes p9icon2{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-16px);transform:translateY(-16px)}}@-webkit-keyframes p9icon1{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(16px);transform:translateY(16px)}}@keyframes p9icon1{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(16px);transform:translateY(16px)}}.page11{background-color:#007667;background-size:auto;opacity:0}.page11 .icon1{width:701px;height:232px;background:url(../../static/images/content_icons.51e5929.png) no-repeat 0 -200px;background-repeat:no-repeat;background-size:auto;position:absolute;left:-286px;top:789px;-webkit-transform-origin:260px 100px;transform-origin:260px 100px;-webkit-transform:scale(.5);transform:scale(.5);opacity:0}.page11 .icon2{width:673px;height:182px;background:url(../../static/images/content_icons.51e5929.png) no-repeat 0 -500px;background-repeat:no-repeat;background-size:auto;position:absolute;left:307px;top:596px;-webkit-transform-origin:450px 82px;transform-origin:450px 82px;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}.page11 .icon3{width:84px;height:38px;background:url(../../static/images/content_icons.51e5929.png) no-repeat -800px 0;background-repeat:no-repeat;background-size:auto;position:absolute;left:150px;top:713px}.page11 .icon4{width:158px;height:60px;background:url(../../static/images/content_icons.51e5929.png) no-repeat -900px 0;background-repeat:no-repeat;background-size:auto;position:absolute;left:527px;top:654px}.page11 .icon5{width:291px;height:336px;background:url(../../static/images/p12_shadow.cd0d28b.png) no-repeat;background-repeat:no-repeat;background-size:auto;position:absolute;left:230px;top:487px}.page11 .icon6{width:367px;height:289px;background:url(../../static/images/content_icons.51e5929.png) no-repeat -800px -500px;background-repeat:no-repeat;background-size:auto;position:absolute;left:202px;top:413px}.page11 .icon7{width:325px;height:298px;position:absolute;left:200px;top:310px;background:url(../../static/images/p12_lizi.22b377e.png) no-repeat 0 0;background-repeat:no-repeat;background-size:auto}.page11 .next_btn{display:none}.page11 .vote_btn{width:338px;height:88px;background:url(../../static/images/content_icons.51e5929.png) no-repeat -800px -100px;background-repeat:no-repeat;background-size:auto;position:absolute;left:206px;top:822px}.page11 .vote_btn.cur{background-position:-800px -200px}.page11 .share_btn{width:338px;height:88px;background:url(../../static/images/content_icons.51e5929.png) no-repeat -800px -300px;background-repeat:no-repeat;background-size:auto;position:absolute;left:206px;top:955px}.page11 .logo{width:179px;height:44px;background:url(../../static/images/logo.478f5f9.png) no-repeat;background-repeat:no-repeat;background-size:100% 100%;position:absolute;left:286px;top:1222px;display:block}.page11.anim{-webkit-animation:fadeIn .6s forwards;animation:fadeIn .6s forwards}.page11.anim .icon1{-webkit-animation:p10icon1_1 3s linear infinite,p10icon1_2 3s linear infinite;animation:p10icon1_1 3s linear infinite,p10icon1_2 3s linear infinite}.page11.anim .icon2{-webkit-animation:p10icon2_1 3s linear 1s infinite,p10icon1_2 3s linear 1s infinite;animation:p10icon2_1 3s linear 1s infinite,p10icon1_2 3s linear 1s infinite}.page11.anim .icon5{-webkit-animation:p10icon5 2s steps(29) infinite;animation:p10icon5 2s steps(29) infinite}.page11.anim .icon7.cur{-webkit-animation:p10icon7_in 3s steps(45) forwards,p10icon7_loop 2s steps(29) 3s infinite;animation:p10icon7_in 3s steps(45) forwards,p10icon7_loop 2s steps(29) 3s infinite}@-webkit-keyframes p10icon7_loop{0%{background-position:-14950px 0}to{background-position:-24375px 0}}@keyframes p10icon7_loop{0%{background-position:-14950px 0}to{background-position:-24375px 0}}@-webkit-keyframes p10icon7_in{0%{background-position:0 0}to{background-position:-14625px 0}}@keyframes p10icon7_in{0%{background-position:0 0}to{background-position:-14625px 0}}@-webkit-keyframes p10icon5{0%{background-position:0 0}to{background-position:-8439px 0}}@keyframes p10icon5{0%{background-position:0 0}to{background-position:-8439px 0}}@-webkit-keyframes p10icon2_1{0%{-webkit-transform:scale(.4);transform:scale(.4)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes p10icon2_1{0%{-webkit-transform:scale(.4);transform:scale(.4)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes p10icon1_2{0%,to{opacity:0}33%,66%{opacity:1}}@keyframes p10icon1_2{0%,to{opacity:0}33%,66%{opacity:1}}@-webkit-keyframes p10icon1_1{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes p10icon1_1{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}.loading{width:750px;height:100vh;background:#f1fbf8;position:absolute;left:0;top:0;z-index:99}.loading .icon1{width:99px;height:38px;background:url(../../static/images/loading_icons.46ffd62.png) no-repeat 0 0;background-repeat:no-repeat;background-size:auto;margin-left:-137px;margin-top:-19px}.loading .icon1,.loading .icon2{position:absolute;left:50%;top:50%}.loading .icon2{width:187px;height:74px;background:url(../../static/images/loading_icons.46ffd62.png) no-repeat -200px 0;background-repeat:no-repeat;background-size:auto;margin-left:-51px;margin-top:3px}.loading .icon3{width:461px;height:153px;background:url(../../static/images/loading_icons.46ffd62.png) no-repeat 0 -100px;background-repeat:no-repeat;background-size:auto;margin-left:-513px;margin-top:54px;-webkit-transform-origin:110px 66px;transform-origin:110px 66px;-webkit-transform:scale(.8);transform:scale(.8);-webkit-animation:loading_icon3_1 2.6s linear infinite,loading_icon3_2 2.6s linear infinite;animation:loading_icon3_1 2.6s linear infinite,loading_icon3_2 2.6s linear infinite}.loading .icon3,.loading .icon4{position:absolute;left:50%;top:50%;opacity:0}.loading .icon4{width:280px;height:93px;background:url(../../static/images/loading_icons.46ffd62.png) no-repeat 0 -300px;background-repeat:no-repeat;background-size:auto;margin-left:174px;margin-top:-60px;-webkit-transform-origin:200px 40px;transform-origin:200px 40px;-webkit-transform:scale(.6);transform:scale(.6);-webkit-animation:loading_icon3_1 2.6s linear .8s infinite,loading_icon3_3 2.6s linear .8s infinite;animation:loading_icon3_1 2.6s linear .8s infinite,loading_icon3_3 2.6s linear .8s infinite}.loading .loading_num{width:100vw;height:70px;position:absolute;left:0;top:50%;margin-top:-100px;text-align:center;font:700 72px/72px Cochin,-apple-system-font,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Arial;color:#323232}@-webkit-keyframes loading_icon3_3{0%{-webkit-transform:scale(.6);transform:scale(.6)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes loading_icon3_3{0%{-webkit-transform:scale(.6);transform:scale(.6)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@-webkit-keyframes loading_icon3_2{0%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes loading_icon3_2{0%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@-webkit-keyframes loading_icon3_1{0%,to{opacity:0}30%,70%{opacity:1}}@keyframes loading_icon3_1{0%,to{opacity:0}30%,70%{opacity:1}}.music_btn{width:73px;height:73px;background:url(../../static/images/music_btn.fcc8faa.png) no-repeat;background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:40px;right:40px;z-index:90;-webkit-animation:music 10s linear infinite;animation:music 10s linear infinite}.music_btn.off{-webkit-animation:none;animation:none}@-webkit-keyframes music{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes music{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body #newsapp-share .share-notice{width:281px;height:148px;background:url(../../static/images/share_notice.c6ceb58.png) no-repeat;background-repeat:no-repeat;background-size:auto;position:absolute;top:20px;right:30px}blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select,textarea{margin:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}body,html{width:100%;height:100%;overflow:hidden}body{position:relative;font:28px/1.2 Heiti SC,Helvetica Neue,Helvetica,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;-webkit-user-select:none}.common-container{position:absolute;left:0;top:0;width:750px;height:100%}