body,html{position:relative;width:100%;height:auto}
.bgBox{width:100%;position:absolute;z-index:-1;overflow:hidden}
.bgBox .bg-1{background:url(../images/bg/kv.png) no-repeat center 0/cover;width:100%;height:100vh;position:relative;overflow:hidden}
.bg-1::before{content:"";background:url(../images/bg/mask.png) no-repeat 0 0/cover;width:100%;height:100%;position:absolute;top:0;left:0;z-index:999}
.video-bg{position:absolute;width:auto;height:auto;min-width:100%;min-height:100%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.bgBox .bg-2{background:url(../images/bg/bg-mask.png) no-repeat 0 0/100% 100%;width:25.6rem;height:29.94rem;margin-top:-2.8rem;padding-top:2.8rem;position:relative;z-index:1}
.bgBox .bg-2 .bg-page2{background:url(../images/bg/bg-page2.png) no-repeat 0 0/100% 100%;width:25.6rem;height:10.43rem}
.bgBox .bg-2 .bg-page2.select{-webkit-filter:brightness(.3);filter:brightness(.3)}
.bgBox .bg-2 .bg-page3{background:url(../images/bg/bg-page3.png) no-repeat 0 0/100% 100%;width:25.6rem;height:15.95rem;margin-top:-.2rem}
.bgBox .bg-3{background:url(../images/bg/bg-page4.png) no-repeat 0 0/100% 100%;width:25.6rem;height:13.82rem;margin-top:-3.9rem;position:relative;z-index:2}
.bgBox .bg-4{background:url(../images/bg/bg-page5.png) no-repeat 0 0/100% 100%;width:25.6rem;height:48.6rem;margin-top:-1rem;position:relative;z-index:3;overflow:hidden}
.bgBox .bg-4 .bg-4-num{background:url(../images/bg/bg-scrollpage.png) repeat-y 0 0/100% 25%;width:24.13rem;height:115.76rem;margin:28.42rem auto 0}
footer{background-color:#171717;width:25.6rem;height:7.6rem}
.sidebar-licia{width:1.83rem;height:2.05rem;position:fixed;bottom:4.5rem;right:-.7rem;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;z-index:99}
.sidebar-licia img{width:100%}
.sidebar-licia:hover{right:-.6rem;bottom:4.7rem}
.sidebar-licia::after{content:"";background:url(../images/sidebar-tips.png) no-repeat 0 0/100% 100%;width:1.13rem;height:.89rem;position:absolute;top:.6rem;left:-1rem;opacity:0;-webkit-transform-origin:right center;transform-origin:right center;-webkit-transition:all .3s;transition:all .3s;-webkit-animation:tipsAni 1s ease-in-out infinite;animation:tipsAni 1s ease-in-out infinite}
.sidebar-licia:hover::after{opacity:1}
@-webkit-keyframes tipsAni{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@keyframes tipsAni{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
.sidebar-nav{background-color:#000;width:6.12rem;height:100%;position:fixed;top:0;left:-5.3rem;z-index:999;overflow:hidden;-webkit-transition:all .3s;transition:all .3s}
.sidebar-nav.cur{left:0}
.nav-bg-top{width:5.23rem;height:9.99rem;position:absolute;top:0;left:0;z-index:-1}
.nav-bg-bottom{width:5.22rem;height:1.34rem;position:absolute;bottom:0;left:0;z-index:-1}
.nav-rightbar-bg{background-image:url(../images/nav/nav-switch.png);background-repeat:repeat-y;background-size:contain;background-position:0 0;width:.87rem;height:100%;position:absolute;right:0;top:0;z-index:-1;cursor:pointer}
.nav-line{background-image:url(../images/nav/nav-line.png);background-repeat:no-repeat;background-size:.28rem 7.17rem;background-position:center bottom;width:.28rem;height:.32rem;position:absolute;top:1.68rem;left:.65rem;z-index:-1}
.nav-line.cur{-webkit-transition:height 1s .3s cubic-bezier(.215,.61,.355,1);transition:height 1s .3s cubic-bezier(.215,.61,.355,1);height:7.17rem}
.nav-logo{display:block;width:2.49rem;height:.63rem;margin-top:.5rem;margin-left:1.52rem;-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem);opacity:0}
.nav-logo.cur{-webkit-transition:all .2s .3s cubic-bezier(.215,.61,.355,1);transition:all .2s .3s cubic-bezier(.215,.61,.355,1);-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
.nav-logo img{width:100%}
.sidebar-nav ul{width:3.82rem;height:6.14rem;margin-left:.74rem;margin-top:.5rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.sidebar-nav ul li{width:3.82rem;height:.64rem;cursor:pointer;-webkit-filter:brightness(.8);filter:brightness(.8);-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem);opacity:0}
.sidebar-nav ul li.cur{-webkit-transition:opacity .2s .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .2s .3s cubic-bezier(.215,.61,.355,1);transition:opacity .2s .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .2s .3s cubic-bezier(.215,.61,.355,1);transition:opacity .2s .3s cubic-bezier(.215,.61,.355,1),transform .2s .3s cubic-bezier(.215,.61,.355,1);transition:opacity .2s .3s cubic-bezier(.215,.61,.355,1),transform .2s .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .2s .3s cubic-bezier(.215,.61,.355,1);-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
.sidebar-nav ul li:hover{-webkit-filter:brightness(1);filter:brightness(1)}
.sidebar-nav ul li img{width:100%}
.sidebar-nav ul li.cur:first-child{-webkit-transition-delay:.4s;transition-delay:.4s}
.sidebar-nav ul li.cur:nth-child(2){-webkit-transition-delay:.5s;transition-delay:.5s}
.sidebar-nav ul li.cur:nth-child(3){-webkit-transition-delay:.6s;transition-delay:.6s}
.sidebar-nav ul li.cur:nth-child(4){-webkit-transition-delay:.7s;transition-delay:.7s}
.sidebar-nav ul li.cur:nth-child(5){-webkit-transition-delay:.8s;transition-delay:.8s}
.sidebar-nav ul li.cur:nth-child(6){-webkit-transition-delay:.9s;transition-delay:.9s}
.nav-goHome{display:block;width:2.57rem;height:.68rem;margin-top:.5rem;margin-left:1.36rem;-webkit-filter:brightness(.8);filter:brightness(.8);-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem);opacity:0}
.nav-goHome.cur{-webkit-transition:opacity .2s 1s cubic-bezier(.215,.61,.355,1),-webkit-transform .2s 1s cubic-bezier(.215,.61,.355,1);transition:opacity .2s 1s cubic-bezier(.215,.61,.355,1),-webkit-transform .2s 1s cubic-bezier(.215,.61,.355,1);transition:opacity .2s 1s cubic-bezier(.215,.61,.355,1),transform .2s 1s cubic-bezier(.215,.61,.355,1);transition:opacity .2s 1s cubic-bezier(.215,.61,.355,1),transform .2s 1s cubic-bezier(.215,.61,.355,1),-webkit-transform .2s 1s cubic-bezier(.215,.61,.355,1);-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
.nav-goHome:hover{-webkit-filter:brightness(1);filter:brightness(1)}
.nav-goHome img{width:100%}
.nav-switch{width:.57rem;height:.44rem;position:absolute;right:.16rem;top:50%;margin-top:-.22rem;cursor:pointer}
.nav-switch .nav-switch-on{width:.57rem;height:.4rem;position:absolute;top:0;left:0;opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s}
.nav-switch .nav-switch-off{width:.48rem;height:.4rem;position:absolute;top:0;left:.04rem;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}
.nav-switch.cur .nav-switch-on{opacity:0}
.nav-switch.cur .nav-switch-off{opacity:1}
.wrapper{width:100%;overflow:hidden}
.s1{width:25.6rem;height:100vh;position:relative;overflow:hidden}
.s1-slogan-top{display:block;width:7.85rem;height:.39rem;margin:.9rem auto 0}
.s1-communityBox{position:absolute;top:.96rem;right:1.6rem;width:.68rem;height:2.74rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:99}
.s1-communityBox a{width:.68rem;height:.74rem;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .1s ease-in-out;transition:-webkit-transform .1s ease-in-out;transition:transform .1s ease-in-out;transition:transform .1s ease-in-out,-webkit-transform .1s ease-in-out}
.s1-communityBox a:hover{-webkit-transform:scale(.95);transform:scale(.95)}
.s1-communityBox a img{width:100%}
.s1-playBtn{display:block;width:.78rem;height:.87rem;position:absolute;bottom:6.14rem;left:50%;margin-left:-.39rem;cursor:pointer}
.s1-playBtn span{background-image:url(../images/page1/playbtn-bg.png);background-repeat:no-repeat;background-size:.78rem 1.67rem;background-position:0 0;width:.72rem;height:.76rem;position:absolute;top:0;left:0}
.s1-playBtn:hover span{background-position:0 -.82rem;width:.87rem;height:.78rem;top:-.05rem;left:.02rem}
.s1-playBtn img{width:.21rem;height:.25rem;position:absolute;top:.23rem;left:.31rem}
.s1-preNum{background:url(../images/page1/preorder-bg.png) no-repeat 0 0/100% 100%;width:4.36rem;height:1.42rem;position:absolute;bottom:4.3rem;left:50%;margin-left:-2.18rem;padding:.32rem 0 0 .4rem}
.s1-preNum span{width:.57rem;height:.77rem;float:left;position:relative}
.s1-preNum span i.num0{background:url(../images/page1/num/0.png) no-repeat 0 0/100% 100%;width:.56rem;height:.76rem;position:absolute;top:.02rem;left:0}
.s1-preNum span i.num1{background:url(../images/page1/num/1.png) no-repeat 0 0/100% 100%;width:.27rem;height:.69rem;position:absolute;top:.04rem;left:.3rem}
.s1-preNum span i.num2{background:url(../images/page1/num/2.png) no-repeat 0 0/100% 100%;width:.57rem;height:.77rem;position:absolute;top:.02rem;left:0}
.s1-preNum span i.num3{background:url(../images/page1/num/3.png) no-repeat 0 0/100% 100%;width:.53rem;height:.77rem;position:absolute;top:.02rem;left:.03rem}
.s1-preNum span i.num4{background:url(../images/page1/num/4.png) no-repeat 0 0/100% 100%;width:.54rem;height:.69rem;position:absolute;top:.04rem;left:.03rem}
.s1-preNum span i.num5{background:url(../images/page1/num/5.png) no-repeat 0 0/100% 100%;width:.54rem;height:.77rem;position:absolute;top:.02rem;left:.03rem}
.s1-preNum span i.num6{background:url(../images/page1/num/6.png) no-repeat 0 0/100% 100%;width:.54rem;height:.77rem;position:absolute;top:.02rem;left:.03rem}
.s1-preNum span i.num7{background:url(../images/page1/num/7.png) no-repeat 0 0/100% 100%;width:.48rem;height:.73rem;position:absolute;top:.02rem;left:.08rem}
.s1-preNum span i.num8{background:url(../images/page1/num/8.png) no-repeat 0 0/100% 100%;width:.57rem;height:.77rem;position:absolute;top:.02rem;left:0}
.s1-preNum span i.num9{background:url(../images/page1/num/9.png) no-repeat 0 0/100% 100%;width:.54rem;height:.77rem;position:absolute;top:.02rem;left:.03rem}
.s1-slogan{display:block;width:7.13rem;height:2.31rem;position:absolute;bottom:2.4rem;left:50%;margin-left:-3.565rem}
.s1-downloadBox{position:absolute;bottom:2.02rem;left:50%;margin-left:-2.5rem;width:5rem;height:.72rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.s1-downloadBox a{width:2.34rem;height:.72rem;-webkit-filter:brightness(.9);filter:brightness(.9)}
.s1-downloadBox a img{width:100%}
.s1-downloadBox a:hover{-webkit-filter:brightness(1);filter:brightness(1)}
.s1-godown{display:block;width:.5rem;height:.42rem;position:absolute;bottom:1.3rem;left:50%;margin-left:-.25rem;-webkit-animation:scrollAni 1s infinite;animation:scrollAni 1s infinite}
@-webkit-keyframes scrollAni{
0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
100%{-webkit-transform:translateY(.8rem);transform:translateY(.8rem);opacity:0}
}
@keyframes scrollAni{
0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
100%{-webkit-transform:translateY(.8rem);transform:translateY(.8rem);opacity:0}
}
.s2{width:25.6rem;height:10.43rem;position:relative}
.s2-title{display:block;width:7.25rem;height:1.71rem;margin-left:9.33rem;margin-top:.6rem}
.s2-subtitle{width:1.3rem;height:2.96rem;position:absolute;top:0;left:1.62rem}
.s2-tectosomeWrap{width:15rem;height:7.7rem;margin:0 auto;position:relative}
.s2-tectosomeWrap ul{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute}
.s2-tectosomeWrap ul.s2-move{z-index:5}
.s2-tectosomeWrap ul li{width:3rem;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer}
.s2-tectosomeWrap ul li.s2-karenina{z-index:1}
.s2-tectosomeWrap ul li.s2-lee{z-index:2}
.s2-tectosomeWrap ul li.s2-liv{z-index:3}
.s2-tectosomeWrap ul li.s2-kamui{z-index:2}
.s2-tectosomeWrap ul li.s2-nanami{z-index:1}
.s2-tectosomeContent{width:3rem;height:100%;position:absolute;top:0;left:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.s2-karenina .s2-tectosomeContent{left:0}
.s2-lee .s2-tectosomeContent{left:20%}
.s2-liv .s2-tectosomeContent{left:40%}
.s2-kamui .s2-tectosomeContent{left:60%}
.s2-nanami .s2-tectosomeContent{left:80%}
.s2-tectosomeWrap ul li .s2-tectosomeContent.hover-active{-webkit-transform:scale(1.05);transform:scale(1.05)}
.s2-tectosomeWrap ul li .s2-tectosomeContent.hover-left{-webkit-transform:translateX(10%);transform:translateX(10%)}
.s2-tectosomeWrap ul li .s2-tectosomeContent.hover-right{-webkit-transform:translateX(-10%);transform:translateX(-10%)}
.s2-tectosomeBox.noselect{z-index:-1!important;cursor:unset}
.s2-tectosomeBox.noselect .s2-tectosomeContent{-webkit-filter:brightness(.3);filter:brightness(.3)}
.s2-tectosomeBox.select{z-index:99!important;cursor:unset}
.s2-tectosomeBox.select .s2-tectosomeContent{left:20%!important;-webkit-transform:translateY(-15%)!important;transform:translateY(-15%)!important}
.s2-tectosomeWrap ul li.s2-karenina .tectosome{background-image:url(../images/page2/karenina/karenina.png);background-repeat:no-repeat;background-size:11.61rem 8.72rem;background-position:0 0;width:5.72rem;height:8.54rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-42%,-40%) scale(.65);transform:translate(-42%,-40%) scale(.65);-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}
.s2-tectosomeWrap ul li.s2-karenina .s2-tectosomeContent.hover-active .tectosome{width:5.89rem;height:8.72rem;background-position:-5.72rem 0}
.s2-tectosomeBox.select.s2-karenina .s2-tectosomeContent .tectosome{-webkit-transform:translate(-55%,-48%) scale(1.26)!important;transform:translate(-55%,-48%) scale(1.26)!important}
.s2-tectosomeWrap ul li.s2-karenina .name{width:4rem;height:2rem;position:absolute;top:1.4rem;left:-2.4rem;background-image:url(../images/page2/karenina/name.png);background-repeat:no-repeat;background-size:4rem 182rem;background-position:0 0}
.s2-tectosomeWrap ul li.s2-karenina .teamlogo{display:none;width:2.07rem;height:2.46rem;position:absolute;top:0;left:-3rem;z-index:-1}
.s2-tectosomeWrap ul li.s2-karenina .cvslogan{display:none;width:1.52rem;height:4.06rem;position:absolute;top:3.5rem;left:-2rem}
.s2-tectosomeWrap ul li.s2-karenina .introduction{display:none;background:url(../images/page2/karenina/con-bg.png) no-repeat 0 0/100% 100%;width:5.08rem;height:7.71rem;position:absolute;top:0;left:3.8rem;z-index:-1}
.s2-close{width:.5rem;height:.52rem;position:absolute;top:0;right:-1rem;-webkit-transition:all .2s ease;transition:all .2s ease}
.s2-close img{width:100%}
.s2-close:hover{-webkit-transform:translateY(-5%);transform:translateY(-5%)}
.s2-tectosomeWrap ul li.s2-karenina .detail{position:absolute;top:1.66rem;left:1.5rem;width:3.5rem;height:2.1rem;color:#fff;font-size:.2rem;line-height:1.8}
.s2-tectosomeWrap ul li.s2-karenina .skillBox{width:2.7rem;height:1.57rem;position:absolute;top:4.4rem;left:1.86rem;border:1px solid #717171;overflow:hidden}
.s2-tectosomeWrap ul li.s2-karenina .skill{display:block;background:url(../images/page2/karenina/v-img.gif) no-repeat 0 0/100% 100%;width:2.7rem;height:1.57rem;-webkit-transition:all .3s;transition:all .3s;cursor:pointer}
.s2-tectosomeWrap ul li.s2-karenina .skillBox:hover .skill{-webkit-transform:scale(1.1);transform:scale(1.1)}
.s2-playBtn{background:url(../images/page2/play-bg.png) no-repeat 0 0/100% 100%;width:.66rem;height:.75rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer}
.s2-playBtn img{width:.18rem;height:.21rem;position:absolute;top:.26rem;left:.26rem}
.s2-getbtn{width:3.71rem;height:1.8rem;position:absolute;top:6.26rem;left:1.5rem;-webkit-transition:all .3s;transition:all .3s;-webkit-animation:flicker .8s ease-in-out infinite;animation:flicker .8s ease-in-out infinite}
.s2-getbtn img{width:100%}
.s2-getbtn:hover{-webkit-animation-duration:.3s;animation-duration:.3s}
@-webkit-keyframes flicker{
0%{-webkit-filter:brightness(1);filter:brightness(1)}
50%{-webkit-filter:brightness(.8);filter:brightness(.8)}
100%{-webkit-filter:brightness(1);filter:brightness(1)}
}
@keyframes flicker{
0%{-webkit-filter:brightness(1);filter:brightness(1)}
50%{-webkit-filter:brightness(.8);filter:brightness(.8)}
100%{-webkit-filter:brightness(1);filter:brightness(1)}
}
.s2-attentionbtn{width:.8rem;height:.8rem;position:absolute;top:6.9rem;left:5.3rem;-webkit-transition:all .2s ease;transition:all .2s ease}
.s2-attentionbtn:hover{-webkit-transform:translateY(-5%);transform:translateY(-5%)}
.s2-attentionbtn img{width:100%}
.s2-tectosomeWrap ul li.s2-lee .tectosome{background-image:url(../images/page2/lee/lee.png);background-repeat:no-repeat;background-size:5.33rem 8.33rem;background-position:0 0;width:2.58rem;height:8.23rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-46%) scale(.8);transform:translate(-50%,-46%) scale(.8);-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}
.s2-tectosomeWrap ul li.s2-lee .s2-tectosomeContent.hover-active .tectosome{width:2.75rem;height:8.33rem;background-position:-2.58rem 0}
.s2-tectosomeBox.select.s2-lee .s2-tectosomeContent .tectosome{-webkit-transform:translate(-50%,-48%) scale(1.28)!important;transform:translate(-50%,-48%) scale(1.28)!important}
.s2-tectosomeWrap ul li.s2-lee .name{width:4rem;height:2rem;position:absolute;top:0;left:-2.4rem;background-image:url(../images/page2/lee/name.png);background-repeat:no-repeat;background-size:4rem 182rem;background-position:0 0}
.s2-tectosomeWrap ul li.s2-lee .teamlogo{display:none;width:2.79rem;height:2.73rem;position:absolute;top:0;left:-2rem;z-index:-1}
.s2-tectosomeWrap ul li.s2-lee .cvslogan{display:none;width:1.26rem;height:4.67rem;position:absolute;top:3rem;left:-1.2rem}
.s2-tectosomeWrap ul li.s2-lee .introduction{display:none;background:url(../images/page2/lee/con-bg.png) no-repeat 0 0/100% 100%;width:5.18rem;height:5.4rem;position:absolute;top:0;left:3.8rem;z-index:-1}
.s2-tectosomeWrap ul li.s2-lee .detail{position:absolute;top:1.36rem;left:1.5rem;width:3.5rem;height:2.1rem;color:#fff;font-size:.2rem;line-height:1.8}
.s2-tectosomeWrap ul li.s2-lee .skillBox{width:2.7rem;height:1.57rem;position:absolute;top:4.08rem;left:1.86rem;border:1px solid #717171;overflow:hidden}
.s2-tectosomeWrap ul li.s2-lee .skill{display:block;background:url(../images/page2/lee/v-img.gif) no-repeat 0 0/100% 100%;width:2.7rem;height:1.57rem;-webkit-transition:all .3s;transition:all .3s;cursor:pointer}
.s2-tectosomeWrap ul li.s2-lee .skillBox:hover .skill{-webkit-transform:scale(1.1);transform:scale(1.1)}
.s2-tectosomeWrap ul li.s2-lee .s2-getbtn{top:5.88rem}
.s2-tectosomeWrap ul li.s2-lee .s2-attentionbtn{top:6.5rem}
.s2-tectosomeWrap ul li.s2-liv .tectosome{background-image:url(../images/page2/liv/liv.png);background-repeat:no-repeat;background-size:8.98rem 8.91rem;background-position:0 0;width:4.41rem;height:8.75rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-52%,-50%) scale(.8);transform:translate(-52%,-50%) scale(.8);-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}
.s2-tectosomeWrap ul li.s2-liv .s2-tectosomeContent.hover-active .tectosome{width:4.57rem;height:8.91rem;background-position:-4.41rem 0}
.s2-tectosomeBox.select.s2-liv .s2-tectosomeContent .tectosome{-webkit-transform:translate(-52%,-47%) scale(1.2)!important;transform:translate(-52%,-47%) scale(1.2)!important}
.s2-tectosomeWrap ul li.s2-liv .name{width:4rem;height:2rem;position:absolute;top:-.4rem;left:1.3rem;background-image:url(../images/page2/liv/name.png);background-repeat:no-repeat;background-size:4rem 182rem;background-position:0 0}
.s2-tectosomeWrap ul li.s2-liv .teamlogo{display:none;width:2.79rem;height:2.73rem;position:absolute;top:-.2rem;left:-1.5rem;z-index:-1}
.s2-tectosomeWrap ul li.s2-liv .cvslogan{display:none;width:1.36rem;height:4.48rem;position:absolute;top:3rem;left:-1.8rem}
.s2-tectosomeWrap ul li.s2-liv .introduction{display:none;background:url(../images/page2/liv/con-bg.png) no-repeat 0 0/100% 100%;width:5.08rem;height:4.28rem;position:absolute;top:0;left:3.8rem;z-index:-1}
.s2-tectosomeWrap ul li.s2-liv .detail{position:absolute;top:1.36rem;left:1.5rem;width:3.5rem;height:2.1rem;color:#fff;font-size:.2rem;line-height:1.8}
.s2-tectosomeWrap ul li.s2-liv .skillBox{width:2.7rem;height:1.57rem;position:absolute;top:4.08rem;left:1.86rem;border:1px solid #717171;overflow:hidden}
.s2-tectosomeWrap ul li.s2-liv .skill{display:block;background:url(../images/page2/liv/v-img.gif) no-repeat 0 0/100% 100%;width:2.7rem;height:1.57rem;-webkit-transition:all .3s;transition:all .3s;cursor:pointer}
.s2-tectosomeWrap ul li.s2-liv .skillBox:hover .skill{-webkit-transform:scale(1.1);transform:scale(1.1)}
.s2-tectosomeWrap ul li.s2-liv .s2-getbtn{top:5.6rem;left:1.4rem}
.s2-tectosomeWrap ul li.s2-liv .s2-attentionbtn{top:6.3rem}
.s2-tectosomeWrap ul li.s2-kamui .tectosome{background-image:url(../images/page2/kamui/kamui.png);background-repeat:no-repeat;background-size:6.65rem 8.26rem;background-position:0 0;width:3.28rem;height:8.17rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-45%) scale(.8);transform:translate(-50%,-45%) scale(.8);-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}
.s2-tectosomeWrap ul li.s2-kamui .s2-tectosomeContent.hover-active .tectosome{width:3.37rem;height:8.26rem;background-position:-3.28rem 0}
.s2-tectosomeBox.select.s2-kamui .s2-tectosomeContent .tectosome{-webkit-transform:translate(-50%,-50%) scale(1.3)!important;transform:translate(-50%,-50%) scale(1.3)!important}
.s2-tectosomeWrap ul li.s2-kamui .name{width:4rem;height:2rem;position:absolute;top:.2rem;left:1.6rem;background-image:url(../images/page2/kamui/name.png);background-repeat:no-repeat;background-size:4rem 182rem;background-position:0 0}
.s2-tectosomeWrap ul li.s2-kamui .teamlogo{display:none;width:3.38rem;height:3.09rem;position:absolute;top:.4rem;left:-2.6rem;z-index:-1}
.s2-tectosomeWrap ul li.s2-kamui .cvslogan{display:none;width:.95rem;height:4.02rem;position:absolute;top:3.2rem;left:-.6rem}
.s2-tectosomeWrap ul li.s2-kamui .introduction{display:none;background:url(../images/page2/kamui/con-bg.png) no-repeat 0 0/100% 100%;width:5.08rem;height:7.21rem;position:absolute;top:0;left:3.8rem;z-index:-1}
.s2-tectosomeWrap ul li.s2-kamui .detail{position:absolute;top:1.3rem;left:1.5rem;width:3.5rem;height:2.1rem;color:#fff;font-size:.2rem;line-height:1.8}
.s2-tectosomeWrap ul li.s2-kamui .skillBox{width:2.7rem;height:1.57rem;position:absolute;top:4.08rem;left:1.86rem;border:1px solid #717171;overflow:hidden}
.s2-tectosomeWrap ul li.s2-kamui .skill{display:block;background:url(../images/page2/kamui/v-img.gif) no-repeat 0 0/100% 100%;width:2.7rem;height:1.57rem;-webkit-transition:all .3s;transition:all .3s;cursor:pointer}
.s2-tectosomeWrap ul li.s2-kamui .skillBox:hover .skill{-webkit-transform:scale(1.1);transform:scale(1.1)}
.s2-tectosomeWrap ul li.s2-kamui .s2-getbtn{top:5.6rem}
.s2-tectosomeWrap ul li.s2-kamui .s2-attentionbtn{top:6.3rem}
.s2-tectosomeWrap ul li.s2-nanami .tectosome{background-image:url(../images/page2/nanami/nanami.png);background-repeat:no-repeat;background-size:17.6rem 8.02rem;background-position:0 0;width:8.62rem;height:7.85rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-66%,-35%) scale(.65);transform:translate(-66%,-35%) scale(.65);-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}
.s2-tectosomeWrap ul li.s2-nanami .s2-tectosomeContent.hover-active .tectosome{width:8.8rem;height:8.2rem;background-position:-8.62rem 0}
.s2-tectosomeBox.select.s2-nanami .s2-tectosomeContent .tectosome{-webkit-transform:translate(-84%,-45%) scale(1.3)!important;transform:translate(-84%,-45%) scale(1.3)!important}
.s2-tectosomeWrap ul li.s2-nanami .name{width:4rem;height:2rem;position:absolute;top:1.6rem;left:1.2rem;background-image:url(../images/page2/nanami/name.png);background-repeat:no-repeat;background-size:4rem 182rem;background-position:0 0}
.nameAniClass{-webkit-animation:nameAni steps(90) 1s forwards;animation:nameAni steps(90) 1s forwards}
@-webkit-keyframes nameAni{
0%{background-position:0 0}
100%{background-position:0 -180rem}
}
@keyframes nameAni{
0%{background-position:0 0}
100%{background-position:0 -180rem}
}
.s2-tectosomeWrap ul li.s2-nanami .teamlogo{display:none;width:2.34rem;height:2.21rem;position:absolute;top:-.2rem;left:-2.6rem;z-index:-1}
.s2-tectosomeWrap ul li.s2-nanami .cvslogan{display:none;width:.93rem;height:3.99rem;position:absolute;top:3.4rem;left:-2rem}
.s2-tectosomeWrap ul li.s2-nanami .introduction{display:none;background:url(../images/page2/nanami/con-bg.png) no-repeat 0 0/100% 100%;width:5.08rem;height:7.26rem;position:absolute;top:0;left:3.8rem;z-index:-1}
.s2-tectosomeWrap ul li.s2-nanami .detail{position:absolute;top:1.3rem;left:1.5rem;width:3.5rem;height:2.1rem;color:#fff;font-size:.2rem;line-height:1.8}
.s2-tectosomeWrap ul li.s2-nanami .skillBox{width:2.7rem;height:1.57rem;position:absolute;top:4.08rem;left:1.86rem;border:1px solid #717171;overflow:hidden}
.s2-tectosomeWrap ul li.s2-nanami .skill{display:block;background:url(../images/page2/nanami/v-img.gif) no-repeat 0 0/100% 100%;width:2.7rem;height:1.57rem;-webkit-transition:all .3s;transition:all .3s;cursor:pointer}
.s2-tectosomeWrap ul li.s2-nanami .skillBox:hover .skill{-webkit-transform:scale(1.1);transform:scale(1.1)}
.s2-tectosomeWrap ul li.s2-nanami .s2-getbtn{top:5.88rem}
.s2-tectosomeWrap ul li.s2-nanami .s2-attentionbtn{top:6.5rem}
.s3{width:25.6rem;height:12.2rem;position:relative}
.s3-title{display:block;width:6.51rem;height:1.93rem;margin-left:9.6rem}
.s3-subtitle{width:1.59rem;height:2.98rem;position:absolute;top:-.2rem;left:1.62rem}
.s3-icon{width:2.15rem;height:1.25rem;position:absolute;top:-.2rem;right:2.3rem}
.s3-rewardshowBox{width:18.8rem;height:6.89rem;margin-left:3.36rem;margin-top:-.33rem;position:relative}
.s3-reward-5w{width:2.84rem;height:3.95rem;position:absolute;top:.9rem;left:0}
.s3-reward-10w{width:2.84rem;height:4.45rem;position:absolute;top:1.6rem;left:3.48rem}
.s3-reward-20w{width:3.21rem;height:4.88rem;position:absolute;top:.94rem;left:6.88rem}
.s3-reward-30w{width:3.45rem;height:4.88rem;position:absolute;top:1.6rem;left:10.48rem}
.s3-reward-50w{width:5.23rem;height:6.89rem;position:absolute;top:0;left:13.74rem}
.s3-reward img{width:100%}
.s3-reward.reached::before{content:"";background:url(../images/page3/reached.png) no-repeat 0 0/100% 100%;width:2.58rem;height:2.13rem;position:absolute;bottom:0;right:0}
.s3-reward-5w.reached::before{bottom:-.2rem;right:-1.1rem}
.s3-reward-10w.reached::before{bottom:0;right:-1.2rem}
.s3-reward-20w.reached::before{bottom:.1rem;right:-1.1rem}
.s3-reward-30w.reached::before{bottom:.4rem;right:-.8rem}
.s3-reward-50w.reached::before{bottom:1.4rem;right:-1.2rem}
.s3-prenumBox{width:4.94rem;height:.73rem;position:relative;margin-left:3.15rem}
.s3-prenum-title{width:2.66rem;height:.28rem;position:absolute;top:.36rem;left:0}
.s3-prenum{background:url(../images/page3/prenum-bg.png) no-repeat 0 0/100% 100%;width:2.23rem;height:.73rem;position:absolute;right:0;top:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-right:.2rem}
.s3-prenum span{width:.57rem;height:.77rem;position:relative}
.s3-prenum span{-webkit-transform:scale(.6);transform:scale(.6)}
.s3-prenum span i.num0{background:url(../images/page1/num/0.png) no-repeat 0 0/100% 100%;width:.56rem;height:.76rem;position:absolute;top:.02rem;left:0}
.s3-prenum span i.num1{background:url(../images/page1/num/1.png) no-repeat 0 0/100% 100%;width:.27rem;height:.69rem;position:absolute;top:.04rem;left:.3rem}
.s3-prenum span i.num2{background:url(../images/page1/num/2.png) no-repeat 0 0/100% 100%;width:.57rem;height:.77rem;position:absolute;top:.02rem;left:0}
.s3-prenum span i.num3{background:url(../images/page1/num/3.png) no-repeat 0 0/100% 100%;width:.53rem;height:.77rem;position:absolute;top:.02rem;left:.03rem}
.s3-prenum span i.num4{background:url(../images/page1/num/4.png) no-repeat 0 0/100% 100%;width:.54rem;height:.69rem;position:absolute;top:.02rem;left:.03rem}
.s3-prenum span i.num5{background:url(../images/page1/num/5.png) no-repeat 0 0/100% 100%;width:.54rem;height:.77rem;position:absolute;top:.02rem;left:.03rem}
.s3-prenum span i.num6{background:url(../images/page1/num/6.png) no-repeat 0 0/100% 100%;width:.54rem;height:.77rem;position:absolute;top:.02rem;left:.03rem}
.s3-prenum span i.num7{background:url(../images/page1/num/7.png) no-repeat 0 0/100% 100%;width:.48rem;height:.73rem;position:absolute;top:.04rem;left:.08rem}
.s3-prenum span i.num8{background:url(../images/page1/num/8.png) no-repeat 0 0/100% 100%;width:.57rem;height:.77rem;position:absolute;top:.02rem;left:0}
.s3-prenum span i.num9{background:url(../images/page1/num/9.png) no-repeat 0 0/100% 100%;width:.54rem;height:.77rem;position:absolute;top:.02rem;left:.03rem}
.s3-progressBox{width:17.74rem;height:.43rem;margin-top:.1rem;margin-left:3.06rem;position:relative}
.s3-progress-0{background-image:url(../images/page3/progress-0.png);background-repeat:no-repeat;background-position:0 0;background-size:auto 100%;width:17.74rem;height:.43rem;position:absolute;top:0;left:0}
.s3-progress-0.reached-5w{width:15.9rem;background-position-x:-1.84rem;left:1.84rem}
.s3-progress-0.reached-10w{width:12.31rem;background-position-x:-5.43rem;left:5.43rem}
.s3-progress-0.reached-20w{width:8.74rem;background-position-x:-9rem;left:9rem}
.s3-progress-0.reached-30w{width:5.08rem;background-position-x:-12.66rem;left:12.66rem}
.s3-progress-0.reached-50w{display:none}
.s3-progress-1{background:url(../images/page3/progress-1.png) no-repeat 0 0/auto 100%;width:0;height:.43rem;position:absolute;top:0;left:0;z-index:1}
.s3-progress-1.reached-5w{width:1.84rem}
.s3-progress-1.reached-10w{width:5.43rem}
.s3-progress-1.reached-20w{width:9rem}
.s3-progress-1.reached-30w{width:12.66rem}
.s3-progress-1.reached-50w{width:17.74rem}
.s3-attention{width:.8rem;height:.8rem;position:absolute;top:9.18rem;right:3.6rem;-webkit-transition:all .2s ease;transition:all .2s ease}
.s3-attention:hover{-webkit-transform:translateY(-5%);transform:translateY(-5%)}
.s3-attention img{width:100%}
.s3-preBox{width:14.46rem;height:.81rem;margin:.66rem auto 0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.s3-preBox a{width:2.6rem;height:.8rem;-webkit-filter:brightness(.9);filter:brightness(.9)}
.s3-preBox a img{width:100%}
.s3-preBox a:hover{-webkit-filter:brightness(1);filter:brightness(1)}
.s4{width:25.6rem;height:12.8rem;position:relative;overflow:hidden}
.s4-title{display:block;width:7.22rem;height:1.7rem;margin:.84rem auto 0}
.s4-subtitle{width:1.6rem;height:3.01rem;position:absolute;top:.38rem;left:1.62rem}
.s4-inviteShow{width:10.2rem;height:4.42rem;margin:.6rem auto 0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.s4-inviteShow img{width:2.9rem;height:4.42rem}
.s4-inviteShow .s4-reward2{width:3.37rem}
.s4-inviteShow .s4-reward3{width:3.22rem}
.s4-inviteBtnBox{background:url(../images/page4/btn-pre.png) no-repeat 0 0/100% 100%;width:3.95rem;height:.84rem;position:relative;margin:.5rem auto 0;cursor:pointer}
.s4-inviteBtnBox span:first-child{background:url(../images/page4/next1.png) no-repeat 0 0/100% 100%;width:.28rem;height:.38rem;position:absolute;top:.2rem;left:2.75rem;-webkit-animation:nextAni .3s ease-in-out infinite;animation:nextAni .3s ease-in-out infinite}
.s4-inviteBtnBox span:nth-child(2){background:url(../images/page4/next2.png) no-repeat 0 0/100% 100%;width:.3rem;height:.38rem;position:absolute;top:.2rem;left:3rem;-webkit-animation:nextAni .4s ease-in-out infinite;animation:nextAni .4s ease-in-out infinite}
.s4-inviteBtnBox span:nth-child(3){background:url(../images/page4/next3.png) no-repeat 0 0/100% 100%;width:.29rem;height:.38rem;position:absolute;top:.2rem;left:3.26rem;-webkit-animation:nextAni .5s ease-in-out infinite;animation:nextAni .5s ease-in-out infinite}
@-webkit-keyframes nextAni{
0%{opacity:1}
50%{opacity:.5}
100%{opacity:1}
}
@keyframes nextAni{
0%{opacity:1}
50%{opacity:.5}
100%{opacity:1}
}
.s4-rulesBox{background:url(../images/page4/rules-bg.png) no-repeat 0 0/100% 100%;width:9.78rem;height:2.49rem;margin:.55rem auto 0;padding:.3rem .53rem;overflow:hidden;position:relative}
.s4-more{background:url(../images/page4/btn-more.png) no-repeat 0 0/100% 100%;width:.84rem;height:.29rem;position:absolute;bottom:.2rem;right:.47rem;cursor:pointer}
.s4-rulesOuter-0{width:100%;height:100%;color:#fff;font-size:.2rem;line-height:1.8;overflow:hidden}
.s5{width:25.6rem;height:14.72rem;position:relative;overflow:hidden}
.s5-title{width:3.16rem;height:1.48rem;display:block;margin:1.2rem auto 0}
.s5-icon{width:2.55rem;height:.7rem;position:absolute;top:.56rem;left:1.63rem}
.s5-wvBox{background:url(../images/page5/line.png) no-repeat 0 0/100% 100%;width:12.19rem;height:7.36rem;margin-left:6.43rem;margin-top:1.58rem;position:relative;pointer-events:all!important}
.s5-wv img{width:100%}
.s5-wv:hover{-webkit-animation:blurAni .5s ease-out;animation:blurAni .5s ease-out}
@-webkit-keyframes blurAni{
0%{-webkit-filter:blur(0);filter:blur(0)}
25%{-webkit-filter:blur(2px);filter:blur(2px)}
30%{-webkit-filter:blur(3px);filter:blur(3px)}
75%{-webkit-filter:blur(2px);filter:blur(2px)}
100%{-webkit-filter:blur(0);filter:blur(0)}
}
@keyframes blurAni{
0%{-webkit-filter:blur(0);filter:blur(0)}
25%{-webkit-filter:blur(2px);filter:blur(2px)}
30%{-webkit-filter:blur(3px);filter:blur(3px)}
75%{-webkit-filter:blur(2px);filter:blur(2px)}
100%{-webkit-filter:blur(0);filter:blur(0)}
}
.s5-wv::before{-webkit-transition:opacity .3s ease;transition:opacity .3s ease;opacity:0}
.s5-wv:hover::before{opacity:1}
.s5-wv1{width:3.78rem;height:2.31rem;position:absolute;top:-.72rem;left:.26rem;cursor:pointer}
.s5-wv1::before{content:"";background:url(../images/page5/wv1-title.png) no-repeat 0 0/100% 100%;width:1.09rem;height:.27rem;position:absolute;bottom:.2rem;right:.2rem}
.s5-wv2{width:3.63rem;height:2.25rem;position:absolute;top:-.6rem;left:5.96rem;cursor:pointer}
.s5-wv2::before{content:"";background:url(../images/page5/wv2-title.png) no-repeat 0 0/100% 100%;width:.72rem;height:.27rem;position:absolute;bottom:.2rem;right:.2rem}
.s5-wv3{width:2.08rem;height:2.93rem;position:absolute;top:1.32rem;left:11.3rem;cursor:pointer}
.s5-wv3::before{content:"";background:url(../images/page5/wv3-title.png) no-repeat 0 0/100% 100%;width:1.86rem;height:.28rem;position:absolute;bottom:.2rem;right:.1rem}
.s5-wv4{width:3.39rem;height:2rem;position:absolute;top:5.82rem;left:9.78rem;cursor:pointer}
.s5-wv4::before{content:"";background:url(../images/page5/wv4-title.png) no-repeat 0 0/100% 100%;width:1.89rem;height:.28rem;position:absolute;bottom:.2rem;right:.2rem}
.s5-wv5{width:3.6rem;height:2.55rem;position:absolute;top:6.34rem;left:2.96rem;cursor:pointer}
.s5-wv5::before{content:"";background:url(../images/page5/wv5-title.png) no-repeat 0 0/100% 100%;width:.71rem;height:.27rem;position:absolute;bottom:.2rem;right:.2rem}
.s5-wv6{width:4.49rem;height:2.13rem;position:absolute;top:3.16rem;left:-1.76rem;cursor:pointer}
.s5-wv6::before{content:"";background:url(../images/page5/wv6-title.png) no-repeat 0 0/100% 100%;width:.72rem;height:.27rem;position:absolute;bottom:.2rem;right:.2rem}
.s5-wv7{width:5.35rem;height:3.25rem;position:absolute;top:2.12rem;left:4rem;cursor:pointer}
.s5-wv7::before{content:"";background:url(../images/page5/wv7-title.png) no-repeat 0 0/100% 100%;width:1.46rem;height:.27rem;position:absolute;bottom:.2rem;right:.2rem}
.s6{width:25.6rem;height:13rem;position:relative}
.s6-title{display:block;width:4.06rem;height:1.48rem;margin:0 auto}
.s6-twBox{background:url(../images/page7/con-bg.png) no-repeat 0 0/100% 100%;width:10.52rem;height:9.57rem;margin:.72rem auto 0;overflow:hidden;padding-top:.2rem;padding-left:1rem;padding-right:1rem;padding-bottom:0}
.s6-tw{width:100%;height:100%}
.s7{width:25.6rem;height:18rem;position:relative}
.s7-title{width:3.74rem;height:1.48rem;display:block;margin:0 auto}
.s7-attentionBox{background:url(../images/page7/con-bg.png) no-repeat 0 0/100% 100%;width:10.52rem;height:9.57rem;margin:.72rem auto 0;overflow:hidden;padding-top:.6rem;padding-left:.9rem;padding-right:.6rem;padding-bottom:.7rem}
.s7-attention{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;font-size:.2rem;color:#fff;line-height:1.5}
.s7-attention::-webkit-scrollbar{width:.15rem;height:1px}
.s7-attention::-webkit-scrollbar-thumb{background:#822322}
.s7-attention::-webkit-scrollbar-track{background:#606060}
.s7-config{display:block;width:6.59rem;height:2.48rem;margin:.92rem auto 0}
.s7-preBox{width:14.5rem;height:.81rem;margin:.92rem auto 0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.s7-preBox a{width:2.55rem;height:.81rem;-webkit-filter:brightness(.9);filter:brightness(.9)}
.s7-preBox a:hover{-webkit-filter:brightness(1);filter:brightness(1)}
.s7-preBox a img{width:100%}
footer{width:25.6rem;height:5rem;position:relative;background-color:#171717}
.footer-linkBox{width:100%;height:.82rem;border-top:1px solid #323232;border-bottom:1px solid #323232;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}
.footer-link{position:relative;color:#fff;font-size:.24rem;line-height:.82rem;margin-right:1rem}
.footer-link:last-child{margin-right:0}
.footer-link:hover{color:#822222}
.footer-link span:first-child{display:inline-block;background:url(../images/page4/next1.png) no-repeat 0 0/100% 100%;width:.28rem;height:.38rem;vertical-align:middle;-webkit-transform:scale(.7);transform:scale(.7);-webkit-animation:nextAni .3s ease-in-out infinite;animation:nextAni .3s ease-in-out infinite}
.footer-link span:nth-child(2){display:inline-block;background:url(../images/page4/next2.png) no-repeat 0 0/100% 100%;width:.3rem;height:.38rem;vertical-align:middle;-webkit-transform:scale(.7);transform:scale(.7);margin-left:-.1rem;-webkit-animation:nextAni .4s ease-in-out infinite;animation:nextAni .4s ease-in-out infinite}
.footer-link span:nth-child(3){display:inline-block;background:url(../images/page4/next3.png) no-repeat 0 0/100% 100%;width:.29rem;height:.38rem;vertical-align:middle;-webkit-transform:scale(.7);transform:scale(.7);margin-left:-.1rem;-webkit-animation:nextAni .5s ease-in-out infinite;animation:nextAni .5s ease-in-out infinite}
.footer-company{display:block;width:5.35rem;height:1.07rem;margin:.25rem auto 0}
.footer-info{width:8.4rem;color:#6d6d6d;font-size:.2rem;line-height:1.5;margin:.26rem auto 0;position:relative}
.footer-info::before{content:"";position:absolute;top:.1rem;left:-.35rem;width:.2rem;height:.2rem;background-color:#525252}
.footer-gotop{width:1.82rem;height:2.22rem;position:absolute;top:-2.22rem;right:1.56rem}
.footer-gotop-heart{width:.68rem;height:.6rem;position:absolute;top:0;left:50%;margin-left:-.34rem}
.footer-gotop-top{width:.56rem;height:.24rem;position:absolute;top:1.1rem;left:50%;margin-left:-.28rem}
.footer-gotop-liv{width:1.82rem;height:1.38rem;position:absolute;top:.84rem;left:50%;margin-left:-.91rem;overflow:hidden}
.footer-gotop img{width:100%}
.footer-gotop-heart.gotopAni{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation:gotopAni .4s linear;animation:gotopAni .4s linear}
@-webkit-keyframes gotopAni{
0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
100%{-webkit-transform:translate3d(0,-80rem,0);transform:translate3d(0,-80rem,0);opacity:0}
}
@keyframes gotopAni{
0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
100%{-webkit-transform:translate3d(0,-80rem,0);transform:translate3d(0,-80rem,0);opacity:0}
}
.footer-gotop-heart img{-webkit-animation:footer-floating-y 3s cubic-bezier(.455,.03,.515,.955) infinite;animation:footer-floating-y 3s cubic-bezier(.455,.03,.515,.955) infinite}
.footer-gotop-heart img.floatAni{-webkit-animation:none;animation:none}
@-webkit-keyframes footer-floating-y{
0%,100%{-webkit-transform:translate3d(0,-.15rem,0);transform:translate3d(0,-.15rem,0)}
50%{-webkit-transform:translate3d(0,.15rem,0);transform:translate3d(0,.15rem,0)}
}
@keyframes footer-floating-y{
0%,100%{-webkit-transform:translate3d(0,-.15rem,0);transform:translate3d(0,-.15rem,0)}
50%{-webkit-transform:translate3d(0,.15rem,0);transform:translate3d(0,.15rem,0)}
}
.footer-gotop-liv img,.footer-gotop-top img{-webkit-transition:all .2s ease-out;transition:all .2s ease-out}
.footer-gotop:hover .footer-gotop-top img{-webkit-transform:translateY(-.2rem);transform:translateY(-.2rem)}
.footer-gotop:hover .footer-gotop-liv img{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}
.mask{background-color:#000;border-top:1px solid #000;position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;z-index:-1}
.mask.on{-webkit-opacity:.8;-moz-opacity:.8;opacity:.8;z-index:9998}
.dialog{display:none;position:fixed;top:50%;left:50%;z-index:9999}
.dialog.on{display:block}
.dialog-close{width:.43rem;height:.45rem;position:absolute;top:-.2rem;right:.6rem;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}
.dialog-close:hover{-webkit-transform:translateY(-5%);transform:translateY(-5%)}
.dialog-close img{width:100%}
.dialog-wv1{background:url(../images/page5/wv1-max.png) no-repeat 0 0/100% 100%;width:7.13rem;height:9.77rem;margin-left:-3.565rem;margin-top:-4.885rem}
.dialog-wv2{background:url(../images/page5/wv2-max.png) no-repeat 0 0/100% 100%;width:7.13rem;height:9.41rem;margin-left:-3.565rem;margin-top:-4.705rem}
.dialog-wv3{background:url(../images/page5/wv3-max.png) no-repeat 0 0/100% 100%;width:7.13rem;height:8.51rem;margin-left:-3.565rem;margin-top:-4.205rem}
.dialog-wv4{background:url(../images/page5/wv4-max.png) no-repeat 0 0/100% 100%;width:7.13rem;height:8.51rem;margin-left:-3.565rem;margin-top:-4.205rem}
.dialog-wv5{background:url(../images/page5/wv5-max.png) no-repeat 0 0/100% 100%;width:7.13rem;height:9.41rem;margin-left:-3.565rem;margin-top:-4.705rem}
.dialog-wv6{background:url(../images/page5/wv6-max.png) no-repeat 0 0/100% 100%;width:7.13rem;height:9.41rem;margin-left:-3.565rem;margin-top:-4.705rem}
.dialog-wv7{background:url(../images/page5/wv7-max.png) no-repeat 0 0/100% 100%;width:7.13rem;height:8.51rem;margin-left:-3.565rem;margin-top:-4.205rem}
.dialog-video{width:14rem;height:8rem;margin-left:-7rem;margin-top:-4rem;border:2px solid #822222;border-bottom:3px solid #822222;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#000}
.dialog-video .dialog-close{top:-.8rem;right:0}
.dialog-video .dialog-con{width:100%;height:100%;overflow:hidden}
.dialog-video video{width:100%;height:100%}
.dialog-iframe{width:14rem;height:8rem;margin-left:-7rem;margin-top:-4rem;border:2px solid #822222;border-bottom:3px solid #822222;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#000}
.dialog-iframe .dialog-close{top:-.8rem;right:0}
.dialog-iframe .dialog-con{width:100%;height:100%;overflow:hidden}
.dialog-iframe iframe{width:100%;height:100%}
.dialog-preways{background:url(../images/dialog/preBtn-bg.png) no-repeat 0 0/100% 100%;width:7.13rem;height:5.81rem;margin-left:-3.565rem;margin-top:-2.905rem}
.prewaysBox{width:5rem;height:1.84rem;position:absolute;top:2.5rem;left:50%;margin-left:-2.5rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.prewaysBox a{width:2.34rem;height:.73rem;-webkit-filter:brightness(.9);filter:brightness(.9)}
.prewaysBox a img{width:100%}
.prewaysBox a:hover{-webkit-filter:brightness(1);filter:brightness(1)}
.dialog-mail{background:url(../images/dialog/email-bg.png) no-repeat 0 0/100% 100%;width:7.13rem;height:7.21rem;margin-left:-3.565rem;margin-top:-3.605rem}
.dialog-mail .dialog-con{width:100%;height:100%;overflow:hidden}
.mail-input{display:block;margin:2.5rem auto 0;width:4.66rem;height:.7rem;background-color:#fff;-webkit-box-shadow:#fff 0 0 5px;box-shadow:#fff 0 0 5px;border:1px solid #ccc;padding:0 .1rem;line-height:.7rem;color:#000;font-weight:700;font-size:.2rem;outline:0}
.mail-input::-webkit-input-placeholder{font-size:.2rem;font-weight:700;color:#000}
.mail-input:-moz-placeholder{font-size:.2rem;font-weight:700;color:#000}
.mail-input:-ms-input-placeholder{font-size:.2rem;font-weight:700;color:#000}
.mail-tips{margin:.3rem auto 0;width:4.66rem;color:#fff;font-size:.2rem;line-height:1.5;letter-spacing:1px}
.mail-tips a{color:#28b7b5;text-decoration:underline}
.mail-preBtn{display:block;background:url(../images/dialog/email-btn-0.png) no-repeat 0 0/100% 100%;width:3.18rem;height:.64rem;cursor:pointer;margin:.5rem auto 0;position:relative}
.mail-preBtn span:first-child{background:url(../images/page4/next1.png) no-repeat 0 0/100% 100%;width:.28rem;height:.38rem;position:absolute;top:.14rem;left:2.4rem;-webkit-animation:nextAni .3s ease-in-out infinite;animation:nextAni .3s ease-in-out infinite}
.mail-preBtn span:nth-child(2){background:url(../images/page4/next2.png) no-repeat 0 0/100% 100%;width:.3rem;height:.38rem;position:absolute;top:.14rem;left:2.6rem;-webkit-animation:nextAni .4s ease-in-out infinite;animation:nextAni .4s ease-in-out infinite}
.mail-preBtn span:nth-child(3){background:url(../images/page4/next3.png) no-repeat 0 0/100% 100%;width:.29rem;height:.38rem;position:absolute;top:.14rem;left:2.8rem;-webkit-animation:nextAni .5s ease-in-out infinite;animation:nextAni .5s ease-in-out infinite}
.mail-preBtn::after{content:"";background:url(../images/dialog/email-btn-1.png) no-repeat 0 0/100% 100%;width:3.73rem;height:1.08rem;position:absolute;top:-.2rem;left:-.2rem;z-index:-1;opacity:0;-webkit-transition:all .3s;transition:all .3s}
.mail-preBtn:hover::after{opacity:1}
.dialog-comfirm{background:url(../images/dialog/comfirm-bg.png) no-repeat 0 0/100% 100%;width:7.13rem;height:6.91rem;margin-left:-3.565rem;margin-top:-3.455rem}
.comfirm-mail{color:#fff;font-size:.24rem;text-align:center;padding:.1rem .1rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:3.4rem auto 0}
.comfirm-btnBox{width:4.3rem;height:.55rem;margin:.6rem auto 0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.comfirm-yes{background:url(../images/dialog/comfirm-yes-0.png) no-repeat 0 0/100% 100%;width:1.76rem;height:.55rem;position:relative}
.comfirm-yes::after{content:"";background:url(../images/dialog/comfirm-yes-1.png) no-repeat 0 0/100% 100%;width:2.18rem;height:.9rem;position:absolute;top:-.15rem;left:-.14rem;opacity:0;z-index:-1;-webkit-transition:opacity .3s;transition:opacity .3s}
.comfirm-yes:hover::after{opacity:1}
.comfirm-no{background:url(../images/dialog/comfirm-no-0.png) no-repeat 0 0/100% 100%;width:1.76rem;height:.55rem;position:relative}
.comfirm-no::after{content:"";background:url(../images/dialog/comfirm-no-1.png) no-repeat 0 0/100% 100%;width:2.18rem;height:.9rem;position:absolute;top:-.15rem;left:-.14rem;opacity:0;z-index:-1;-webkit-transition:opacity .3s;transition:opacity .3s}
.comfirm-no:hover::after{opacity:1}
.dialog-pretips{background:url(../images/dialog/preTips-bg.png) no-repeat 0 0/100% 100%;width:7.13rem;height:5.31rem;margin-left:-3.565rem;margin-top:-2.655rem}
.pretips-mail{position:relative;display:block;background:url(../images/dialog/preTips-btn-0.png) no-repeat 0 0/100% 100%;width:2.29rem;height:.72rem;margin:2.9rem auto 0}
.pretips-mail::after{content:"";background:url(../images/dialog/preTips-btn-1.png) no-repeat 0 0/100% 100%;width:3.03rem;height:1.14rem;position:absolute;top:-.14rem;left:-.22rem;z-index:-1;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}
.pretips-mail:hover::after{opacity:1}
.dialog-share{background:url(../images/dialog/share-bg.png) no-repeat 0 0/100% 100%;width:7.13rem;height:6.61rem;margin-left:-3.565rem;margin-top:-3.305rem}
.share-linkBox{width:5.28rem;height:.68rem;margin:3rem auto 0;overflow:hidden}
.share-linkBox .share-input{width:4.14rem;height:.68rem;outline:0;border:none;background-color:transparent;color:#000;font-weight:700;font-size:.24rem;line-height:.68rem;padding:0 .1rem;float:left}
.share-copyBtn{width:1.14rem;height:.68rem;float:left;-webkit-filter:brightness(.9);filter:brightness(.9)}
.share-copyBtn:hover{-webkit-filter:brightness(1);filter:brightness(1)}
.share-copyBtn img{width:100%}
.share-twshare{display:block;background:url(../images/dialog/share-btn-0.png) no-repeat 0 0/100% 100%;width:3.18rem;height:.64rem;position:relative;margin:.6rem auto 0}
.share-twshare::after{content:"";background:url(../images/dialog/share-btn-1.png) no-repeat 0 0/100% 100%;width:3.73rem;height:1.08rem;position:absolute;top:-.2rem;left:-.2rem;z-index:-1;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}
.share-twshare:hover::after{opacity:1}
.share-twshare span:first-child{background:url(../images/page4/next1.png) no-repeat 0 0/100% 100%;width:.28rem;height:.38rem;position:absolute;top:.14rem;left:2.4rem;-webkit-animation:nextAni .3s ease-in-out infinite;animation:nextAni .3s ease-in-out infinite}
.share-twshare span:nth-child(2){background:url(../images/page4/next2.png) no-repeat 0 0/100% 100%;width:.3rem;height:.38rem;position:absolute;top:.14rem;left:2.6rem;-webkit-animation:nextAni .4s ease-in-out infinite;animation:nextAni .4s ease-in-out infinite}
.share-twshare span:nth-child(3){background:url(../images/page4/next3.png) no-repeat 0 0/100% 100%;width:.29rem;height:.38rem;position:absolute;top:.14rem;left:2.8rem;-webkit-animation:nextAni .5s ease-in-out infinite;animation:nextAni .5s ease-in-out infinite}
.dialog-success{background:url(../images/dialog/success-bg.png) no-repeat 0 0/100% 100%;width:7.13rem;height:4.61rem;margin-left:-3.565rem;margin-top:-2.305rem}
.dialog-rules{background:url(../images/page7/con-bg.png) no-repeat 0 0/100% 100%;width:10.52rem;height:9.57rem;margin-left:-5.255rem;margin-top:-4.785rem}
.dialog-rules .dialog-close{top:-.8rem;right:0}
.dialog-rules .dilaog-con{margin:.6rem auto .8rem;width:85%;height:90%;overflow-x:hidden;overflow-y:auto}
.dialog-rules .dilaog-con::-webkit-scrollbar{width:.1rem;height:1px}
.dialog-rules .dilaog-con::-webkit-scrollbar-thumb{border-radius:.12rem;background:#822322}
.dialog-rules .dilaog-con::-webkit-scrollbar-track{border-radius:.1rem;background:#606060}
.dialog-rulesInner{width:100%;color:#fff;font-size:.22rem;line-height:1.8}
.dialog-rulesInner p{color:#fff;font-size:.22rem;line-height:1.8}
.dialog-rules.dialog-rules1{background:url(../images/dialog/rules-bg.png) no-repeat 0 0/100% 100%;width:10.52rem;height:4.17rem;margin-left:-5.255rem;margin-top:-2.085rem}
.dialog-rules.dialog-rules1 .dilaog-con{margin:.6rem auto;width:85%;height:90%;overflow-x:hidden;overflow-y:auto}
.loading{background:#000 url(../images/loading/bg.jpg) no-repeat center 0/cover;width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999}
.loading-con{width:6rem;height:6rem;position:absolute;top:50%;left:50%;margin-left:-3rem;margin-top:-3rem}
.loading-teamlogo{background:url(../images/loading/teamlogo.png) no-repeat 0 0/100% 100%;width:4.85rem;height:4.73rem;position:absolute;top:50%;left:50%;margin-left:-3rem;margin-top:-4rem}
.loading-rotate{width:2.6rem;height:2.6rem;top:40%;left:50%;position:absolute;margin-left:-1.3rem;margin-top:-2rem;z-index:9}
.loading-rotate::before{content:"";width:2rem;height:2rem;top:50%;left:50%;position:absolute;margin-left:-1rem;margin-top:-1rem;background:url(../images/loading/rotateLeftAni.png) no-repeat 0 0/100% 100%;-webkit-animation:rotateLeftAni linear 10s infinite;animation:rotateLeftAni linear 10s infinite}
.loading-rotate:after{content:"";width:2.6rem;height:2.6rem;background:url(../images/loading/rotateRightAni.png) no-repeat 0 0/100% 100%;position:absolute;top:0;left:0;-webkit-animation:rotateRightAni linear 5s infinite;animation:rotateRightAni linear 5s infinite}
.percent{font-size:.6rem;color:#fff;text-align:center;position:relative;text-align:center;line-height:2.6rem}
@-webkit-keyframes rotateLeftAni{
from{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
}
@keyframes rotateLeftAni{
from{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
}
@-webkit-keyframes rotateRightAni{
from{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
to{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
}
@keyframes rotateRightAni{
from{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
to{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
}
.loading-tips .glitch-img{width:4.29rem;height:.62rem;background:url(../images/loading/tips.png) no-repeat 0 0/100% 100%;position:absolute;top:50%;left:50%;margin-left:-2rem;margin-top:1.4rem}
.aniImg .glitch-img:nth-child(n+2){-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-delay:2.8s;animation-delay:2.8s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;opacity:0}
.aniImg .glitch-img:nth-child(2){background-color:transparent;-webkit-animation-name:glitch-ani1;animation-name:glitch-ani1}
.aniImg .glitch-img:nth-child(3){background-color:transparent;-webkit-animation-name:glitch-ani2;animation-name:glitch-ani2}
.aniImg .glitch-img:nth-child(4){background-color:transparent;-webkit-animation-name:glitch-ani3;animation-name:glitch-ani3}
@-webkit-keyframes glitch-ani1{
0%{opacity:1;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);-webkit-clip-path:polygon(0 2%,100% 2%,100% 5%,0 5%);clip-path:polygon(0 2%,100% 2%,100% 5%,0 5%)}
2%{-webkit-clip-path:polygon(0 15%,100% 15%,100% 15%,0 15%);clip-path:polygon(0 15%,100% 15%,100% 15%,0 15%)}
4%{-webkit-clip-path:polygon(0 10%,100% 10%,100% 20%,0 20%);clip-path:polygon(0 10%,100% 10%,100% 20%,0 20%)}
6%{-webkit-clip-path:polygon(0 1%,100% 1%,100% 2%,0 2%);clip-path:polygon(0 1%,100% 1%,100% 2%,0 2%)}
8%{-webkit-clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%);clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%)}
10%{-webkit-clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%);clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%)}
12%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%);clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%)}
14%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%);clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%)}
16%{-webkit-clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%);clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%)}
18%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%);clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%)}
20%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%);clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%)}
21.9%{opacity:1;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
100%,22%{opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-clip-path:polygon(0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0)}
}
@keyframes glitch-ani1{
0%{opacity:1;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);-webkit-clip-path:polygon(0 2%,100% 2%,100% 5%,0 5%);clip-path:polygon(0 2%,100% 2%,100% 5%,0 5%)}
2%{-webkit-clip-path:polygon(0 15%,100% 15%,100% 15%,0 15%);clip-path:polygon(0 15%,100% 15%,100% 15%,0 15%)}
4%{-webkit-clip-path:polygon(0 10%,100% 10%,100% 20%,0 20%);clip-path:polygon(0 10%,100% 10%,100% 20%,0 20%)}
6%{-webkit-clip-path:polygon(0 1%,100% 1%,100% 2%,0 2%);clip-path:polygon(0 1%,100% 1%,100% 2%,0 2%)}
8%{-webkit-clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%);clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%)}
10%{-webkit-clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%);clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%)}
12%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%);clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%)}
14%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%);clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%)}
16%{-webkit-clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%);clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%)}
18%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%);clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%)}
20%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%);clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%)}
21.9%{opacity:1;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
100%,22%{opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-clip-path:polygon(0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0)}
}
@-webkit-keyframes glitch-ani2{
0%{opacity:1;-webkit-transform:translate3d(calc(-1 * 10px),0,0);transform:translate3d(calc(-1 * 10px),0,0);-webkit-clip-path:polygon(0 25%,100% 25%,100% 30%,0 30%);clip-path:polygon(0 25%,100% 25%,100% 30%,0 30%)}
3%{-webkit-clip-path:polygon(0 3%,100% 3%,100% 3%,0 3%);clip-path:polygon(0 3%,100% 3%,100% 3%,0 3%)}
5%{-webkit-clip-path:polygon(0 5%,100% 5%,100% 20%,0 20%);clip-path:polygon(0 5%,100% 5%,100% 20%,0 20%)}
7%{-webkit-clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%);clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%)}
9%{-webkit-clip-path:polygon(0 40%,100% 40%,100% 40%,0 40%);clip-path:polygon(0 40%,100% 40%,100% 40%,0 40%)}
11%{-webkit-clip-path:polygon(0 52%,100% 52%,100% 59%,0 59%);clip-path:polygon(0 52%,100% 52%,100% 59%,0 59%)}
13%{-webkit-clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%);clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%)}
15%{-webkit-clip-path:polygon(0 75%,100% 75%,100% 75%,0 75%);clip-path:polygon(0 75%,100% 75%,100% 75%,0 75%)}
17%{-webkit-clip-path:polygon(0 65%,100% 65%,100% 40%,0 40%);clip-path:polygon(0 65%,100% 65%,100% 40%,0 40%)}
19%{-webkit-clip-path:polygon(0 45%,100% 45%,100% 50%,0 50%);clip-path:polygon(0 45%,100% 45%,100% 50%,0 50%)}
20%{-webkit-clip-path:polygon(0 14%,100% 14%,100% 33%,0 33%);clip-path:polygon(0 14%,100% 14%,100% 33%,0 33%)}
21.9%{opacity:1;-webkit-transform:translate3d(calc(-1 * 10px),0,0);transform:translate3d(calc(-1 * 10px),0,0)}
100%,22%{opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-clip-path:polygon(0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0)}
}
@keyframes glitch-ani2{
0%{opacity:1;-webkit-transform:translate3d(calc(-1 * 10px),0,0);transform:translate3d(calc(-1 * 10px),0,0);-webkit-clip-path:polygon(0 25%,100% 25%,100% 30%,0 30%);clip-path:polygon(0 25%,100% 25%,100% 30%,0 30%)}
3%{-webkit-clip-path:polygon(0 3%,100% 3%,100% 3%,0 3%);clip-path:polygon(0 3%,100% 3%,100% 3%,0 3%)}
5%{-webkit-clip-path:polygon(0 5%,100% 5%,100% 20%,0 20%);clip-path:polygon(0 5%,100% 5%,100% 20%,0 20%)}
7%{-webkit-clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%);clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%)}
9%{-webkit-clip-path:polygon(0 40%,100% 40%,100% 40%,0 40%);clip-path:polygon(0 40%,100% 40%,100% 40%,0 40%)}
11%{-webkit-clip-path:polygon(0 52%,100% 52%,100% 59%,0 59%);clip-path:polygon(0 52%,100% 52%,100% 59%,0 59%)}
13%{-webkit-clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%);clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%)}
15%{-webkit-clip-path:polygon(0 75%,100% 75%,100% 75%,0 75%);clip-path:polygon(0 75%,100% 75%,100% 75%,0 75%)}
17%{-webkit-clip-path:polygon(0 65%,100% 65%,100% 40%,0 40%);clip-path:polygon(0 65%,100% 65%,100% 40%,0 40%)}
19%{-webkit-clip-path:polygon(0 45%,100% 45%,100% 50%,0 50%);clip-path:polygon(0 45%,100% 45%,100% 50%,0 50%)}
20%{-webkit-clip-path:polygon(0 14%,100% 14%,100% 33%,0 33%);clip-path:polygon(0 14%,100% 14%,100% 33%,0 33%)}
21.9%{opacity:1;-webkit-transform:translate3d(calc(-1 * 10px),0,0);transform:translate3d(calc(-1 * 10px),0,0)}
100%,22%{opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-clip-path:polygon(0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0)}
}
@-webkit-keyframes glitch-ani3{
0%{opacity:1;-webkit-transform:translate3d(0,calc(-1 * 5px),0) scale3d(-1,-1,1);transform:translate3d(0,calc(-1 * 5px),0) scale3d(-1,-1,1);-webkit-clip-path:polygon(0 1%,100% 1%,100% 3%,0 3%);clip-path:polygon(0 1%,100% 1%,100% 3%,0 3%)}
1.5%{-webkit-clip-path:polygon(0 10%,100% 10%,100% 9%,0 9%);clip-path:polygon(0 10%,100% 10%,100% 9%,0 9%)}
2%{-webkit-clip-path:polygon(0 5%,100% 5%,100% 6%,0 6%);clip-path:polygon(0 5%,100% 5%,100% 6%,0 6%)}
2.5%{-webkit-clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%);clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%)}
3%{-webkit-clip-path:polygon(0 10%,100% 10%,100% 10%,0 10%);clip-path:polygon(0 10%,100% 10%,100% 10%,0 10%)}
5%{-webkit-clip-path:polygon(0 30%,100% 30%,100% 25%,0 25%);clip-path:polygon(0 30%,100% 30%,100% 25%,0 25%)}
5.5%{-webkit-clip-path:polygon(0 15%,100% 15%,100% 16%,0 16%);clip-path:polygon(0 15%,100% 15%,100% 16%,0 16%)}
7%{-webkit-clip-path:polygon(0 40%,100% 40%,100% 39%,0 39%);clip-path:polygon(0 40%,100% 40%,100% 39%,0 39%)}
8%{-webkit-clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%);clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%)}
9%{-webkit-clip-path:polygon(0 60%,100% 60%,100% 55%,0 55%);clip-path:polygon(0 60%,100% 60%,100% 55%,0 55%)}
10.5%{-webkit-clip-path:polygon(0 30%,100% 30%,100% 31%,0 31%);clip-path:polygon(0 30%,100% 30%,100% 31%,0 31%)}
11%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 69%,0 69%);clip-path:polygon(0 70%,100% 70%,100% 69%,0 69%)}
13%{-webkit-clip-path:polygon(0 40%,100% 40%,100% 41%,0 41%);clip-path:polygon(0 40%,100% 40%,100% 41%,0 41%)}
14%{-webkit-clip-path:polygon(0 80%,100% 80%,100% 75%,0 75%);clip-path:polygon(0 80%,100% 80%,100% 75%,0 75%)}
14.5%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 51%,0 51%);clip-path:polygon(0 50%,100% 50%,100% 51%,0 51%)}
15%{-webkit-clip-path:polygon(0 90%,100% 90%,100% 90%,0 90%);clip-path:polygon(0 90%,100% 90%,100% 90%,0 90%)}
16%{-webkit-clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%);clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%)}
18%{-webkit-clip-path:polygon(0 100%,100% 100%,100% 99%,0 99%);clip-path:polygon(0 100%,100% 100%,100% 99%,0 99%)}
20%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 71%,0 71%);clip-path:polygon(0 70%,100% 70%,100% 71%,0 71%)}
21.9%{opacity:1;-webkit-transform:translate3d(0,calc(-1 * 5px),0) scale3d(-1,-1,1);transform:translate3d(0,calc(-1 * 5px),0) scale3d(-1,-1,1)}
100%,22%{opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-clip-path:polygon(0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0)}
}
@keyframes glitch-ani3{
0%{opacity:1;-webkit-transform:translate3d(0,calc(-1 * 5px),0) scale3d(-1,-1,1);transform:translate3d(0,calc(-1 * 5px),0) scale3d(-1,-1,1);-webkit-clip-path:polygon(0 1%,100% 1%,100% 3%,0 3%);clip-path:polygon(0 1%,100% 1%,100% 3%,0 3%)}
1.5%{-webkit-clip-path:polygon(0 10%,100% 10%,100% 9%,0 9%);clip-path:polygon(0 10%,100% 10%,100% 9%,0 9%)}
2%{-webkit-clip-path:polygon(0 5%,100% 5%,100% 6%,0 6%);clip-path:polygon(0 5%,100% 5%,100% 6%,0 6%)}
2.5%{-webkit-clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%);clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%)}
3%{-webkit-clip-path:polygon(0 10%,100% 10%,100% 10%,0 10%);clip-path:polygon(0 10%,100% 10%,100% 10%,0 10%)}
5%{-webkit-clip-path:polygon(0 30%,100% 30%,100% 25%,0 25%);clip-path:polygon(0 30%,100% 30%,100% 25%,0 25%)}
5.5%{-webkit-clip-path:polygon(0 15%,100% 15%,100% 16%,0 16%);clip-path:polygon(0 15%,100% 15%,100% 16%,0 16%)}
7%{-webkit-clip-path:polygon(0 40%,100% 40%,100% 39%,0 39%);clip-path:polygon(0 40%,100% 40%,100% 39%,0 39%)}
8%{-webkit-clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%);clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%)}
9%{-webkit-clip-path:polygon(0 60%,100% 60%,100% 55%,0 55%);clip-path:polygon(0 60%,100% 60%,100% 55%,0 55%)}
10.5%{-webkit-clip-path:polygon(0 30%,100% 30%,100% 31%,0 31%);clip-path:polygon(0 30%,100% 30%,100% 31%,0 31%)}
11%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 69%,0 69%);clip-path:polygon(0 70%,100% 70%,100% 69%,0 69%)}
13%{-webkit-clip-path:polygon(0 40%,100% 40%,100% 41%,0 41%);clip-path:polygon(0 40%,100% 40%,100% 41%,0 41%)}
14%{-webkit-clip-path:polygon(0 80%,100% 80%,100% 75%,0 75%);clip-path:polygon(0 80%,100% 80%,100% 75%,0 75%)}
14.5%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 51%,0 51%);clip-path:polygon(0 50%,100% 50%,100% 51%,0 51%)}
15%{-webkit-clip-path:polygon(0 90%,100% 90%,100% 90%,0 90%);clip-path:polygon(0 90%,100% 90%,100% 90%,0 90%)}
16%{-webkit-clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%);clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%)}
18%{-webkit-clip-path:polygon(0 100%,100% 100%,100% 99%,0 99%);clip-path:polygon(0 100%,100% 100%,100% 99%,0 99%)}
20%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 71%,0 71%);clip-path:polygon(0 70%,100% 70%,100% 71%,0 71%)}
21.9%{opacity:1;-webkit-transform:translate3d(0,calc(-1 * 5px),0) scale3d(-1,-1,1);transform:translate3d(0,calc(-1 * 5px),0) scale3d(-1,-1,1)}
100%,22%{opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-clip-path:polygon(0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0)}
}