*{padding:0;margin:0;-webkit-box-sizing:border-box}body{background-color:#fff}#container{position:relative;width:500px;height:815px;overflow:hidden}#container>div,#container>img{position:absolute}#shang{position:absolute;top:-60px;-webkit-transform:translateY(-40px)}#xia{position:absolute;top:662px;-webkit-transform:translateY(40px)}#luohua1{position:absolute;top:-80px;left:100px}#luohua2{position:absolute;top:-80px;left:350px}#shuzhi1{position:absolute;top:140px;left:0;opacity:0}#shuzhi2{position:absolute;top:-48px;right:0;opacity:0}#shanzi1{position:absolute;top:650px;left:-60px;opacity:0}#shuzhi3{position:absolute;top:600px;left:0;opacity:0}#shuzhi4{position:absolute;top:0;right:0;opacity:0}#shuzhi5{position:absolute;top:40px;left:0;opacity:0}#shuzhi6{position:absolute;top:600px;right:0;opacity:0}#huaban1{position:absolute;top:110px;left:125px;opacity:0}#huaban2{position:absolute;top:670px;left:100px;opacity:0}#huaban3{position:absolute;top:630px;left:230px;opacity:0}#title_shan{position:absolute;top:205px;left:312px;opacity:0}#titlebg1{position:absolute;width:444px;height:172px;top:300px;left:26px;opacity:0}#pagetitle{position:absolute;width:444px;height:172px;top:276px;left:42px;opacity:0}.titletable{position:absolute;width:280px;height:141px;top:0;left:82px;display:table}#titlecontent{vertical-align:middle;display:table-cell;text-align:center;font-size:22px;line-height:33px;color:#feb5b5}.page_ctn{position:absolute;left:40px;border:solid 8px #fff;box-shadow:10px 16px 20px rgba(0,0,0,.3);opacity:0}.showwords{font-size:18px;color:#fff;position:absolute;z-index:1;bottom:20px;left:15%;width:70%;line-height:30px;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.4);letter-spacing:2px}.page_h{position:absolute;width:436px;height:296px;opacity:0;display:none}.page_ctn_h{position:absolute;width:452px;height:312px;border:solid 10px #fff;box-shadow:10px 16px 20px rgba(0,0,0,.3);opacity:0;display:none}#page3_h{position:absolute;top:48px;left:42px}#page3_ctn_h{position:absolute;top:40px;left:34px}#page4_h{position:absolute;top:417px;left:22px}#page4_ctn_h{position:absolute;top:409px;left:14px}.page_v{position:absolute;width:276px;height:406px;opacity:0;display:none}.page_ctn_v{position:absolute;width:286px;height:416px;border:solid 10px #fff;box-shadow:10px 16px 20px rgba(0,0,0,.3);opacity:0;display:none}#page3_v{position:absolute;top:12px;right:25px}#page3_ctn_v{position:absolute;top:7px;right:20px}#page4_v{position:absolute;top:342px;left:25px}#page4_ctn_v{position:absolute;top:337px;left:20px}@-webkit-keyframes page4{0%{opacity:0;-webkit-transform:scale(.9)}12%{opacity:1;-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.04)}87%{opacity:1;-webkit-transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.9)}}@-webkit-keyframes page3{0%{opacity:0;-webkit-transform:scale(.9)}12%{opacity:1;-webkit-transform:scale(1);-webkit-transform-origin:center}13%{-webkit-transform-origin:left}50%{-webkit-transform:scale(1.04)}87%{opacity:1;-webkit-transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.9);-webkit-transform-origin:left}}@-webkit-keyframes page2{0%{opacity:0;-webkit-transform:scale(.9)}12%{opacity:1;-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.12)}87%{opacity:1;-webkit-transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.9)}}@-webkit-keyframes page1{0%{opacity:0;-webkit-transform:scale(.9)}14%{opacity:1;-webkit-transform:scale(1)}53%{-webkit-transform:scale(1.1)}88%{opacity:1;-webkit-transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.9)}}@-webkit-keyframes fadein{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeout{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes shang{0%{-webkit-transform:translateY(-40px)}50%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(-40px)}}@-webkit-keyframes xia{0%{-webkit-transform:translateY(40px)}50%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(40px)}}@-webkit-keyframes luohua{0%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(1080px)}}@-webkit-keyframes shuzhi1{0%{-webkit-transform:translateY(100px);opacity:0}10%{-webkit-transform:translateY(0);opacity:1}30%{-webkit-transform:translateY(50px)}50%{-webkit-transform:translateY(0)}70%{-webkit-transform:translateY(50px)}90%{-webkit-transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(100px);opacity:0}}@-webkit-keyframes shuzhi2{0%{-webkit-transform:translateY(100px);opacity:0}10%{-webkit-transform:translateY(0);opacity:1}30%{-webkit-transform:translateY(50px)}50%{-webkit-transform:translateY(0)}70%{-webkit-transform:translateY(50px)}90%{-webkit-transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-100px);opacity:0}}@-webkit-keyframes shanzi1{0%{-webkit-transform:translateY(-100px);opacity:0}10%{-webkit-transform:translateY(0);opacity:1}30%{-webkit-transform:translateY(-30px)}50%{-webkit-transform:translateY(0)}70%{-webkit-transform:translateY(-30px)}90%{-webkit-transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(150px);opacity:0}}@-webkit-keyframes shuzhi3{0%{-webkit-transform:translateY(100px);opacity:0}12%{-webkit-transform:translateY(0);opacity:1}50%{-webkit-transform:translateY(-30px)}88%{-webkit-transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(150px);opacity:0}}@-webkit-keyframes shuzhi4{0%{-webkit-transform:translateY(-100px);opacity:0}12%{-webkit-transform:translateY(0);opacity:1}50%{-webkit-transform:translateY(30px)}88%{-webkit-transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-150px);opacity:0}}@-webkit-keyframes huaban1{0%{-webkit-transform:translateY(0);opacity:0}4%{-webkit-transform:translateY(0);opacity:1}52%{-webkit-transform:translateY(200px);opacity:0}53%{opacity:0;-webkit-transform:translateY(0)}54%{opacity:1;-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(200px);opacity:0}}@-webkit-keyframes huaban2{0%{-webkit-transform:translate(0,0);opacity:0}2%{opacity:1}34%{opacity:1}59%{-webkit-transform:translate(-280px,100px);opacity:0}61%{opacity:0;-webkit-transform:translate(130px,-40px)}62%{opacity:1}100%{-webkit-transform:translate(0,0);opacity:0}}@-webkit-keyframes huaban3{0%{-webkit-transform:translate(0,0);opacity:0}2%{opacity:1}76%{opacity:1}100%{-webkit-transform:translate(-360px,150px);opacity:0}}@-webkit-keyframes title_shan{0%{opacity:0;-webkit-transform:translate(0,-100px) rotate(-70deg)}20%{opacity:1;-webkit-transform:translate(0,0) rotate(0)}84%{opacity:1;-webkit-transform:translate(0,0) rotate(22deg)}100%{opacity:0;-webkit-transform:translate(0,30px) rotate(60deg)}}@-webkit-keyframes titlein{0%{opacity:0;-webkit-transform:translateY(50px)}20%{opacity:1;-webkit-transform:translateY(0)}51%{-webkit-transform:translateY(8px)}84%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-50px)}}@-webkit-keyframes titlebg1{0%{opacity:0;-webkit-transform:translateY(-50px)}20%{opacity:1;-webkit-transform:translateY(0)}51%{-webkit-transform:translateY(-8px)}84%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(50px)}}