html,body{width:100%;height:100%}
body{margin:0;padding:0;overflow:hidden}
.logo{position:absolute;left:2%;top:4%;z-index:100;width:116px;height:135px;background:url(images/sprite.png?0) no-repeat}
.copyright{position:absolute;left:2%;bottom:2%;z-index:100;font:14px/1 "Microsoft Yahei";color:rgba(255,255,255,0.6);-webkit-user-select:none}
.copyright:before{content:"";position:absolute;left:0;top:-80px;width:148px;height:72px;background:url(images/sprite.png?0) no-repeat -74px -416px}
.header{position:absolute;right:2%;top:4%;z-index:100;width:160px;height:40px}
.header .subscribe,.header .share{float:left;padding:0 10px;font:16px/30px "Microsoft Yahei";color:#fff;cursor:pointer}
.header .subscribe:hover,.header .share:hover{-webkit-transition-timing-function:cubic-bezier(0.6,4,0.3,0.8);transition-timing-function:cubic-bezier(0.6,4,0.3,0.8);-webkit-animation:shake .5s 1;animation:shake .5s 1}
.header:before{content:"";display:block;position:absolute;left:52px;top:8px;width:1px;height:15px;background:#fff}
.header .music{float:right;width:32px;height:32px;background:url(images/sprite.png?0) no-repeat -120px 0;cursor:pointer}
.header .music:hover{-webkit-transition-timing-function:cubic-bezier(0.6,4,0.3,0.8);transition-timing-function:cubic-bezier(0.6,4,0.3,0.8);-webkit-animation:shake .5s 1;animation:shake .5s 1}
.side_nav{position:absolute;right:1%;top:50%;z-index:90;width:15px;height:220px;margin-top:-100px}
.side_nav li{width:7px;height:7px;margin-bottom:42px;border:1px solid #fff;border-radius:50%}
.side_nav li.current{width:13px;height:13px;margin-left:-3px}
.side_nav li:nth-child(1).current{background-color:#f9d946;border-color:#f9d946}
.side_nav li:nth-child(2).current{background-color:#fb6754;border-color:#fb6754}
.side_nav li:nth-child(3).current{background-color:#4745d1;border-color:#4745d1}
.side_nav li:nth-child(4).current{background-color:#02cfc4;border-color:#02cfc4}
.side_nav li:nth-child(5).current{background-color:#f4b4ce;border-color:#f4b4ce}
.section{position:absolute;width:100%;height:100%;-webkit-transition:opacity 300ms;-o-transition:opacity 300ms;transition:opacity 300ms;overflow:hidden}
.section.active{z-index:20}
.section.ztop{z-index:40}
.op0{opacity:0}
.section0{font-size:0;overflow:hidden}
.section1{background:#815ab2}
.section1 .scwrap{position:absolute;left:50%;top:50%;width:1200px;height:550px;margin:-275px 0 0 -600px}
.section1 .info{float:left;width:265px}
.section1 .info li{margin-bottom:48px;text-align:right;opacity:0;-webkit-transform:translate(0,110px);-ms-transform:translate(0,110px);-o-transform:translate(0,110px);transform:translate(0,110px)}
.section1 .info .text{font:24px/1 "Microsoft Yahei";color:#fff}
.section1 .info .cat{margin-top:10px;font:18px/1 "Microsoft Yahei";color:#442270}
.section1 .info .cat span{color:#fb6754}
.section1 .avatar{float:left;width:375px;height:550px;margin-left:25px;background:#fff}
.section1 .avatar .img{position:relative;width:347px;height:425px;margin:14px;background:#815ab2}
.section1 .avatar .img span{position:absolute;left:0;top:-46px;background-image:url(images/sprite.png?0);background-repeat:no-repeat}
.section1 .avatar .img span.body{left:30px;width:210px;height:471px;margin-left:30px;background-position:-230px 0}
.section1 .avatar .img .ear1{left:145px;width:30px;height:82px;background-position:-120px -100px}
.section1 .avatar .img .ear2{top:18px;left:205px;width:69px;height:30px;background-position:-110px -184px}
.section1 .avatar .img .figner1{top:317px;left:63px;width:82px;height:32px;background-position:-98px -260px}
.section1 .avatar .img .figner2{top:304px;left:47px;width:69px;height:22px;background-position:-110px -215px}
.section1 .avatar .img .figner3{top:280px;left:53px;width:92px;height:64px;background-position:0 -260px}
.section1 .avatar .img .pen{top:314px;left:4px;width:100px;height:25px;background-position:0 -325px}
.section1 .avatar .ttl{margin:20px 14px 0 0;font:22px/1 "Microsoft Yahei";color:#815ab2;text-align:right}
.section1 .avatar .ttl span{font-weight:bold}
.section1 .avatar .name{margin:15px 14px 0 0;font:bold 30px/1 "Microsoft Yahei";color:#442270;text-align:right}
.section1 .pagename{position:absolute;top:-80px;right:5px;width:208px;height:208px;border:6px solid #fb6754;border-radius:50%}
.section1 .pagename .cname{margin-top:80px;width:175px;font:bold 30px/1 "Microsoft Yahei";color:#fb6754;text-align:right}
.section1 .pagename .ename{margin-top:10px;width:175px;font:24px/1 "HelveticaNeueLTPro","Microsoft Yahei";color:#fff;text-align:right}
.section1 .meme{float:right;position:relative;width:480px;height:497px}
.section1 .meme .ttl{width:220px;height:72px;overflow:hidden;margin-top:93px;margin-left:10px;background:url(images/sprite.png?0) no-repeat -445px 0;text-indent:-999px}
.section1 .meme .ttl.ttl4{width:233px;height:82px;background-position:-445px -72px}
.section1 .meme .ttl.ttl3{width:212px;height:78px;background-position:-678px 0}
.section1 .meme .ttl.ttl2{width:240px;height:55px;margin-top:110px;background-position:-678px -78px}
.section1 .meme .ttl.ttl5{width:220px;height:72px;background-position:-900px 0}
.section1 .meme .brick{position:absolute;left:78px;top:172px;z-index:20;width:6px;height:120px;background:#fb6754;pointer-events:none}
.section1 .meme .slider{position:absolute;z-index:20;top:165px;width:394px;height:242px;margin:55px 0 0 10px;overflow:hidden}
.section1 .meme .slider ul{position:absolute;top:0;left:0;width:20000px}
.section1 .meme .slider li{float:left;width:394px;height:242px}
.section1 .meme .slider li a,.section1 .meme .slider li img{display:block;width:100%;height:100%}
.section1 .meme .pages{position:absolute;top:500px;width:460px;font:18px/28px "Microsoft Yahei";color:#fff}
.section1 .meme .pages:before{content:"";display:block;position:absolute;top:-207px;left:40px;width:388px;height:248px;border:6px solid #fb6754}
.section1 .meme .pages .prev,.section1 .meme .pages .next{position:absolute;left:290px;top:-5px;width:17px;height:28px;background:url(images/sprite.png?0) no-repeat -120px -65px;cursor:pointer}
.section1 .meme .pages .prev:hover,.section1 .meme .pages .next:hover{opacity:.6}
.section1 .meme .pages .next{left:450px;background-position:-136px -65px}
.section1 .meme .pages .total{position:absolute;left:275px;top:-5px;height:28px;width:200px;text-align:center;color:#c7b9db}
.section1 .meme .pages .current{color:#fff}
.section1.active .info li{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all 750ms ease-in-out;-o-transition:all 750ms ease-in-out;transition:all 750ms ease-in-out}
.section1.active .info li:nth-child(2){-webkit-transition:all 750ms ease-in-out 80ms;-o-transition:all 750ms ease-in-out 80ms;transition:all 750ms ease-in-out 80ms}
.section1.active .info li:nth-child(3){-webkit-transition:all 750ms ease-in-out 160ms;-o-transition:all 750ms ease-in-out 160ms;transition:all 750ms ease-in-out 160ms}
.section1.active .info li:nth-child(4){-webkit-transition:all 750ms ease-in-out 240ms;-o-transition:all 750ms ease-in-out 240ms;transition:all 750ms ease-in-out 240ms}
.section1.active .info li:nth-child(5){-webkit-transition:all 750ms ease-in-out 320ms;-o-transition:all 750ms ease-in-out 320ms;transition:all 750ms ease-in-out 320ms}
.section1.active .info li:nth-child(6){-webkit-transition:all 750ms ease-in-out 400ms;-o-transition:all 750ms ease-in-out 400ms;transition:all 750ms ease-in-out 400ms}
.section1.active .info li:nth-child(7){-webkit-transition:all 750ms ease-in-out 480ms;-o-transition:all 750ms ease-in-out 480ms;transition:all 750ms ease-in-out 480ms}
.section1.active .avatar .img .pen{-webkit-animation:pen 1600ms ease-in-out infinite forwards;-webkit-transform-origin:90% 75%;-moz-transform-origin:90% 75%;-ms-transform-origin:90% 75%;-o-transform-origin:90% 75%;transform-origin:90% 75%}
.section1.active .avatar .img .figner2{-webkit-animation:figner2 1600ms ease-in-out infinite forwards;-webkit-transform-origin:85% 90%;-moz-transform-origin:85% 90%;-ms-transform-origin:85% 90%;-o-transform-origin:85% 90%;transform-origin:85% 90%}
.section1.active .avatar .img .figner1{-webkit-animation:figner1 1600ms ease-in-out infinite forwards;-webkit-transform-origin:75% 75%;-moz-transform-origin:75% 75%;-ms-transform-origin:75% 75%;-o-transform-origin:75% 75%;transform-origin:75% 75%}
.section1.active .avatar .img .ear1{-webkit-animation:ear1 1600ms ease-in-out infinite forwards;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%}
.section1.active .avatar .img .ear2{-webkit-animation:ear2 1600ms ease-in-out infinite forwards;-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%}
@-webkit-keyframes pen{0%{-webkit-transform:rotate(0);transform:rotate(0)}
18%{-webkit-transform:rotate(28deg);transform:rotate(28deg)}
30%{-webkit-transform:rotate(-11deg);transform:rotate(-11deg)}
40%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@-webkit-keyframes figner2{0%{-webkit-transform:rotate(0);transform:rotate(0)}
18%{-webkit-transform:rotate(23deg);transform:rotate(23deg)}
30%{-webkit-transform:rotate(-11deg);transform:rotate(-11deg)}
40%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@-webkit-keyframes figner1{0%{-webkit-transform:rotate(0);transform:rotate(0)}
10%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}
18%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}
30%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@-webkit-keyframes ear1{0%{-webkit-transform:rotate(0);transform:rotate(0)}
18%{-webkit-transform:rotate(-17deg);transform:rotate(-17deg)}
30%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}
40%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@-webkit-keyframes ear2{0%{-webkit-transform:rotate(0);transform:rotate(0)}
20%{-webkit-transform:rotate(-29deg);transform:rotate(-29deg)}
32%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}
42%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
.section2{background:#fb6754;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.section2 .scwrap{position:absolute;left:50%;top:50%;width:1200px;height:550px;margin:-275px 0 0 -600px}
.section2 .pagename{position:absolute;top:-85px;left:68px;width:208px;height:208px;border:6px solid #4745d1;border-radius:50%}
.section2 .pagename .cname{margin-top:80px;width:175px;font:bold 30px/1 "Microsoft Yahei";color:#4745d1;text-align:left;text-indent:44px}
.section2 .pagename .ename{margin-top:10px;width:175px;font:24px/1 "HelveticaNeueLTPro","Microsoft Yahei";color:#fff;text-align:left;text-indent:44px}
.section2 .comic .desc{position:absolute;left:370px;top:110px;box-sizing:border-box;width:470px;height:255px;padding:15px 27px 133px;border:6px solid #4745d1;font:bold 24px/44px "Microsoft Yahei";color:#fff}
.section2 .comic .desc span{height:44px;width:408px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.section2 .comic .pages{position:absolute;top:300px;left:400px;width:460px;font:18px/28px "Microsoft Yahei";color:#fff}
.section2 .comic .pages .prev,.section2 .comic .pages .next{position:absolute;left:280px;top:-5px;width:17px;height:28px;background:url(images/sprite.png?0) no-repeat -120px -65px;cursor:pointer}
.section2 .comic .pages .prev:hover,.section2 .comic .pages .next:hover{opacity:.6}
.section2 .comic .pages .next{left:450px;background-position:-136px -65px}
.section2 .comic .pages .total{position:absolute;left:265px;top:-5px;height:28px;width:200px;text-align:center;color:#fdbdb7}
.section2 .comic .pages .current{color:#fff}
.section2 .comic .photo{position:absolute;bottom:0;left:0;width:640px;height:360px;overflow:hidden;cursor:pointer}
.section2 .comic .photo img{display:block;width:100%;height:auto}
.section2 .comic .photo .number{position:absolute;left:-130px;top:150px;width:360px;height:60px;font:bold 44px/60px "Microsoft Yahei";color:#fb6754;text-indent:20px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
.section2 .comic .photo .number:before{content:"";display:block;position:absolute;right:0;top:25px;width:130px;height:10px;background:#fb6754}
.section2 .comic .photo .btn{opacity:0;pointer-events:none;position:absolute;left:50%;top:50%;width:120px;height:120px;margin:-60px 0 0 -60px;background:#fb6754;border-radius:50%;font:16px/120px "Microsoft Yahei";color:#fff;text-indent:65px;transform:scale(0.9)}
.section2 .comic .photo .btn i{position:absolute;left:20px;top:37px;width:25px;height:45px;background:url(images/sprite.png?0) no-repeat -154px -51px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
.section2 .comic .photo:hover .filter{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5)}
.section2 .comic .photo:hover .btn{opacity:1;transform:scale(1);transition:transform .3s}
.section2 .photos{position:absolute;right:-8px;top:0;width:308px;height:558px;overflow:hidden}
.section2 .photos ul{position:absolute;left:0;top:0;-webkit-transition:100ms ease;-o-transition:100ms ease;transition:100ms ease}
.section2 .photos li{position:relative;width:300px;height:170px;margin:6px 0 20px 0;cursor:pointer}
.section2 .photos li .img_wrap{width:100%;height:100%;overflow:hidden}
.section2 .photos li img{position:relative;display:block;width:100%;height:auto}
.section2 .photos li .number{position:absolute;left:-70px;top:60px;width:170px;height:60px;font:bold 44px/60px "Microsoft Yahei";color:#fb6754;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
.section2 .photos li .filter{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,0.85)}
.section2 .photos li.current .number,.section2 .photos li.current .filter{display:none}
.section2 .photos li.current:before{display:block;content:"";position:absolute;right:-6px;top:-6px;width:100px;height:100px;background:#4745d1}
.section2 .photos li:hover .filter{background:rgba(255,255,255,0.75)}
.section2 .stuff .flower{position:absolute;top:48px;left:200px;width:73px;height:142px;background:url(images/sprite.png?0) no-repeat 0 -350px}
.section2 .stuff .hole{position:absolute;left:660px;bottom:-75px;width:220px;height:260px}
.section2 .stuff .hole .holebg{position:absolute;left:0;bottom:0;width:220px;height:140px;background:url(images/sprite.png?0) no-repeat 0 -495px}
.section2 .stuff .hole .holeedge{position:absolute;left:0;bottom:0;width:220px;height:61px;background:url(images/sprite.png?0) no-repeat 0 -638px}
.section2 .stuff .hole .wss{position:absolute;left:72px;bottom:52px;width:132px;height:205px;background:url(images/sprite.png?0) no-repeat -230px -495px;-webkit-transition:bottom 500ms ease-in-out;-o-transition:bottom 500ms ease-in-out;transition:bottom 500ms ease-in-out}
.section2 .stuff .hole:hover .wss{bottom:-160px}
.section2 .stuff .hole:after{content:"";display:block;position:absolute;top:258px;left:0;width:220px;height:210px;background:#fb6754}
.section2 .stuff .paper{position:absolute;left:895px;top:560px}
.section2 .stuff .paper:after{content:"";display:block;position:absolute;left:0;top:0;width:53px;height:48px;background:url(images/sprite.png?0) no-repeat -110px -325px}
.section2 .stuff .paper:before{content:"";display:block;position:absolute;left:-7px;top:35px;width:36px;height:14px;border-radius:50%;background:#cb5546}
.section2.active .stuff .paper:after{-webkit-animation:paper 4000ms ease-in-out infinite forwards;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%}
.photoview{display:none;position:absolute;left:0;top:0;right:0;bottom:0;z-index:120;background:rgba(0,0,0,0.8)}
.photoview .photoview_wrap{position:absolute;top:40px;bottom:40px;right:50px;left:50px;overflow:auto;text-align:center}
.photoview img{display:inline-block;max-width:80%;max-height:99%;cursor:url(http://img1.cache.netease.com/cnews/img12/datablog/zoomin.cur),pointer}
.photoview img.zoomin{max-height:none}
.photoview .btn_close{position:absolute;right:10px;top:10px;font:48px/1 "Ariel";color:#fff;cursor:pointer}
.photoview ::-webkit-scrollbar{width:10px;height:10px;background-color:#333}
.photoview ::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,0.3);background-color:#f1f1f1;border-radius:5px}
.photoview ::-webkit-scrollbar-thumb{border-radius:10px;background-color:#aaa}
.photoview ::-webkit-scrollbar-button{height:0;background-color:#b0aeda}
@-webkit-keyframes paper{0%{-webkit-transform:rotate(0);transform:rotate(0)}
4%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}
8%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}
10%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
.section3{background:#f1dc23}
.section3 .bg{width:100%;height:100%;-webkit-background-size:cover;background-size:cover;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;opacity:.2;filter:alpha(opacity=20);-webkit-filter:blur(5px);-moz-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px)}
.section3 .scwrap{position:absolute;left:50%;top:50%;width:1200px;height:550px;margin:-275px 0 0 -600px}
.section3 .pagename{position:absolute;top:-75px;left:230px;width:208px;height:208px;border:6px solid #02cfc4;border-radius:50%}
.section3 .pagename .cname{margin-top:80px;width:175px;font:bold 30px/1 "Microsoft Yahei";color:#02cfc4;text-align:left;text-indent:70px}
.section3 .pagename .ename{margin-top:10px;width:175px;font:24px/1 "HelveticaNeueLTPro","Microsoft Yahei";color:#2a2d27;text-align:left;text-indent:70px}
.section3 .gifts{position:absolute;left:50%;top:50%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.section3 .gifts:before{content:"";display:block;position:absolute;left:-1545px;top:-75px;width:3090px;height:1080px;border:4px solid #fff6aa;border-radius:50%}
.section3 .gifts ul{position:absolute;left:-100px;top:-175px;width:200px;height:200px;-webkit-transform-origin:50% 2000%;-moz-transform-origin:50% 2000%;-ms-transform-origin:50% 2000%;-o-transform-origin:50% 2000%;transform-origin:50% 2000%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-transition:100ms;-o-transition:100ms;transition:100ms}
.section3 .gifts .item{position:absolute;left:50%;top:50%}
.section3 .gifts .item a:before{content:"";display:none;box-sizing:border-box;position:absolute;left:-115px;top:-210px;width:230px;height:420px;border:6px solid #02cfc4}
.section3 .gifts .item.current a .simg,.section3 .gifts .item a:hover .simg{display:none}
.section3 .gifts .item.current a:before,.section3 .gifts .item a:hover:before,.section3 .gifts .item.current a .index,.section3 .gifts .item a:hover .index,.section3 .gifts .item.current a .ttl,.section3 .gifts .item a:hover .ttl,.section3 .gifts .item.current a .oimg,.section3 .gifts .item a:hover .oimg{display:block}
.section3 .gifts .item .oimg,.section3 .gifts .item .simg{position:absolute;left:-80px;top:-80px;display:block;width:152px;height:152px;border:4px solid #fff;border-radius:50%;background:#fff;-webkit-transition:300ms;-o-transition:300ms;transition:300ms}
.section3 .gifts .item .oimg{display:none;left:-160px;top:-185px;width:312px;height:312px}
.section3 .gifts .item .index{display:none;position:absolute;left:-250px;top:95px;width:200px;font:bold 44px/1 "Microsoft Yahei";color:#02cfc4;vertical-align:middle;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
.section3 .gifts .item .index:before{content:"";display:block;box-sizing:border-box;position:absolute;left:60px;top:18px;width:100px;height:6px;background:#02cfc4}
.section3 .gifts .item .ttl{display:none;position:absolute;top:160px;left:-110px;width:220px;height:24px;overflow:hidden;font:24px/1 "Microsoft Yahei";color:#2a2d27;text-align:center}
.section3 .gifts .item.item1{margin:20px 0 0 -400px;-webkit-transform:rotate(-5.85deg);-ms-transform:rotate(-5.85deg);-o-transform:rotate(-5.85deg);transform:rotate(-5.85deg)}
.section3 .gifts .item.item2{margin:82px 0 0 -795px;-webkit-transform:rotate(-11.7deg);-ms-transform:rotate(-11.7deg);-o-transform:rotate(-11.7deg);transform:rotate(-11.7deg)}
.section3 .tips{position:absolute;bottom:0;left:50%;height:235px;pointer-events:none;transform-origin:100% 100%}
.section3 .tips .arm1{position:absolute;top:0;left:-185px;width:120px;height:235px;background:url(images/sprite.png?0) no-repeat 0 -705px;-webkit-animation:arm 3000ms ease-in-out infinite forwards}
.section3 .tips .arm2{position:absolute;top:0;left:50px;width:90px;height:235px;background:url(images/sprite.png?0) no-repeat -125px -705px;-webkit-animation:arm 3000ms ease-in-out infinite forwards}
.section3 .tips .head{position:absolute;top:77px;left:-112px;width:165px;height:161px;background:url(images/sprite.png?0) no-repeat -230px -705px;-webkit-animation:arm 3000ms ease-in-out 300ms infinite forwards}
.section3 .tips .text{position:absolute;top:35px;left:-56px;width:112px;height:20px;font:18px/1 "Microsoft Yahei";color:#2a2d27;text-align:center;-webkit-animation:arm 3000ms ease-in-out 300ms infinite forwards}
.section3 .tips .text:before{content:"";display:block;position:absolute;left:8px;top:-30px;width:96px;height:23px;background:url(images/sprite.png?0) no-repeat -110px -378px}
@-webkit-keyframes arm{0%{-webkit-transform:translate(-10px,0);transform:translate(-10px,0)}
50%{-webkit-transform:translate(10px,0);transform:translate(10px,0)}
100%{-webkit-transform:translate(-10px,0);transform:translate(-10px,0)}
}
.section4{background:#5cbdc8}
.section4 .line{position:absolute;top:50%;left:0;width:200%;height:6px;margin-top:255px;background:#f4b4ce;-webkit-transform-origin:0 -4250%;-moz-transform-origin:0 -4250%;-ms-transform-origin:0 -4250%;-o-transform-origin:0 -4250%;transform-origin:0 -4250%}
.section4 .scwrap{position:absolute;left:50%;top:50%;width:1200px;height:550px;margin:-275px 0 0 -600px}
.section4 .pagename{position:absolute;bottom:-10px;right:-20px;width:208px;height:208px;border:6px solid #f4b4ce;border-radius:50%;background:#5cbdc8}
.section4 .pagename .cname{margin-top:100px;width:175px;font:bold 30px/1 "Microsoft Yahei";color:#f4b4ce;text-align:left;text-indent:70px}
.section4 .pagename .ename{margin-top:10px;width:175px;font:24px/1 "HelveticaNeueLTPro","Microsoft Yahei";color:#fff;text-align:left;text-indent:70px}
.section4 .history_nav{width:300px;height:490px;margin-top:-50px;background:url(images/history_nav.png) repeat}
.section4 .history_nav .history_nav_wrap{position:relative;height:490px;overflow:hidden}
.section4 .history_nav ul{position:absolute;top:0;width:100%;-webkit-transition:100ms ease;-o-transition:100ms ease;transition:100ms ease}
.section4 .history_nav li{position:relative;height:60px;padding-top:35px;font:18px/30px "GillSans","Myriad Pro","Microsoft Yahei";color:#19666e;cursor:pointer}
.section4 .history_nav li .year{width:120px;font-style:italic;text-align:center}
.section4 .history_nav li:before{content:"";display:block;position:absolute;left:108px;top:46px;width:4px;height:4px;border:3px solid #fff;border-radius:50%}
.section4 .history_nav li:hover:after{content:"";display:block;position:absolute;left:101px;top:50px;width:24px;height:2px;background-color:#fff}
.section4 .history_nav li .date{position:absolute;left:154px;top:35px;font-style:italic}
.section4 .history_nav li .ttl{position:absolute;left:154px;top:60px;padding:5px 0;border-bottom:2px solid #19666e;line-height:18px}
.section4 .history_nav li.current{color:#fff}
.section4 .history_nav li.current:after{content:"";display:block;position:absolute;left:101px;top:50px;width:24px;height:2px;background-color:#fff}
.section4 .history_nav li.current .ttl{border-bottom:0}
.section4 .history_nav li.current .ttl:before{content:"";display:block;position:absolute;right:-30px;top:8px;width:25px;height:15px;background:url(images/sprite.png?0) no-repeat -154px -100px}
.section4 .history_ctrl .prev,.section4 .history_ctrl .next{position:absolute;left:95px;top:442px;width:35px;height:35px;background:url(images/sprite.png?0) no-repeat -74px -378px;cursor:pointer}
.section4 .history_ctrl .prev:hover,.section4 .history_ctrl .next:hover{opacity:.6}
.section4 .history_ctrl .next{top:486px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.section4 .history_cnt .img{display:block;position:absolute;left:370px;top:32px;width:700px;height:215px;background-color:#fff;-webkit-user-select:none}
.section4 .history_cnt .img img{display:block;width:100%;height:100%}
.section4 .history_cnt:before{content:"";display:block;position:absolute;left:500px;top:0;width:610px;height:210px;border:6px solid #f4b4ce}
.section4 .history_cnt .date{position:absolute;left:369px;top:31px;height:50px;padding-right:10px;font:bold 32px/50px "Microsoft Yahei";color:#fff;background-color:#5cbdc8}
.section4 .history_cnt .ttl{position:absolute;left:405px;top:120px;width:150px;font:bold 24px/32px "Microsoft Yahei";color:#5cbdc8;text-align:center}
.section4 .history_cnt .ttl:before{content:"\ff02";display:block;position:absolute;right:-25px;top:0;font-size:72px;font-weight:normal;font-style:italic}
.section4 .history_cnt .ttl:after{content:"";display:block;position:absolute;bottom:-105px;left:72px;width:6px;height:90px;background:#5cbdc8}
.section4 .history_cnt .desc{position:absolute;top:32px;left:600px;width:420px;height:220px}
.section4 .history_cnt .desc span{vertical-align:middle;display:inline-block;font:20px/1.5 "Microsoft Yahei";color:#2a2d27}
.section4 .history_cnt .desc i{height:100%;vertical-align:middle;width:0;display:inline-block}
.section4 .history_cnt .desc span.open_qrcode{position:relative;cursor:pointer}
.section4 .history_cnt .desc span.open_qrcode i.game_qrcode{display:none;position:absolute;width:150px;height:150px;left:-150px;top:-60px;background:url(images/qr_game.png);background-size:contain}
.section4 .wss{position:absolute;left:453px;top:140px;width:591px;height:385px;pointer-events:none}
.section4 .wss .wss_body{position:absolute;left:15px;top:50px;width:591px;height:385px;background:url(images/sprite.png?0) no-repeat -445px -212px}
.section4 .wss .wss_ear_left{position:absolute;left:500px;top:-12px;width:30px;height:82px;background:url(images/sprite.png?0) no-repeat -120px -100px;-webkit-animation:wss_ear_left 3500ms linear infinite forwards;transform-origin:50% 100%}
.section4 .wss .wss_ear_right{position:absolute;left:560px;top:55px;width:69px;height:30px;background:url(images/sprite.png?0) no-repeat -110px -184px;-webkit-animation:wss_ear_right 3500ms linear infinite forwards;transform-origin:0 90%}
.section4 .wss .wss_foot{position:absolute;left:65px;top:335px;width:82px;height:67px;background:url(images/sprite.png?0) no-repeat -670px -600px;-webkit-animation:wss_foot 3500ms linear infinite forwards;transform-origin:100% 20%}
.section4 .wss .wss_eye{position:absolute;left:484px;top:91px;width:31px;height:31px;background:url(images/sprite.png?0) no-repeat -670px -155px;-webkit-animation:wss_eye 3500ms steps(1) infinite forwards}
.section4 .wss .wss_hand{position:absolute;left:213px;top:130px;width:54px;height:62px;background:url(images/sprite.png?0) no-repeat -610px -600px;-webkit-animation:wss_hand 3500ms linear infinite forwards;transform-origin:100% 70%}
@-webkit-keyframes wss_hand{0%{transform:rotate(0)}
5%{transform:rotate(0)}
10%{transform:rotate(12deg)}
15%{transform:rotate(0)}
20%{transform:rotate(12deg)}
25%{transform:rotate(0)}
100%{transform:rotate(0)}
}
@-webkit-keyframes wss_foot{0%{transform:rotate(0)}
34%{transform:rotate(0)}
38%{transform:rotate(5deg)}
42%{transform:rotate(0)}
46%{transform:rotate(5deg)}
50%{transform:rotate(0)}
100%{transform:rotate(0)}
}
@-webkit-keyframes wss_ear_left{0%{transform:rotate(-10deg)}
37%{transform:rotate(-10deg)}
51%{transform:rotate(0)}
82%{transform:rotate(0)}
88%{transform:rotate(-10deg)}
92%{transform:rotate(-15deg)}
94%{transform:rotate(-10deg)}
97%{transform:rotate(-13deg)}
100%{transform:rotate(-10deg)}
}
@-webkit-keyframes wss_ear_right{0%{transform:rotate(-15deg)}
34%{transform:rotate(-15deg)}
48%{transform:rotate(0)}
82%{transform:rotate(0)}
88%{transform:rotate(-15deg)}
92%{transform:rotate(-20deg)}
94%{transform:rotate(-15deg)}
97%{transform:rotate(-18deg)}
100%{transform:rotate(-15deg)}
}
@-webkit-keyframes wss_eye{0%{opacity:1}
33%{opacity:0}
90%{opacity:1}
100%{opacity:1}
}
.section4 .paper{position:absolute;left:245px;top:515px}
.section4 .paper:after{content:"";display:block;position:absolute;left:0;top:0;width:53px;height:48px;background:url(images/sprite.png?0) no-repeat -110px -325px}
.section4 .paper:before{content:"";display:block;position:absolute;left:7px;top:39px;width:36px;height:14px;border-radius:50%;background:#5ea6ab}
.section4.active .paper:after{-webkit-animation:paper 4000ms ease-in-out infinite forwards;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%}
.slide_nav li:before{content:"";display:block;position:absolute;width:23px;height:96px;background:url(images/sprite.png?0) no-repeat -155px 0}
.slide_nav .next{position:absolute;bottom:4%;right:1%;z-index:30;width:120px;height:120px;border-radius:50%;cursor:pointer;-webkit-transition:opacity 100ms;-o-transition:opacity 100ms;transition:opacity 100ms}
.slide_nav .next .bgf{width:100%;height:100%;border-radius:50%}
.slide_nav .next .name{position:absolute;left:18px;top:65px;height:20px}
.slide_nav .next .name:before{position:absolute;top:-22px;left:0;font:16px/1 "Microsoft Yahei";color:#fff}
.slide_nav .next:before{left:73px;top:-38px}
.slide_nav .next0 .bgf{background:#815ab2}
.slide_nav .next0 .name{width:75px;background:url(images/sprite.png?0) no-repeat 0 -160px}
.slide_nav .next0 .name:before{content:"\770b\4e0b\9762"}
.slide_nav .next1 .bgf{background:#fb6754}
.slide_nav .next1 .name{width:50px;background:url(images/sprite.png?0) no-repeat 0 -180px}
.slide_nav .next1 .name:before{content:"\65e5\5e38"}
.slide_nav .next2 .bgf{background:#f1dc23}
.slide_nav .next2 .name{width:70px;background:url(images/sprite.png?0) no-repeat 0 -200px}
.slide_nav .next2 .name:before{content:"\5468\8fb9"}
.slide_nav .next3 .bgf{background:#5cbdc8}
.slide_nav .next3 .name{width:100px;background:url(images/sprite.png?0) no-repeat 0 -220px}
.slide_nav .next3 .name:before{content:"\5386\53f2"}
.slide_nav .prev{position:absolute;top:4%;right:1%;z-index:30;width:120px;height:120px;margin-top:30px;border-radius:50%;cursor:pointer;-webkit-transition:opacity 100ms;-o-transition:opacity 100ms;transition:opacity 100ms}
.slide_nav .prev .bgf{width:100%;height:100%;border-radius:50%}
.slide_nav .prev .name{position:absolute;left:18px;top:65px;height:20px}
.slide_nav .prev .name:before{position:absolute;top:-22px;left:0;font:16px/1 "Microsoft Yahei";color:#fff}
.slide_nav .prev:before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);left:80px;top:80px}
.slide_nav .prev1 .bgf{background:#fa3b4b}
.slide_nav .prev1 .name{width:75px;background:url(images/sprite.png?0) no-repeat 0 -240px}
.slide_nav .prev1 .name:before{content:"\738b\4e09\4e09"}
.slide_nav .prev2 .bgf{background:#815ab2}
.slide_nav .prev2 .name{width:100px;background:url(images/sprite.png?0) no-repeat 0 -140px}
.slide_nav .prev2 .name:before{content:"\7b80\4ecb"}
.slide_nav .prev3 .bgf{background:#fb6754}
.slide_nav .prev3 .name{width:100px;background:url(images/sprite.png?0) no-repeat 0 -180px}
.slide_nav .prev3 .name:before{content:"\65e5\5e38"}
.slide_nav .prev4 .bgf{background:#f1dc23}
.slide_nav .prev4 .name{width:100px;background:url(images/sprite.png?0) no-repeat 0 -200px}
.slide_nav .prev4 .name:before{content:"\5468\8fb9"}
.slide_nav .active .bgf{-webkit-transition:transform 2s;-o-transition:transform 2s;transition:transform 2s;-webkit-transform:scale(50);-ms-transform:scale(50);-o-transform:scale(50);transform:scale(50)}
.share_wrap{display:none}
.share_wrap .filter{position:absolute;left:0;top:0;right:0;bottom:0;z-index:400}
.share_wrap .share_list{position:absolute;right:0;top:0;bottom:0;z-index:440;width:260px;background:rgba(255,255,255,0.95)}
.share_wrap .share_list_inner{position:absolute;top:50%;left:80px;width:140px;height:420px;margin-top:-210px}
.share_wrap .share_list_inner h3{font:16px/1 "Microsoft Yahei";color:#989896}
.share_wrap .share_list_inner ul{padding-top:15px;margin-bottom:25px}
.share_wrap .share_list_inner .item{position:relative;padding-top:15px;cursor:pointer}
.share_wrap .share_list_inner .item .icon{display:block;float:left;width:28px;height:28px;background:url(images/sprite.png?0) no-repeat -450px -600px}
.share_wrap .share_list_inner .item .icon_wb .icon{background-position:-480px -600px}
.share_wrap .share_list_inner .item .icon_wy .icon{background-position:-510px -600px}
.share_wrap .share_list_inner .item .icon_yx .icon{background-position:-540px -600px}
.share_wrap .share_list_inner .item .icon_qq .icon{background-position:-570px -600px}
.share_wrap .share_list_inner .item .ttl{font:16px/28px "Microsoft Yahei";color:#2d2f28;text-indent:20px}
.share_wrap .share_list_inner .item .qrcode{display:none;margin-top:4px}
.share_wrap .share_list_inner .item .qrcode img{display:block}
.share_wrap .share_list_inner .item:hover .qrcode{display:block}
.share_wrap .share_list_inner .item:hover .ttl{color:#df3846}
.share_wrap .share_list_inner .item:hover:before{content:"";display:block;position:absolute;left:-21px;top:27px;width:25px;height:3px;background:#df3846}
.share_wrap .share_list_inner .item:hover .icon{background-position:-450px -630px}
.share_wrap .share_list_inner .item:hover .icon_wb .icon{background-position:-480px -630px}
.share_wrap .share_list_inner .item:hover .icon_wy .icon{background-position:-510px -630px}
.share_wrap .share_list_inner .item:hover .icon_yx .icon{background-position:-540px -630px}
.share_wrap .share_list_inner .item:hover .icon_qq .icon{background-position:-570px -630px}
.loading{position:absolute;left:0;bottom:0;right:0;top:0;z-index:100;background:#fa3b4b}
.loading .loading_content{position:absolute;left:50%;top:50%;width:200px;height:200px;margin:-150px 0 0 -100px}
.loading .loading_face{position:absolute;left:50%;top:50%;width:84px;height:97px;margin:-49px 0 0 -42px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABhCAYAAABI3IbfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNkMxMTk3RTNBMDYxMUU3ODgwMUVDOTc1M0VFREQwRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxNkMxMTk3RjNBMDYxMUU3ODgwMUVDOTc1M0VFREQwRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QzExOTdDM0EwNjExRTc4ODAxRUM5NzUzRUVERDBEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE2QzExOTdEM0EwNjExRTc4ODAxRUM5NzUzRUVERDBEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aHky2AAAFEdJREFUeNrcXQl4VFWW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) no-repeat}
.loading .loading_eye{position:absolute;left:50%;top:70px;width:12px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxRjdDQTRBMjNBMDYxMUU3QTRCNkI4ODUzMjJEQkFFRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxRjdDQTRBMzNBMDYxMUU3QTRCNkI4ODUzMjJEQkFFRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFGN0NBNEEwM0EwNjExRTdBNEI2Qjg4NTMyMkRCQUVEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFGN0NBNEExM0EwNjExRTdBNEI2Qjg4NTMyMkRCQUVEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+bgbUWgAAAeZJREFUeNpkUt1LU3EYfn7nt5yiZ5noWI6KPsiP2gZlTa/ywugDbSBeSsTMsIvuo6sgiCKIPi4igiDYlg7/AYv0JtpFVxbLNNycOJzlUebJtXN2znn7nTP6oB544X15n/fleT8YEcGGrqukKAqmXr1Gen4BFcPAkbbDOHO6Dz6fDzU1MrN5zC6wyfHxCTx49BhWkx9lz26RkVCrFsC+ZjESjWJs9DLcbg9z2eRY4iUePnkKtWsQ5i4/zI11UEWDfuAEpO/reJ5IwjBNXLs6Riyfz9C5CxFBHoIht+BHagbG6oojkzd7Ud97HlJpE/K7GCbiMfDOo+03U5k1lEU3bfY9KrlF/AKVtgHLAt9zCLxUhLu8BSk9/0Vo9jmEysoS/oWeXajmGlsx+2kOEudctKpuikn8vwKpQa46jFXjYEc76op5J3AHjgvhf4okeSfqwqccf8dmHoGONrBCIUdnByIohvphNu8D6RpM5Rs8cj2G+nrwdnEVS9mMGDqOpBgamrZFyckEBbpCtH/kBu29/syxF6k02cisKRTsOUn37t8lm+uyLxgZ6CeXi+PW7TuwGpqw7fEjd7AW6O7E8uePuHJxGKPRS8612d+voaoq3kxP40N6TmzTwrFQEN3hMLzelt+v8VOAAQB6bNI6wc7vuQAAAABJRU5ErkJggg==) no-repeat;transform-origin:50% 0}
.loading .loading_eye_left{margin:0 0 0 -30px;-webkit-animation:circle 2000ms ease-in-out infinite forwards}
.loading .loading_eye_right{margin:0 0 0 17px;-webkit-animation:circle 2000ms ease-in-out infinite forwards}
.loading .loading_redpot{position:absolute;left:50%;top:180px;width:15px;height:15px;margin-left:-8px;background:#fff;border-radius:50%;transform-origin:50% -600%;-webkit-animation:circle 2000ms ease-in-out infinite forwards}
@-webkit-keyframes circle{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@keyframes shake{from,to{-webkit-transform:translate(0,0);transform:translate(0,0)}
25%{-webkit-transform:translate(-2px,0);transform:translate(-2px,0)}
50%{-webkit-transform:translate(2px,0);transform:translate(2px,0)}
75%{-webkit-transform:translate(-3px,0);transform:translate(-3px,0)}
}
@-webkit-keyframes shake{from,to{-webkit-transform:translate(0,0);transform:translate(0,0)}
25%{-webkit-transform:translate(-2px,0);transform:translate(-2px,0)}
50%{-webkit-transform:translate(2px,0);transform:translate(2px,0)}
75%{-webkit-transform:translate(-3px,0);transform:translate(-3px,0)}
}

