@charset "UTF-8";html{overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:100%;color:#000;background-color:#FFF}body{margin:0;word-wrap:break-word}:active{outline:0}:visited{outline:0}:link,:visited,ins{text-decoration:none}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,video,canvas{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,select,textarea,p,blockquote,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0}fieldset,iframe{border:0 none}img{border:0 none;-ms-interpolation-mode:bicubic;vertical-align:middle}address,caption,cite,code,dfn,em,i,th,var,optgroup{font-style:normal;font-weight:400}h1,h2,h3,h4,h5,h6,code,kbd,samp,tt,sup,sub,small,input,button,textarea,select{font-size:100%}abbr,acronym{border:0 none;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}textarea{overflow:auto;vertical-align:top;resize:vertical}ol,ul,menu{list-style:none outside none}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}caption,th{text-align:left}sup{vertical-align:text-top}sub{vertical-align:text-bottom}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}mark{background-color:#FF6}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}input,select,button{vertical-align:middle}button{width:auto;cursor:pointer;overflow:visible;border:0}input[type=checkbox],input[type=radio]{box-sizing:border-box}button::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner{border:0 none;padding:0}html{overflow:hidden}body{font-family:'微软雅黑',Arial,Helvetica,sans-serif;width:100%;height:100%}#title{position:absolute;top:14px;left:14px;z-index:99;background:url("/static/cover/images/yesees.png") 0 0 no-repeat;width:128px;height:26px;font-size:0;line-height:999;overflow:hidden}#title.active{background-position:0 bottom}#nav{position:absolute;top:50%;right:28px;z-index:99;margin-top:-90px}#nav i{display:block;width:10px;height:10px;margin-top:20px;background-color:#c3d0d4;border-radius:5px;cursor:pointer}#nav i.active{background-color:#2e4d43}#topbar{position:absolute;top:10px;right:10px;font-size:12px}#topbar a{display:inline-block;margin:0 8px;color:#9fafbd}#topbar a:hover{color:#ff4d00}#download-btn{position:absolute;display:none;top:14px;left:150px;width:85px;height:26px;color:#fff;text-align:center;line-height:26px;font-size:14px;border:1px solid #fff;border-radius:3px;z-index:99}#download-btn:hover{background-color:#72ba00}#download-btn:active{background-color:#67a800}.zoom-out{z-index:99;opacity:0}.shape i{position:absolute;display:block;background:url("/static/cover/images/shape.png") no-repeat}#seven{display:block;position:absolute;top:50%;left:50%;margin-left:-210px;margin-top:-330px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}#seven.active{margin-left:-400px}#fake_seven{display:none}#avatar-ctn{position:relative;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;-ms-transition:-ms-transform .3s;transition:transform .3s}#avatar-ctn .round{position:absolute;top:0;left:0;opacity:0;border-radius:50px;border:3px solid #fff;-webkit-transition:-webkit-transform .3s,opacity 1s;-moz-transition:-moz-transform .3s,opacity 1s;-ms-transition:-ms-transform .3s,opacity 1s;transition:transform .3s,opacity 1s;-webkit-box-shadow:1px 1px 5px rgba(0,0,0,.3);-moz-box-shadow:1px 1px 5px rgba(0,0,0,.3);box-shadow:1px 1px 5px rgba(0,0,0,.3)}#avatar-ctn .round img{border-radius:50px;vertical-align:middle}#avatar-ctn .round.active{opacity:1}#slogan{position:absolute;top:50%;left:50%;z-index:1;width:0;height:0;padding-top:140px;margin-left:-60px;margin-top:-130px;overflow:hidden;background:url("/static/cover/images/slogan.png") 0 0 no-repeat;-webkit-transition:width 1.4s,height .2s linear 1s;-moz-transition:width 1.4s,height .2s linear 1s;-ms-transition:width 1.4s,height .2s linear 1s;transition:width 1.4s,height .2s linear 1s}#slogan.active{width:600px;height:60px}#slogan .download{display:block;width:280px;height:60px;background:url("/static/cover/images/btn.png") 0 0 no-repeat;font-size:0;line-height:999;overflow:hidden}#slogan .preview{display:block;width:280px;height:60px;background:url("/static/cover/images/btn_preview.png") 0 0 no-repeat;font-size:0;line-height:999;overflow:hidden}#slogan .login{display:block;width:280px;height:60px;background:url("/static/cover/images/btn_login.png") 0 0 no-repeat;font-size:0;line-height:999;overflow:hidden}#color{position:absolute;width:1694px;font-size:38px;opacity:0;left:0;bottom:0;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-ms-transition:opacity 1s;transition:opacity 1s;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}#color img{display:none}#color.active{opacity:1}#color a{position:relative;z-index:2;float:left;text-align:center;color:#fff;-webkit-transition:-webkit-transform .5s;-moz-transition:-moz-transform .5s;-ms-transition:-ms-transform .5s;transition:transform .5s}#color .color-win{z-index:2;width:30%;top:45%;text-indent:-6%}#color .color-mac{z-index:1;width:15%;top:50%;text-indent:-8%}#color .color-ipad{z-index:2;width:25%;top:60%;text-indent:-10%}#color .color-iphone{z-index:1;width:15%;top:50%;text-indent:-7%}#color .color-wp{z-index:2;width:15%;top:50%}#color.real-color span{position:relative;z-index:2}#color.real-color a::after{position:absolute;display:block;content:' '}#color.real-color a:hover{-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}#color.real-color .color-win::after{top:0;left:0;z-index:1;width:900px;height:610px;background-color:#0085ec;opacity:.7;border-radius:450px/305px;-webkit-transform:translate(-190px,-40px) rotateZ(32deg);-moz-transform:translate(-190px,-40px) rotateZ(32deg);-ms-transform:translate(-190px,-40px) rotateZ(32deg);transform:translate(-190px,-40px) rotateZ(32deg)}#color.real-color .color-mac::after{top:0;left:0;z-index:1;width:768px;height:376px;background-color:#ffea0c;border-radius:384px/188px;-webkit-transform:translate(-450px,64px) rotateZ(124deg);-moz-transform:translate(-450px,64px) rotateZ(124deg);-ms-transform:translate(-450px,64px) rotateZ(124deg);transform:translate(-450px,64px) rotateZ(124deg)}#color.real-color .color-ipad::after{top:0;left:0;z-index:1;width:680px;height:380px;background-color:#ff6000;opacity:.75;border-radius:320px/190px;-webkit-transform:translate(-295px,-30px) rotateZ(330deg);-moz-transform:translate(-295px,-30px) rotateZ(330deg);-ms-transform:translate(-295px,-30px) rotateZ(330deg);transform:translate(-295px,-30px) rotateZ(330deg)}#color.real-color .color-iphone::after{top:0;left:0;z-index:1;width:768px;height:376px;background-color:#60d4a2;border-radius:384px/188px;-webkit-transform:translate(-470px,45px) rotateZ(315deg);-moz-transform:translate(-470px,45px) rotateZ(315deg);-ms-transform:translate(-470px,45px) rotateZ(315deg);transform:translate(-470px,45px) rotateZ(315deg)}#color.real-color .color-wp::after{top:0;left:0;z-index:1;opacity:.7;width:790px;height:570px;background-color:#8ec80e;border-radius:395px/285px;-webkit-transform:translate(-335px,15px) rotateZ(300deg);-moz-transform:translate(-335px,15px) rotateZ(300deg);-ms-transform:translate(-335px,15px) rotateZ(300deg);transform:translate(-335px,15px) rotateZ(300deg)}@-webkit-keyframes waveup{0%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,-50px,0);-moz-transform:translate3d(0,-50px,0);-ms-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}100%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-moz-keyframes waveup{0%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,-50px,0);-moz-transform:translate3d(0,-50px,0);-ms-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}100%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes waveup{0%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,-50px,0);-moz-transform:translate3d(0,-50px,0);-ms-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}100%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}#color.active .color-win{-webkit-animation:waveup 1s linear 0s;-moz-animation:waveup 1s linear 0s;-ms-animation:waveup 1s linear 0s;animation:waveup 1s linear 0s}#color.active .color-mac{-webkit-animation:waveup 1s linear .5s;-moz-animation:waveup 1s linear .5s;-ms-animation:waveup 1s linear .5s;animation:waveup 1s linear .5s}#color.active .color-ipad{-webkit-animation:waveup 1s linear 1s;-moz-animation:waveup 1s linear 1s;-ms-animation:waveup 1s linear 1s;animation:waveup 1s linear 1s}#color.active .color-iphone{-webkit-animation:waveup 1s linear 1.5s;-moz-animation:waveup 1s linear 1.5s;-ms-animation:waveup 1s linear 1.5s;animation:waveup 1s linear 1.5s}#color.active .color-wp{-webkit-animation:waveup 1s linear 2s;-moz-animation:waveup 1s linear 2s;-ms-animation:waveup 1s linear 2s;animation:waveup 1s linear 2s}.layer{display:none;position:absolute;overflow:hidden;background:url("/static/cover/images/bg.png") 4px 4px;-webkit-transition:-webkit-transform .4s,opacity .8s;-moz-transition:-moz-transform .4s,opacity .8s;-ms-transition:-ms-transform .4s,opacity .8s;transition:transform .4s,opacity .8s}.layer .content{position:relative;top:50%;z-index:2;margin:0 auto}.layer .title{position:absolute;white-space:nowrap;font-size:42px;font-weight:400;color:#fff}.layer .desc{position:absolute;width:520px;font-size:24px;font-weight:400;color:#fff}.company{position:absolute;bottom:10px;left:10px;color:#fff;font-size:12px}.bottom-nav{position:absolute;bottom:10px;right:10px;font-size:12px}.bottom-nav a{display:inline-block;margin:0 8px;color:#fff}.bottom-nav a:hover{color:#ffe800}#scene1{background-color:#2593e6}#scene1 .content{width:1224px;height:500px;margin-top:-250px}#scene1 .title{top:40px;left:1000px;opacity:0;-webkit-transition:all .2s ease-in 1.5s;-moz-transition:all .2s ease-in 1.5s;-ms-transition:all .2s ease-in 1.5s;transition:all .2s ease-in 1.5s}#scene1 .desc{top:100px;left:1000px;opacity:0;-webkit-transition:all .2s ease-in 1.5s;-moz-transition:all .2s ease-in 1.5s;-ms-transition:all .2s ease-in 1.5s;transition:all .2s ease-in 1.5s}#scene1 .pic{position:absolute;top:-300px;left:0;opacity:0;-webkit-transition:all 1s ease .4s;-moz-transition:all 1s ease .4s;-ms-transition:all 1s ease .4s;transition:all 1s ease .4s}#scene1 .shape{position:absolute;top:380px;left:702px;opacity:0;-webkit-transition:all 1s ease .4s;-moz-transition:all 1s ease .4s;-ms-transition:all 1s ease .4s;transition:all 1s ease .4s}#scene1 .shape i{-webkit-transition:all .4s ease-in 1s;-moz-transition:all .4s ease-in 1s;-ms-transition:all .4s ease-in 1s;transition:all .4s ease-in 1s}#scene1 .s10{top:0;left:0;width:140px;height:128px}#scene1 .s11{top:180px;left:117px;width:45px;height:45px;background-position:-398px -100px}#scene1 .s12{top:170px;left:150px;width:45px;height:45px;background-position:-398px -100px}#scene1 .s20{top:180px;left:0;width:470px;height:7px;background:0;background-color:#fff;border-radius:4px;-webkit-transform:rotate3d(0,0,1,150deg);-moz-transform:rotate3d(0,0,1,150deg);-ms-transform:rotate3d(0,0,1,150deg);transform:rotate3d(0,0,1,150deg)}#scene1 .s30{top:190px;left:300px;width:140px;height:128px}#scene1 .s31{top:185px;left:242px;width:33px;height:38px;background-position:-336px -101px}#scene1 .s32{top:195px;left:208px;width:33px;height:38px;background-position:-336px -101px}@-webkit-keyframes jump{0%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,-20px,0);-moz-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-moz-keyframes jump{0%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,-20px,0);-moz-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes jump{0%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,-20px,0);-moz-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}#scene1.active .title{left:702px;opacity:1}#scene1.active .desc{left:702px;opacity:1}#scene1.active .pic{top:0;opacity:1}#scene1.active .shape{top:180px;opacity:1}#scene1.active .s11{top:89px;left:137px;-webkit-animation:jump .2s linear 1.5s;-moz-animation:jump .2s linear 1.5s;-ms-animation:jump .2s linear 1.5s;animation:jump .2s linear 1.5s}#scene1.active .s12{top:89px;left:180px;-webkit-animation:jump .2s linear 1.7s;-moz-animation:jump .2s linear 1.7s;-ms-animation:jump .2s linear 1.7s;animation:jump .2s linear 1.7s}#scene1.active .s31{top:278px;left:265px;-webkit-animation:jump .2s linear 1.9s;-moz-animation:jump .2s linear 1.9s;-ms-animation:jump .2s linear 1.9s;animation:jump .2s linear 1.9s}#scene1.active .s32{top:278px;left:222px;-webkit-animation:jump .2s linear 2.1s;-moz-animation:jump .2s linear 2.1s;-ms-animation:jump .2s linear 2.1s;animation:jump .2s linear 2.1s}#scene2{background:url("/static/cover/images/scene2_bg.png") 4px 4px;background-color:#e9c311}#scene2 .content{width:1150px;height:470px;margin-top:-235px}#scene2 .pic{position:absolute;top:300px;right:0;opacity:0;-webkit-transition:all 1s ease .4s;-moz-transition:all 1s ease .4s;-ms-transition:all 1s ease .4s;transition:all 1s ease .4s}#scene2 .title{top:40px;left:32px;opacity:0;-webkit-transition:all 1s ease .4s;-moz-transition:all 1s ease .4s;-ms-transition:all 1s ease .4s;transition:all 1s ease .4s}#scene2 .desc{top:100px;left:-260px;opacity:0;-webkit-transition:all 1s ease .4s;-moz-transition:all 1s ease .4s;-ms-transition:all 1s ease .4s;transition:all 1s ease .4s}#scene2 .shape{position:absolute;top:180px;left:40px}#scene2 .s10{top:0;left:0;width:42px;height:42px;border:4px solid #fff;border-radius:25px;background:0;-webkit-transform:scale3d(0,0,1);-moz-transform:scale3d(0,0,1);-ms-transform:scale3d(0,0,1);transform:scale3d(0,0,1)}#scene2 .s11{top:-6px;left:50px;width:375px;height:70px;background-position:0 -158px;-webkit-transform:scale3d(0,0,1);-moz-transform:scale3d(0,0,1);-ms-transform:scale3d(0,0,1);transform:scale3d(0,0,1)}#scene2 .s12{top:20px;left:100px;width:375px;font-size:24px;color:#fff;background:0;-webkit-transform:scale3d(0,0,1);-moz-transform:scale3d(0,0,1);-ms-transform:scale3d(0,0,1);transform:scale3d(0,0,1)}#scene2 .s20{top:110px;left:348px;width:42px;height:42px;border:4px solid #fff;border-radius:25px;background:0;-webkit-transform:scale3d(0,0,1);-moz-transform:scale3d(0,0,1);-ms-transform:scale3d(0,0,1);transform:scale3d(0,0,1)}#scene2 .s21{top:104px;left:-28px;width:375px;height:70px;background-position:0 -158px;-webkit-transform:rotateY(180deg) scale3d(0,0,1);-moz-transform:rotateY(180deg) scale3d(0,0,1);-ms-transform:rotateY(180deg) scale3d(0,0,1);transform:rotateY(180deg) scale3d(0,0,1)}#scene2 .s22{top:132px;left:80px;width:375px;font-size:24px;color:#fff;background:0;-webkit-transform:scale3d(0,0,1);-moz-transform:scale3d(0,0,1);-ms-transform:scale3d(0,0,1);transform:scale3d(0,0,1)}@-webkit-keyframes popup{0%{-webkit-transform:scale3d(0,0,1);-moz-transform:scale3d(0,0,1);-ms-transform:scale3d(0,0,1);transform:scale3d(0,0,1)}100%{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-moz-keyframes popup{0%{-webkit-transform:scale3d(0,0,1);-moz-transform:scale3d(0,0,1);-ms-transform:scale3d(0,0,1);transform:scale3d(0,0,1)}100%{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes popup{0%{-webkit-transform:scale3d(0,0,1);-moz-transform:scale3d(0,0,1);-ms-transform:scale3d(0,0,1);transform:scale3d(0,0,1)}100%{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes popupAndRotate{0%{-webkit-transform:rotateY(180deg) scale3d(0,0,1);-moz-transform:rotateY(180deg) scale3d(0,0,1);-ms-transform:rotateY(180deg) scale3d(0,0,1);transform:rotateY(180deg) scale3d(0,0,1)}100%{-webkit-transform:rotateY(180deg) scale3d(1,1,1);-moz-transform:rotateY(180deg) scale3d(1,1,1);-ms-transform:rotateY(180deg) scale3d(1,1,1);transform:rotateY(180deg) scale3d(1,1,1)}}@-moz-keyframes popupAndRotate{0%{-webkit-transform:rotateY(180deg) scale3d(0,0,1);-moz-transform:rotateY(180deg) scale3d(0,0,1);-ms-transform:rotateY(180deg) scale3d(0,0,1);transform:rotateY(180deg) scale3d(0,0,1)}100%{-webkit-transform:rotateY(180deg) scale3d(1,1,1);-moz-transform:rotateY(180deg) scale3d(1,1,1);-ms-transform:rotateY(180deg) scale3d(1,1,1);transform:rotateY(180deg) scale3d(1,1,1)}}@keyframes popupAndRotate{0%{-webkit-transform:rotateY(180deg) scale3d(0,0,1);-moz-transform:rotateY(180deg) scale3d(0,0,1);-ms-transform:rotateY(180deg) scale3d(0,0,1);transform:rotateY(180deg) scale3d(0,0,1)}100%{-webkit-transform:rotateY(180deg) scale3d(1,1,1);-moz-transform:rotateY(180deg) scale3d(1,1,1);-ms-transform:rotateY(180deg) scale3d(1,1,1);transform:rotateY(180deg) scale3d(1,1,1)}}#scene2.active .pic{top:0;opacity:1}#scene2.active .title{left:332px;opacity:1}#scene2.active .desc{left:40px;opacity:1}#scene2.active .s10{-webkit-animation:popup .2s linear 1s 1 forwards;-moz-animation:popup .2s linear 1s 1 forwards;-ms-animation:popup .2s linear 1s 1 forwards;animation:popup .2s linear 1s 1 forwards}#scene2.active .s11{-webkit-animation:popup .2s linear 1.2s 1 forwards;-moz-animation:popup .2s linear 1.2s 1 forwards;-ms-animation:popup .2s linear 1.2s 1 forwards;animation:popup .2s linear 1.2s 1 forwards}#scene2.active .s12{-webkit-animation:popup .2s linear 1.2s 1 forwards;-moz-animation:popup .2s linear 1.2s 1 forwards;-ms-animation:popup .2s linear 1.2s 1 forwards;animation:popup .2s linear 1.2s 1 forwards}#scene2.active .s20{-webkit-animation:popup .2s linear 1.7s 1 forwards;-moz-animation:popup .2s linear 1.7s 1 forwards;-ms-animation:popup .2s linear 1.7s 1 forwards;animation:popup .2s linear 1.7s 1 forwards}#scene2.active .s21{-webkit-animation:popupAndRotate .2s linear 1.9s 1 forwards;-moz-animation:popupAndRotate .2s linear 1.9s 1 forwards;-ms-animation:popupAndRotate .2s linear 1.9s 1 forwards;animation:popupAndRotate .2s linear 1.9s 1 forwards}#scene2.active .s22{-webkit-animation:popup .2s linear 1.9s 1 forwards;-moz-animation:popup .2s linear 1.9s 1 forwards;-ms-animation:popup .2s linear 1.9s 1 forwards;animation:popup .2s linear 1.9s 1 forwards}#scene3{background-color:#ff8602}#scene3 .content{width:1060px;height:646px;margin-top:-323px}#scene3 .title{top:40px;left:864px;opacity:0;-webkit-transition:all .2s ease 1.5s;-moz-transition:all .2s ease 1.5s;-ms-transition:all .2s ease 1.5s;transition:all .2s ease 1.5s}#scene3 .desc{top:100px;left:864px;opacity:0;-webkit-transition:all .2s ease 1.5s;-moz-transition:all .2s ease 1.5s;-ms-transition:all .2s ease 1.5s;transition:all .2s ease 1.5s}#scene3 .pic{position:absolute;top:0;left:-300px;z-index:1;opacity:0}#scene3 .first-skin{opacity:0;-webkit-transition:all 1s ease .4s;-moz-transition:all 1s ease .4s;-ms-transition:all 1s ease .4s;transition:all 1s ease .4s}#scene3 .next-skin{z-index:2;-webkit-transition:opacity 1s ease 1.5s;-moz-transition:opacity 1s ease 1.5s;-ms-transition:opacity 1s ease 1.5s;transition:opacity 1s ease 1.5s}#scene3 .shape{position:absolute;top:180px;left:340px;opacity:0;-webkit-transition:all 1s ease .4s;-moz-transition:all 1s ease .4s;-ms-transition:all 1s ease .4s;transition:all 1s ease .4s}#scene3 .s10{top:50px;left:567px;width:482px;height:370px;background-position:0 -260px}#scene3 .s11{top:50px;left:567px;width:482px;height:370px;background-position:0 -260px}#scene3 .s12{top:50px;left:567px;width:482px;height:370px;background-position:0 -260px}@-webkit-keyframes zoomout{0%{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}100%{-webkit-transform:scale3d(1.2,1.2,1);-moz-transform:scale3d(1.2,1.2,1);-ms-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1);opacity:0}}@-moz-keyframes zoomout{0%{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}100%{-webkit-transform:scale3d(1.2,1.2,1);-moz-transform:scale3d(1.2,1.2,1);-ms-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1);opacity:0}}@keyframes zoomout{0%{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}100%{-webkit-transform:scale3d(1.2,1.2,1);-moz-transform:scale3d(1.2,1.2,1);-ms-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1);opacity:0}}#scene3.active .title{left:564px;opacity:1}#scene3.active .desc{left:564px;opacity:1}#scene3.active .pic{left:0;opacity:1}#scene3.active .shape{left:40px;opacity:1}#scene3.active .s11{-webkit-animation:zoomout .2s linear 1.5s 1 forwards;-moz-animation:zoomout .2s linear 1.5s 1 forwards;-ms-animation:zoomout .2s linear 1.5s 1 forwards;animation:zoomout .2s linear 1.5s 1 forwards}#scene3.active .s12{-webkit-animation:zoomout .4s linear 1.7s 1 forwards;-moz-animation:zoomout .4s linear 1.7s 1 forwards;-ms-animation:zoomout .4s linear 1.7s 1 forwards;animation:zoomout .4s linear 1.7s 1 forwards}#scene4{background-color:#80b30f}#scene4 .content{width:1060px;height:646px;margin-top:-323px}#scene4 .title{top:70px;left:14px;opacity:0;-webkit-transition:all .2s ease 1.5s;-moz-transition:all .2s ease 1.5s;-ms-transition:all .2s ease 1.5s;transition:all .2s ease 1.5s}#scene4 .desc{top:140px;left:-180px;width:350px;opacity:0;-webkit-transition:all .2s ease 1.5s;-moz-transition:all .2s ease 1.5s;-ms-transition:all .2s ease 1.5s;transition:all .2s ease 1.5s}#scene4 .pic{position:absolute;top:-300px;right:0;opacity:0;-webkit-transition:all 1s ease .4s;-moz-transition:all 1s ease .4s;-ms-transition:all 1s ease .4s;transition:all 1s ease .4s}#scene4 .shape{position:absolute;top:480px;left:0;opacity:0;-webkit-transition:all 1s ease .4s;-moz-transition:all 1s ease .4s;-ms-transition:all 1s ease .4s;transition:all 1s ease .4s}#scene4 .s10{top:240px;left:330px;width:135px;height:144px;background-position:-170px 0}#scene4 .s20{top:290px;left:280px;width:68px;height:56px;opacity:0;background-position:-318px -10px}#scene4 .s30{top:400px;left:50px;width:135px;height:144px;background-position:-170px 0;-webkit-transform:scale3d(0.8,.8,1);-moz-transform:scale3d(0.8,.8,1);-ms-transform:scale3d(0.8,.8,1);transform:scale3d(0.8,.8,1)}@-webkit-keyframes move{0%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:0}10%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}20%{-webkit-transform:translate3d(-40px,-10px,0);-moz-transform:translate3d(-40px,-10px,0);-ms-transform:translate3d(-40px,-10px,0);transform:translate3d(-40px,-10px,0)}40%{-webkit-transform:translate3d(-80px,10px,0);-moz-transform:translate3d(-80px,10px,0);-ms-transform:translate3d(-80px,10px,0);transform:translate3d(-80px,10px,0)}60%{-webkit-transform:translate3d(-110px,40px,0);-moz-transform:translate3d(-110px,40px,0);-ms-transform:translate3d(-110px,40px,0);transform:translate3d(-110px,40px,0)}80%{-webkit-transform:translate3d(-140px,80px,0);-moz-transform:translate3d(-140px,80px,0);-ms-transform:translate3d(-140px,80px,0);transform:translate3d(-140px,80px,0);opacity:1}100%{-webkit-transform:translate3d(-140px,80px,0);-moz-transform:translate3d(-140px,80px,0);-ms-transform:translate3d(-140px,80px,0);transform:translate3d(-140px,80px,0);opacity:1}}@-moz-keyframes move{0%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:0}10%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}20%{-webkit-transform:translate3d(-40px,-10px,0);-moz-transform:translate3d(-40px,-10px,0);-ms-transform:translate3d(-40px,-10px,0);transform:translate3d(-40px,-10px,0)}40%{-webkit-transform:translate3d(-80px,10px,0);-moz-transform:translate3d(-80px,10px,0);-ms-transform:translate3d(-80px,10px,0);transform:translate3d(-80px,10px,0)}60%{-webkit-transform:translate3d(-110px,40px,0);-moz-transform:translate3d(-110px,40px,0);-ms-transform:translate3d(-110px,40px,0);transform:translate3d(-110px,40px,0)}80%{-webkit-transform:translate3d(-140px,80px,0);-moz-transform:translate3d(-140px,80px,0);-ms-transform:translate3d(-140px,80px,0);transform:translate3d(-140px,80px,0);opacity:1}100%{-webkit-transform:translate3d(-140px,80px,0);-moz-transform:translate3d(-140px,80px,0);-ms-transform:translate3d(-140px,80px,0);transform:translate3d(-140px,80px,0);opacity:1}}@keyframes move{0%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:0}10%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}20%{-webkit-transform:translate3d(-40px,-10px,0);-moz-transform:translate3d(-40px,-10px,0);-ms-transform:translate3d(-40px,-10px,0);transform:translate3d(-40px,-10px,0)}40%{-webkit-transform:translate3d(-80px,10px,0);-moz-transform:translate3d(-80px,10px,0);-ms-transform:translate3d(-80px,10px,0);transform:translate3d(-80px,10px,0)}60%{-webkit-transform:translate3d(-110px,40px,0);-moz-transform:translate3d(-110px,40px,0);-ms-transform:translate3d(-110px,40px,0);transform:translate3d(-110px,40px,0)}80%{-webkit-transform:translate3d(-140px,80px,0);-moz-transform:translate3d(-140px,80px,0);-ms-transform:translate3d(-140px,80px,0);transform:translate3d(-140px,80px,0);opacity:1}100%{-webkit-transform:translate3d(-140px,80px,0);-moz-transform:translate3d(-140px,80px,0);-ms-transform:translate3d(-140px,80px,0);transform:translate3d(-140px,80px,0);opacity:1}}#scene4.active .title{left:314px;opacity:1}#scene4.active .desc{left:120px;opacity:1}#scene4.active .pic{top:0;opacity:1}#scene4.active .shape{top:0;opacity:1}#scene4.active .s20{-webkit-animation:move 1.5s linear 2s forwards;-moz-animation:move 1.5s linear 2s forwards;-ms-animation:move 1.5s linear 2s forwards;animation:move 1.5s linear 2s forwards}#scene5{background-color:#40c689}#scene5 .content{width:1160px;height:630px;margin-top:-315px}#scene5 .title{top:-260px;left:724px;opacity:0;-webkit-transition:all .2s ease 1s;-moz-transition:all .2s ease 1s;-ms-transition:all .2s ease 1s;transition:all .2s ease 1s}#scene5 .desc{top:-200px;left:724px;opacity:0;-webkit-transition:all .2s ease 1s;-moz-transition:all .2s ease 1s;-ms-transition:all .2s ease 1s;transition:all .2s ease 1s}#scene5 .pic{position:absolute;top:0;left:-300px;opacity:0;-webkit-transition:all 1s ease .4s;-moz-transition:all 1s ease .4s;-ms-transition:all 1s ease .4s;transition:all 1s ease .4s}#scene5 .shape{position:absolute;top:180px;left:1024px;opacity:0;-webkit-transition:all 1s ease .4s;-moz-transition:all 1s ease .4s;-ms-transition:all 1s ease .4s;transition:all 1s ease .4s}#scene5 .s10{top:90px;left:30px;width:340px;height:286px;background-position:-12px -666px}#scene5 .s11{top:50px;left:76px;width:102px;height:263px;background-position:-372px -695px;-webkit-transform:rotateZ(330deg) rotateY(0);-moz-transform:rotateZ(330deg) rotateY(0);-ms-transform:rotateZ(330deg) rotateY(0);transform:rotateZ(330deg) rotateY(0)}@-webkit-keyframes rocket{0%{-webkit-transform:rotateZ(330deg) rotateY(0);-moz-transform:rotateZ(330deg) rotateY(0);-ms-transform:rotateZ(330deg) rotateY(0);transform:rotateZ(330deg) rotateY(0)}50%{-webkit-transform:rotateZ(330deg) rotateY(180deg);-moz-transform:rotateZ(330deg) rotateY(180deg);-ms-transform:rotateZ(330deg) rotateY(180deg);transform:rotateZ(330deg) rotateY(180deg)}100%{-webkit-transform:rotateZ(330deg) rotateY(0);-moz-transform:rotateZ(330deg) rotateY(0);-ms-transform:rotateZ(330deg) rotateY(0);transform:rotateZ(330deg) rotateY(0)}}@-moz-keyframes rocket{0%{-webkit-transform:rotateZ(330deg) rotateY(0);-moz-transform:rotateZ(330deg) rotateY(0);-ms-transform:rotateZ(330deg) rotateY(0);transform:rotateZ(330deg) rotateY(0)}50%{-webkit-transform:rotateZ(330deg) rotateY(180deg);-moz-transform:rotateZ(330deg) rotateY(180deg);-ms-transform:rotateZ(330deg) rotateY(180deg);transform:rotateZ(330deg) rotateY(180deg)}100%{-webkit-transform:rotateZ(330deg) rotateY(0);-moz-transform:rotateZ(330deg) rotateY(0);-ms-transform:rotateZ(330deg) rotateY(0);transform:rotateZ(330deg) rotateY(0)}}@keyframes rocket{0%{-webkit-transform:rotateZ(330deg) rotateY(0);-moz-transform:rotateZ(330deg) rotateY(0);-ms-transform:rotateZ(330deg) rotateY(0);transform:rotateZ(330deg) rotateY(0)}50%{-webkit-transform:rotateZ(330deg) rotateY(180deg);-moz-transform:rotateZ(330deg) rotateY(180deg);-ms-transform:rotateZ(330deg) rotateY(180deg);transform:rotateZ(330deg) rotateY(180deg)}100%{-webkit-transform:rotateZ(330deg) rotateY(0);-moz-transform:rotateZ(330deg) rotateY(0);-ms-transform:rotateZ(330deg) rotateY(0);transform:rotateZ(330deg) rotateY(0)}}#scene5.active .title{top:40px;opacity:1}#scene5.active .desc{top:100px;opacity:1}#scene5.active .pic{left:0;opacity:1}#scene5.active .shape{left:724px;opacity:1}#scene5.active .s11{-webkit-animation:rocket 1s linear 1s infinite;-moz-animation:rocket 1s linear 1s infinite;-ms-animation:rocket 1s linear 1s infinite;animation:rocket 1s linear 1s infinite}.alpha7{display:block;position:absolute;top:50%;left:50%;z-index:1;filter:alpha(opacity=10);opacity:.1;width:620px;height:740px;margin-top:-370px;background:url("/static/cover/images/alpha_7.png") no-repeat;background:url("/static/cover/images/alpha_7_png8.png") no-repeat\0}#scene1 .alpha7{margin-left:100px;filter:alpha(opacity=5);opacity:.05}#scene2 .alpha7{margin-left:-700px}#scene3 .alpha7{margin-left:100px}#scene4 .alpha7{margin-left:-700px}#scene5 .alpha7{margin-left:100px}.no-anim #fake_seven{display:block;position:absolute;top:50%;left:50%;width:420px;height:520px;margin-left:-400px;margin-top:-330px;filter:alpha(opacity=0);opacity:0}.no-anim #fake_seven.active{filter:alpha(opacity=100);opacity:1}.no-anim #fake_seven i{position:absolute;display:block}.no-anim #fake_seven.no-anim{background:url("/static/cover/images/7.png") no-repeat}.no-anim #fake_seven .part-1{top:41px;left:25px;width:0;height:111px;background:url("/static/cover/images/71.png") no-repeat}.no-anim #fake_seven .part-2{top:132px;left:70px;width:235px;height:0;background:url("/static/cover/images/72.png") no-repeat}.no-anim #seven{display:none}.no-anim #avatar-ctn .round{position:absolute;top:0;left:0}.no-anim #color{width:100%;height:auto}.no-anim #color img{position:absolute;z-index:0;width:100%;display:block;bottom:0;left:0}.no-anim #color a:hover{font-size:1.2em}.no-anim .shape i{display:none}.no-anim #scene1.active .shape{width:425px;height:285px;background:url("/static/cover/images/shape_1.png") no-repeat}.no-anim #scene2.active .shape{width:487px;height:170px;background:url("/static/cover/images/shape_2.png") no-repeat}.no-anim #scene3.active .shape{left:620px;width:473px;height:352px;background:url("/static/cover/images/shape_3.png") no-repeat}.no-anim #scene4.active .shape{top:270px;width:427px;height:251px;background:url("/static/cover/images/shape_4.png") no-repeat}.no-anim #scene5.active .shape{width:322px;height:320px;background:url("/static/cover/images/shape_5.png") no-repeat}