html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,em,img,strong,dl,dt,dd,ol,ul,li,form,label,table,tbody,tfoot,thead,tr,th,td,article,aside,canvas,hgroup,menu,footer,header,nav,section{margin:0;padding:0;border:0}img,a{-webkit-touch-callout:none}li{list-style:none}h1,h2,h3,h4,h5,h6,strong{font-weight:bold}body{font:.875em/1.5 "Helvetica Neue",Helvetica,STHeiTi,sans-serif;color:#555;background:#FFF}a{text-decoration:none}a:hover{text-decoration:none}a:focus{outline:0 none}a:active,a:hover{outline:0}::selection{background:#ffff9e}img::selection{background:transparent}img::-webkit-selection{background:transparent}form *::placeholder{color:#999}form *::-webkit-placeholder{color:#999;font-weight:300}table{border-collapse:collapse;border-spacing:0}a,button,input,li{-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0}input[type="text"],input[type="email"],input[type="search"],input[type="password"]{-webkit-appearance:none}img{width:100%;-webkit-transition:all .5s linear;transition:all .5s linear}.w100{width:100%;position:absolute;left:0;z-index:6}.w90{width:90%;position:absolute;left:5%;z-index:6}.w80{width:80%;position:absolute;left:10%;z-index:6}.w70{width:70%;position:absolute;left:15%;z-index:6}.w60{width:60%;position:absolute;left:20%;z-index:6}.w50{width:50%;position:absolute;left:25%;z-index:6}.w40{width:40%;position:absolute;left:30%;z-index:6}.w30{width:30%;position:absolute;left:35%;z-index:6}.w20{width:20%;position:absolute;left:40%;z-index:6}.w10{width:10%;position:absolute;left:40%;z-index:6}.tac{text-align:center}.top{top:0}.tit{top:4%;animation:up .6s linear .2s both;-webkit-animation:up .6s linear .2s both}.tt1{top:9%;animation:right .6s linear .8s both;-webkit-animation:right .6s linear .8s both}.tt2{top:35%;animation:left .6s linear 1.2s both;-webkit-animation:left .6s linear 1.2s both}.tt3{top:61%;animation:right .6s linear 1.6s both;-webkit-animation:right .6s linear 1.6s both}.hand{bottom:10%;left:50%;width:15%;opacity:0}.tt1 .hand{animation:hand 1.2s linear 2s both;-webkit-animation:hand 1.2s linear 2s both;opacity:0}.tt2 .hand{animation:hand 1.2s linear 3.5s both;-webkit-animation:hand 1.2s linear 3.5s both;opacity:0}.tt3 .hand{animation:hand 1.2s linear 5s both;-webkit-animation:hand 1.2s linear 5s both;opacity:0}section{background:#FFF;width:100%;height:100%;top:0;left:0;position:fixed}.comics_1,.comics_2,.comics_3{display:none}.comicsBox{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);line-height:0}.leftBox{animation:left .6s linear .5s both;-webkit-animation:left .6s linear .5s both}.rightBox{top:0;animation:right .6s linear .5s both;-webkit-animation:right .6s linear .5s both}.bottomBox{top:0;animation:down .8s linear .8s both;-webkit-animation:down .8s linear .8s both}.comics_1 .a1{animation:rotate1 .5s alternate linear infinite;-webkit-animation:rotate1 .5s linear alternate infinite;transform-origin:35% 35%}.comics_1 .b1{top:9%;left:44%;animation:right1 2s linear 1.5s both;-webkit-animation:right1 2s linear 1.5s both}.comics_1 .b2{top:12%;left:63%;animation:clarity1 2s alternate linear 1s infinite;-webkit-animation:clarity1 2s linear 1s alternate infinite;opacity:0}.comics_1 .b3{width:15%;top:9%;left:66%;animation:clarity1 2s alternate linear 3s infinite;-webkit-animation:clarity1 2s linear 3s alternate infinite;opacity:0}.comics_1 .b2 img,.comics_1 .b3 img{animation:rotate1 .2s alternate linear infinite;-webkit-animation:rotate1 .2s linear alternate infinite;transform-origin:100% 100%}.comics_1 .bottomBox .bg{position:relative;z-index:7}.comics_1 .cc1{left:5%;top:40%;animation:bounce .8s linear 1.5s both;-webkit-animation:bounce .8s linear 1.5s both}.comics_1 .cc1 img{animation:bounce1 .3s alternate linear 2.3s infinite;-webkit-animation:bounce1 .3s linear 2.3s alternate infinite}.comics_1 .hd{z-index:8;bottom:.5%;width:15%;left:55%;animation:right1 1s linear 1.5s both;-webkit-animation:right1 1s linear 1.5s both}.comics_1 .hd img{animation:rotate3 2s 3s linear infinite;-webkit-animation:rotate3 2s linear 3s infinite}.botAni{overflow:hidden}.botAni img{top:0}.comics_1 .c1{animation:left0 6s linear both;-webkit-animation:left0 6s linear both}.comics_1 .c2{animation:left1 6s linear 2s infinite;-webkit-animation:left1 6s linear 2s infinite;opacity:0}.comics_1 .c3{animation:left1 6s linear 4s infinite;-webkit-animation:left1 6s linear 4s infinite;opacity:0}.comics_1 .c4{animation:left1 6s linear 6s infinite;-webkit-animation:left1 6s linear 6s infinite;opacity:0}.cover{position:fixed;left:0;width:100%;height:100%;top:0;background:rgba(255,255,255,.9);z-index:11;display:none}.click{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.click img{animation:scale .6s linear .1s both;-webkit-animation:scale .6s linear .1s both}.click .ani{bottom:15%;animation:rotate2 .5s alternate linear infinite;-webkit-animation:rotate2 .5s linear alternate infinite}.comics_2 .a1{animation:clarity1 .2s alternate linear infinite;-webkit-animation:clarity1 .2s linear alternate infinite;opacity:0}.comics_2 .a2{animation:clarity1 .2s alternate linear .2s infinite;-webkit-animation:clarity1 .2s linear .2s alternate infinite;opacity:0}.comics_2 .b1{animation:bounce2 .2s alternate linear infinite;-webkit-animation:bounce2 .2s alternate linear infinite}.comics_2 .c1{animation:bounceDown 1s linear 3s both;-webkit-animation:bounceDown 1s linear 3s both}.comics_2 .c2{animation:clarity .4s linear 4s both;-webkit-animation:clarity .4s linear 4s both}.comics_2 .c2 img{animation:rotate1 .2s alternate linear infinite;-webkit-animation:rotate1 .2s linear alternate infinite;transform-origin:80% 70%}.comics_3 .a1{animation:rotate2 .8s alternate linear -.8s infinite;-webkit-animation:rotate2 .8s linear -.8s alternate infinite;transform-origin:20% 20%}.comics_3 .a2{animation:rotate2 .8s alternate linear infinite;-webkit-animation:rotate2 .8s linear alternate infinite;transform-origin:30% 20%}.comics_3 .b1{top:13.3%;width:15%;left:48%;animation:bb1 4s linear infinite;-webkit-animation:bb1 4s linear infinite}.comics_3 .c1{animation:clarity1 1s alternate linear 1s infinite;-webkit-animation:clarity1 1s linear 1s alternate infinite;opacity:0}.comics_3 .c2{animation:clarity1 1s alternate linear 2s infinite;-webkit-animation:clarity1 1s linear 2s alternate infinite;opacity:0}.p2{animation:clarity .1s linear 5s both;-webkit-animation:clarity .1s linear 5s both;opacity:0}.p3{animation:clarity .1s linear 9s both;-webkit-animation:clarity .1s linear 9s both;opacity:0}.hand4{width:26%;left:81%;bottom:22%;-webkit-animation:hand4 8s linear 1s both;animation:hand4 8s linear 1s both}.wrap{display:none}.phone{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:76%;left:12%}.aniWrap{top:10%;height:78%;overflow:hidden;width:85%}.up{animation:phone 2s linear .2s both;-webkit-animation:phone 2s linear .2s both}.wp2 .long{animation:long2 14s linear 2s both;-webkit-animation:long2 14s linear 2s both}.wp2 .m1{animation:clarity2 6s linear 5s both;-webkit-animation:clarity2 6s linear 5s both;opacity:0}.wp2 .m2{animation:clarity .5s linear 13s both;-webkit-animation:clarity .5s linear 13s both;opacity:0}.hand2{width:26%;left:81%;bottom:9%;-webkit-animation:hand2 18s linear 1s both;animation:hand2 18s linear 1s both}.wp1 .long{animation:long1 15s linear 4s both;-webkit-animation:long1 15s linear 4s both}.wp1 .m1{animation:clarity2 7s linear 6s both;-webkit-animation:clarity2 7s linear 6s both;opacity:0}.wp1 .m2{animation:clarity2 3.5s linear 14s both;-webkit-animation:clarity2 3.5s linear 14s both;opacity:0}.wp1 .m3{animation:clarity .5s linear 17s both;-webkit-animation:clarity .5s linear 17s both;opacity:0}.hand1{width:26%;left:81%;bottom:36%;-webkit-animation:hand1 18s linear 4s both;animation:hand1 18s linear 4s both}.wp3 .long{animation:long3 15s linear 2s both;-webkit-animation:long3 15s linear 2s both}.wp3 .m1{animation:clarity3 .6s linear 6s both;-webkit-animation:clarity3 .6s linear 6s both;opacity:0}.wp3 .m2{animation:clarity2 3s linear 3s both;-webkit-animation:clarity2 3s linear 3s both;opacity:0}.wp3 .m3{animation:clarity2 2s linear 8s both;-webkit-animation:clarity2 2s linear 8s both;opacity:0}.wp3 .m4{animation:clarity2 2s linear 11s both;-webkit-animation:clarity2 2s linear 11s both;opacity:0}.wp3 .m5{animation:clarity .5s linear 16s both;-webkit-animation:clarity .5s linear 16s both;opacity:0}.hand3{width:26%;left:81%;bottom:22%;-webkit-animation:hand3 16s linear 3s both;animation:hand3 16s linear 3s both}.end1{background:#FFF}.end{background:url("../images/bg.png") no-repeat #FFF;background-size:100%}.back{bottom:5%;left:65%}.ta{top:30%}.tb{bottom:15%}.download{bottom:30%}.plane{top:7%;width:54%;left:23%;animation:right 1s linear 5s both;-webkit-animation:right 1s linear 5s both}.plane img{animation:bounce1 .4s alternate linear 5s infinite;-webkit-animation:bounce1 .4s alternate linear 5s infinite}.plane1{left:100%;bottom:110%;animation:plane 4s linear .6s both;-webkit-animation:plane 4s linear .6s both}.show{animation:clarity .5s linear 5s both;-webkit-animation:clarity .5s linear 5s both}@keyframes hand1{0%,8%{transform:translate(60%,0%);opacity:0}15%{opacity:1;transform:translate(60%,-0%)}38%,34%,38%,50%{transform:translate(-200%,-65%)}32%,36%{transform:translate(-210%,-70%)}55%{transform:translate(-210%,-500%)}62%,66%,75%{transform:translate(0,-60%)}64%,68%{transform:translate(-10%,-65%)}80%{transform:translate(-10%,-400%)}90%,94%,98%,100%{transform:translate(0,0)}92%,96%{transform:translate(-10%,-20%)}}@-webkit-keyframes hand1{0%,8%{-webkit-transform:translate(60%,0%);opacity:0}15%{opacity:1;-webkit-transform:translate(60%,-0%)}38%,34%,38%,50%{-webkit-transform:translate(-200%,-65%)}32%,36%{-webkit-transform:translate(-210%,-70%)}55%{-webkit-transform:translate(-210%,-500%)}62%,66%,75%{-webkit-transform:translate(0,-60%)}64%,68%{-webkit-transform:translate(-10%,-65%)}80%{-webkit-transform:translate(-10%,-400%)}90%,94%,98%,100%{-webkit-transform:translate(0,0)}92%,96%{-webkit-transform:translate(-10%,-20%)}}@keyframes hand4{0%,5%{transform:translate(0%,0%);opacity:0}20%{opacity:1;transform:translate(0%,0%)}42%,46%,65%{transform:translate(-70%,200%)}44%{transform:translate(-75%,190%)}86%,90%{transform:translate(-100%,-70%)}88%{transform:translate(-105%,-75%)}95%{opacity:1}100%{opacity:0;transform:translate(-100%,-70%)}}@-webkit-keyframes hand4{0%,5%{-webkit-transform:translate(0%,0%);opacity:0}20%{opacity:1;-webkit-transform:translate(0%,0%)}42%,46%,65%{-webkit-transform:translate(-70%,200%)}44%{-webkit-transform:translate(-75%,190%)}86%,90%{-webkit-transform:translate(-100%,-70%)}88%{-webkit-transform:translate(-105%,-75%)}95%{opacity:1}100%{opacity:0;-webkit-transform:translate(-100%,-70%)}}@keyframes hand3{0%,5%{transform:translate(0%,0%);opacity:0}7%{opacity:1}8%,12%,16%,25%{transform:translate(-10%,-15%)}10%,14%{transform:translate(0%,0%)}34%,38%,48%{transform:translate(0,-260%)}40%,36%{transform:translate(-10%,-270%)}52%,56%,67%{transform:translate(0,-160%)}54%,58%{transform:translate(-10%,-165%)}72%{transform:translate(-10%,-600%)}80%,84%,88%,100%{transform:translate(0,200%)}82%,86%{transform:translate(-10%,190%)}}@-webkit-keyframes hand3{0%,5%{-webkit-transform:translate(0%,0%);opacity:0}7%{opacity:1}8%,12%,16%,25%{-webkit-transform:translate(-10%,-15%)}10%,14%{-webkit-transform:translate(0%,0%)}34%,38%,48%{-webkit-transform:translate(0,-260%)}40%,36%{-webkit-transform:translate(-10%,-270%)}52%,56%,67%{-webkit-transform:translate(0,-160%)}54%,58%{-webkit-transform:translate(-10%,-165%)}72%{-webkit-transform:translate(-10%,-600%)}80%,84%,88%,100%{-webkit-transform:translate(0,200%)}82%,86%{-webkit-transform:translate(-10%,190%)}}@keyframes hand2{0%,5%{transform:translate(50%,-230%);opacity:0}11%{opacity:1;transform:translate(50%,-230%)}18%,24%,28%,65%{transform:translate(-210%,-220%)}22%,26%{transform:translate(-230%,-250%)}70%{transform:translate(-210%,-600%)}80%,84%,86%,80%,100%{transform:translate(0,0)}82%,86%{transform:translate(-10%,-20%)}}@-webkit-keyframes hand2{0%,5%{-webkit-transform:translate(50%,-230%);opacity:0}11%{opacity:1;-webkit-transform:translate(50%,-230%)}18%,24%,28%,65%{-webkit-transform:translate(-210%,-220%)}22%,26%{-webkit-transform:translate(-230%,-250%)}70%{-webkit-transform:translate(-210%,-600%)}80%,84%,86%,90%,100%{-webkit-transform:translate(0,0)}82%,86%{-webkit-transform:translate(-10%,-20%)}}@-webkit-keyframes long1{0%,65%{-webkit-transform:translateY(0)}70%,95%{-webkit-transform:translateY(-20%)}100%{-webkit-transform:translateY(-52%)}}@keyframes long1{0%,65%{transform:translateY(0px)}70%,95%{-webkit-transform:translateY(-20%)}100%{-webkit-transform:translateY(-52%)}}@-webkit-keyframes long2{0%,80%{-webkit-transform:translateY(0)}90%,100%{-webkit-transform:translateY(-38%)}}@keyframes long2{0%,80%{transform:translateY(0px)}90%,100%{-webkit-transform:translateY(-38%)}}@-webkit-keyframes long3{0%,80%{-webkit-transform:translateY(0)}90%,100%{-webkit-transform:translateY(-38%)}}@keyframes long3{0%,80%{transform:translateY(0px)}90%,100%{-webkit-transform:translateY(-38%)}}@-webkit-keyframes phone{0%{-webkit-transform:translateY(1200px)}100%{-webkit-transform:translateY(0px)}}@keyframes phone{0%{transform:translateY(1200px)}100%{transform:translateY(0px)}}@keyframes plane{0%{transform:translate(-900px,1200px);opacity:0}5%{opacity:1}100%{transform:translate(0px,0px)}}@-webkit-keyframes plane{0%{-webkit-transform:translate(-900px,1200px);opacity:0}5%{opacity:1}100%{-webkit-transform:translate(0px,0px)}}@-webkit-keyframes left1{0%,30%{-webkit-transform:translateX(200px);opacity:0}33%,63%{-webkit-transform:translateX(0px);opacity:1}66%,100%{-webkit-transform:translateX(-200px);opacity:0}}@keyframes left1{0%,30%{transform:translateX(200px);opacity:0}33%,63%{transform:translateX(0px);opacity:1}66%,100%{transform:translateX(-200px);opacity:0}}@-webkit-keyframes left0{0%,63%{-webkit-transform:translateX(0px);opacity:1}66%,100%{-webkit-transform:translateX(-200px);opacity:0}}@keyframes left0{0%,63%{transform:translateX(0px);opacity:1}66%,100%{transform:translateX(-200px);opacity:0}}@keyframes bounce{0%{transform:translateY(-80px);opacity:0}100%{transform:translateY(0px);opacity:1}}@-webkit-keyframes bounce{0%{-webkit-transform:translateY(-80px);opacity:0}100%{-webkit-transform:translateY(0px);opacity:1}}@keyframes bounce1{0%{transform:translateY(0px)}100%{transform:translateY(10px)}}@-webkit-keyframes bounce1{0%{-webkit-transform:translateY(0px)}100%{-webkit-transform:translateY(10px)}}@keyframes bounce2{0%{transform:translateX(0px)}100%{transform:translateX(5px)}}@-webkit-keyframes bounce2{0%{-webkit-transform:translateX(0px)}100%{-webkit-transform:translateX(5px)}}@keyframes bounceDown{0%{transform:translateY(-50px);opacity:0}60%{transform:translateY(10px);opacity:1}70%{transform:translateY(-5px);opacity:1}80%{transform:translateY(5px);opacity:1}90%{transform:translateY(-3px);opacity:1}100%{transform:translateY(0px);opacity:1}}@-webkit-keyframes bounceDown{0%{-webkit-transform:translateY(-50px);opacity:0}60%{-webkit-transform:translateY(10px);opacity:1}70%{-webkit-transform:translateY(-5px);opacity:1}80%{-webkit-transform:translateY(5px);opacity:1}90%{-webkit-transform:translateY(-3px);opacity:1}100%{-webkit-transform:translateY(0px);opacity:1}}@keyframes bb1{0%{transform:translateX(180px) rotateY(0deg)}49.9%{transform:translateX(0px) rotateY(0deg)}50%{transform:translateX(0px) rotateY(-180deg)}100%{transform:translateX(180px) rotateY(-180deg)}}@-webkit-keyframes bb1{0%{-webkit-transform:translateX(180px) rotateY(0deg)}49.9%{-webkit-transform:translateX(0px) rotateY(0deg)}50%{-webkit-transform:translateX(0px) rotateY(-180deg)}100%{-webkit-transform:translateX(180px) rotateY(-180deg)}}@keyframes hand{0%{transform:translate(50px,0px);opacity:0}70%{transform:translate(0px,0px);opacity:1}80%{transform:translate(5px,5px);opacity:1}90%{transform:translate(0px,0px);opacity:1}100%{transform:translate(0px,0px);opacity:0}}@-webkit-keyframes hand{0%{-webkit-transform:translate(50px,0px);opacity:0}70%{-webkit-transform:translate(0px,0px);opacity:1}80%{-webkit-transform:translate(5px,5px);opacity:1}90%{-webkit-transform:translate(0px,0px);opacity:1}100%{-webkit-transform:translate(0px,0px);opacity:0}}@keyframes rotate1{0%{transform:rotate(3deg)}100%{transform:rotate(-3deg)}}@-webkit-keyframes rotate1{0%{-webkit-transform:rotate(3deg)}100%{-webkit-transform:rotate(-3deg)}}@keyframes rotate3{0%,15%,25%,100%{transform:rotate(3deg)}20%{transform:rotate(-3deg)}}@-webkit-keyframes rotate3{0%,15%,25%,100%{-webkit-transform:rotate(3deg)}20%{-webkit-transform:rotate(-3deg)}}@-webkit-keyframes up{0%{-webkit-transform:translateY(-200px);opacity:0}100%{-webkit-transform:translateY(0px);opacity:1}}@keyframes up{0%{transform:translateY(-200px);opacity:0}100%{transform:translateY(0px);opacity:1}}@-webkit-keyframes down{0%{-webkit-transform:translateY(300px);opacity:0}100%{-webkit-transform:translateY(0px);opacity:1}}@keyframes down{0%{transform:translateY(300px);opacity:0}100%{transform:translateY(0px);opacity:1}}@-webkit-keyframes left{0%{-webkit-transform:translateX(-200px);opacity:0}100%{-webkit-transform:translateX(0px);opacity:1}}@keyframes left{0%{transform:translateX(-200px);opacity:0}100%{transform:translateX(0px);opacity:1}}@-webkit-keyframes right{0%{-webkit-transform:translateX(200px);opacity:0}100%{-webkit-transform:translateX(0px);opacity:1}}@keyframes right{0%{transform:translateX(200px);opacity:0}100%{transform:translateX(0px);opacity:1}}@-webkit-keyframes right1{0%{-webkit-transform:translateX(120px);opacity:0}10%{opacity:1}100%{-webkit-transform:translateX(0px);opacity:1}}@keyframes right1{0%{transform:translateX(120px);opacity:0}10%{opacity:1}100%{transform:translateX(0px);opacity:1}}@-webkit-keyframes scale{0%{-webkit-transform:scale(0,0)}100%{-webkit-transform:scale(1,1)}}@keyframes scale{0%{transform:scale(0,0)}100%{transform:scale(1,1)}}@-webkit-keyframes scale1{0%{-webkit-transform:scale(.9,.9)}100%{-webkit-transform:scale(1,1)}}@keyframes scale1{0%{transform:scale(.9,.9)}100%{transform:scale(1,1)}}@-webkit-keyframes rotate2{0%{-webkit-transform:rotate(10deg)}100%{-webkit-transform:rotate(-10deg)}}@keyframes rotate2{0%{transform:rotate(10deg)}100%{transform:rotate(-10deg)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{transform:scale(1)}}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(.9)}100%{-webkit-transform:scale(1)}}@-webkit-keyframes clarity{0%{opacity:0}100%{opacity:1}}@keyframes clarity{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes clarity1{0%{opacity:0}49%{opacity:0}51%{opacity:1}100%{opacity:1}}@keyframes clarity1{0%{opacity:0}49%{opacity:0}51%{opacity:1}100%{opacity:1}}@-webkit-keyframes clarity2{0%,100%{opacity:0}10%,90%{opacity:1}}@keyframes clarity2{0%,100%{opacity:0}10%,90%{opacity:1}}@-webkit-keyframes clarity3{0%{opacity:1}100%{opacity:0}}@keyframes clarity3{0%{opacity:1}100%{opacity:0}}#my_music{position:fixed;left:.5em;bottom:1em;width:3em;height:3em;background:url(../images/music.png) no-repeat;background-size:100%;z-index:99}#my_music.off{opacity:.8;background:url(../images/music-off.png) no-repeat;background-size:100%}