#dl_btn,p{text-align:center}#logo,body{width:100%}.word{font-family:tt;position:absolute;left:0;top:0;font-size:60px;z-index:99;letter-spacing:0;display:none}#w1,#w2{margin-left:495px;left:50%;color:#4693ec}.word span{margin-right:7px}.word_l{font-size:18px;font-family:source}.word_l span{margin-right:11px}#w1{top:50%;transform:translate3D(0,-50%,0);-webkit-transform:translate3D(0,-50%,0)}.word.fadein{display:block;opacity:0;animation:fadein linear .5s forwards .5s;-webkit-animation:fadein linear .5s forwards .5s}.word.fadeout{opacity:1;animation:fadeout linear .5s forwards 0s;-webkit-animation:fadeout linear .5s forwards 0s}#w3.fadeout{opacity:1;animation:fadeout linear .5s forwards .5s;-webkit-animation:fadeout linear .5s forwards .5s}#w2{top:auto;transform:translate3D(-600px,-12px,0);-webkit-transform:translate3D(-600px,-12px,0);opacity:0}#w2.slideright{display:block;opacity:0;animation:slideright ease-out .8s forwards .5s;-webkit-animation:slideright ease-out .8s forwards .5s}#w4.rotatein{opacity:1;display:block;transform:perspective(2000px) rotateY(-90deg);transform-origin:left center;perspective:100px;animation:rotatein linear .6s forwards .3s;-webkit-animation:rotatein linear .6s forwards .3s}#dl_btn,#logo_sogou_wrap{top:20px;display:none;position:absolute;left:50%}#w4.rotateout{transform:perspective(2000px) rotateY(0);animation:rotateout linear .3s forwards 0s;-webkit-animation:rotateout linear .3s forwards 0s}@keyframes rotateout{100%{transform:perspective(2000px) rotateY(90deg);opacity:0}}@-webkit-keyframes rotateout{100%{-webkit-transform:perspective(2000px) rotateY(90deg);opacity:0}}@keyframes rotatein{100%,33%{transform:perspective(2000px) rotateY(0)}66%{transform:perspective(2000px) rotateY(-30deg)}}@-webkit-keyframes rotatein{100%,33%{-webkit-transform:perspective(2000px) rotateY(0)}66%{-webkit-transform:perspective(2000px) rotateY(-30deg)}}@keyframes slideright{0%{opacity:0;transform:translate3D(-500px,-12px,0)}50%{opacity:1}100%{opacity:1;transform:translate3D(0,-12px,0)}}@-webkit-keyframes slideright{0%{-webkit-transform:translate3D(-500px,-12px,,0)}100%{-webkit-transform:translate3D(0,-12px,0)}}#w3,#w4{color:#fff;left:50%;margin-left:237px;top:50%;margin-top:55px}@font-face{font-family:tt;src:url(../font/tt.eot);src:url(../font/tt.eot?#font-spider) format("embedded-opentype"),url(../font/tt.woff) format("woff"),url(../font/tt.ttf) format("truetype"),url(../font/tt.svg) format("svg");font-weight:400;font-style:normal}@font-face{font-family:tt2;src:url(../font/tt2.eot);src:url(../font/tt2.eot?#font-spider) format("embedded-opentype"),url(../font/tt.woff) format("woff"),url(../font/tt2.ttf) format("truetype"),url(../font/tt2.svg) format("svg");font-weight:400;font-style:normal}@font-face{font-family:source;src:url(../font/source.eot);src:url(../font/source.eot?#font-spider) format("embedded-opentype"),url(../font/source.woff) format("woff"),url(../font/source.ttf) format("truetype"),url(../font/source.svg) format("svg");font-weight:400;font-style:normal}#logo_sogou_wrap{width:577px;height:64px;z-index:2;transform:translate3D(-50%,0,0);-webkit-transform:translate3D(-50%,0,0)}#logo_sogou{width:100%;height:100%;background:url(../img/logo_sogou_min.png) center 0 no-repeat;background-size:100% 2400%}#logo_sogou.write{-webkit-animation:write 1s steps(23,end) .5s forwards;animation:write 1s steps(23,end) .5s forwards}#dl_btn{text-decoration:none;width:260px;height:70px;background:#549af0;transform:translate3D(-50%,0,0);-webkit-transform:translate3D(-50%,0,0);opacity:0;border:1px solid #a0c7f7;border-radius:70px;color:#c6daf9;line-height:52.5px}#dl_btn:hover{color:#fff;background:#67a5f1;border:1px solid #a0c7f7}#dl_btn.dlfadein{display:block;animation:dlfadein 1s ease-out 1s forwards;-webkit-animation:dlfadein 1s ease-out 1s forwards}@keyframes dlfadein{0%{transform:translate3D(-50%,0,0);opacity:0}100%{transform:translate3D(-50%,-100%,0);opacity:1}}@-webkit-keyframes dlfadein{0%{-webkit-transform:translate3D(-50%,0,0);opacity:0}100%{-webkit-transform:translate3D(-50%,-100%,0);opacity:1}}@-webkit-keyframes write{to{background-position:center bottom}}@keyframes write{to{background-position:center bottom}}@keyframes rotate{10%{transform:translate3D(5%,-50%,0) rotateY(0);background-color:#4693ec}39.9%{background-color:#4693ec;transform:translate3D(0,-50%,0) rotateY(0)}40%{width:5000px;height:5000px;background-color:#fff;left:50%;transform:translate3D(0,-50%,0) rotateY(-180deg)}100%{width:16px;height:16px;background-color:#fff;left:40%;transform:translate3D(0,-50%,0) rotateY(-180deg)}}@-webkit-keyframes rotate{10%{-webkit-transform:translate3D(5%,-50%,0) rotateY(0);background-color:#4693ec}39.9%{background-color:#4693ec;-webkit-transform:translate3D(0,-50%,0) rotateY(0)}40%{width:5000px;height:5000px;background-color:#fff;left:50%;-webkit-transform:translate3D(0,-50%,0) rotateY(-180deg)}100%{width:16px;height:16px;background-color:#fff;left:40%;-webkit-transform:translate3D(0,-50%,0) rotateY(-180deg)}}@keyframes changebg{0%,40%{background-color:#fff}100%,40.01%{background-color:#4693ec}}@-webkit-keyframes changebg{0%,40%{background-color:#fff}100%,40.01%{background-color:#4693ec}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadeout{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes fadeout{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes slideup{0%{width:100%;height:100%;top:0}100%{width:75%;height:75%;-webkit-transform:translate3D(-50%,-23%,0)}}@keyframes slideup{0%{width:100%;height:100%;top:0}100%{width:75%;height:75%;transform:translate3D(-50%,-23%,0)}}html{overflow:hidden}body{position:absolute;margin:0;padding:0;height:100%;background:#fff;perspective:700px;-webkit-user-select:none;user-select:none}canvas{position:relative;display:block;z-index:1}canvas.changebgblue{animation:changebg 1s cubic-bezier(.4,0,1,1) forwards;-webkit-animation:changebg 1s cubic-bezier(.4,0,1,1) forwards}p{font-size:12px;color:#454545}#ball_head{width:0;border-radius:100%;position:absolute;top:50%;transform:translate3D(0,-50%,0);transform-origin:left center;display:none;background:#4693ec;z-index:2}#ball_head.roll{animation:rotate 1s cubic-bezier(.4,0,1,1) forwards;-webkit-animation:rotate 1s cubic-bezier(.4,0,1,1) forwards}#logo_box.fadein{display:block;animation:fadein ease-in 1s forwards;-webkit-animation:fadein ease-in 1s forwards}#logo.slideup{display:block;animation:slideup ease-in .5s forwards;-webkit-animation:slideup ease-in .5s forwards}#logo_box{opacity:0;width:426px;height:426px;position:absolute;top:50%;left:50%;transform:translate3D(-50%,-50%,0);transform-origin:left center;display:none;z-index:2}#logo{height:100%;background-image:url(../img/logo.png);background-size:contain;transform:translate3D(-50%,0,0);position:absolute;left:50%;top:0}