/*reset css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
body,button,input,select,textarea{font:12px/1.5 '\5FAE\8F6F\96C5\9ED1','\9ed1\4f53',tahoma,'\5b8b\4f53';}
body{min-width: 1100px;_width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1102?'1100px':'');}
a{text-decoration:none;outline: none;}
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,th,var,em,i{font-style:normal;font-weight:normal}
b,strong{font-weight:bold;}
caption,th{text-align:left}
abbr,acronym{border:0;font-variant:normal}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input{background:none;border:none;outline:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
iframe{position:absolute;}
.hide{display:none;}
.ti{text-indent: -999em;}
.pr{position:relative;}
.pa{position:absolute;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{display:block;visibility: hidden;font-size:0px;content: "";clear: both;height: 0;}
.clearfix{zoom:1;}
.browser-tips{background: #000;color: #f00;padding: 10px 0;text-align: center;width: 100%;font-size: 14px;}
.browser-tips a{color:#f00;}
/*footer*/
#gfooter{position:fixed;bottom:0;left:0;width:100%;background: #000;}
#gfooter a{color: #6d6b69;}*/
/*底部样式*/
.foot_dark{background-color:#000000;}
.foot_cpright{width:1040px;margin:0 auto;padding:22px 20px!important;color:#a5a5a5!important;}
.foot_cpright a{color:#a5a5a5!important;}
.foot_cpright .foot_lefts a{margin-top:30px!important;}
.foot_cpright .foot_lefts a.nextstudios{margin-top:20px!important;width:73px!important;height:50px!important;background:url(//game.gtimg.cn/images/sop/NEXT_Studio_W.png) no-repeat 0 0;}
.b-en {height: 129px;bottom: 0;text-align: center;display: flex;align-items: center;width:100%;position: fixed;background-color: #000000;}
.b-en > span {vertical-align: middle;display: inline-block;}
.b-en a {display: inline-block;width: 46px;height: 46px;margin: 0 20px;vertical-align: middle;}
.b-en .f {background: url(//game.gtimg.cn/images/sop/facebook.png) center no-repeat;}
.b-en .t {background: url(//game.gtimg.cn/images/sop/tweeter.png) center no-repeat;}

/*css++*/
body{overflow-x:hidden;background: #000;}
.spr{background: url(//game.gtimg.cn/images/sop/spr.png) no-repeat;}
/*section*/
.wrap{position:relative;width:100%;height:100%;/*background: url(//game.gtimg.cn/images/sop/bg.jpg) no-repeat bottom center;*/}
.fullpage{height:100%;}
.section{position:absolute;top:0;left:0;opacity: 0;visibility: hidden;-webkit-transition: visibility 0s linear 1s, opacity 1s;transition: visibility 0s linear 1s, opacity 1s;-webkit-background-size: cover;background-size: cover;}
.section.active{/*-webkit-animation:fadeIn .6s linear .1s both;animation:fadeIn .6s linear .1s both;*/    opacity: 1;visibility:visible;-webkit-transition: visibility 0s linear 0s, opacity 1s;transition: visibility 0s linear 0s, opacity 1s;}
.section1{width:100%;height:100%;background: url(//game.gtimg.cn/images/sop/bg1.jpg) no-repeat top center;}
.section2{width:100%;height:100%;background: url(//game.gtimg.cn/images/sop/bg2.jpg) no-repeat top center;}
.section3{width:100%;height:100%;background: url(//game.gtimg.cn/images/sop/bg3.jpg) no-repeat top center;}
.section4{width:100%;height:100%;background: url(//game.gtimg.cn/images/sop/bg4.jpg) no-repeat top center;}
.section5{width:100%;height:100%;background: url(//game.gtimg.cn/images/sop/bg5.jpg) no-repeat top center;}
.section6{width:100%;height:100%;background: url(//game.gtimg.cn/images/sop/bg6.jpg) no-repeat top center;}
.section7{width:100%;height:100%;background: url(//game.gtimg.cn/images/sop/bg6.jpg) no-repeat top center;}
.section.active .slogan{-webkit-animation: fadeIn .6s ease-in-out .6s both;animation: fadeIn .6s ease-in-out .7s both;}
.slogan{position:absolute;top:50%;margin-top:-104px;left:50%;margin-left:-199px;width:398px;height:264px;background:url(//game.gtimg.cn/images/sop/slogan.png) no-repeat;}
.section1.active .btn-play{-webkit-animation: fadeUp .4s ease-in-out 1.2s both;animation: fadeUp .4s ease-in-out 1.2s both;}
.btn-play{position: absolute;top:50%;margin-top:170px;left:50%;margin-left:-59px;width:118px;height:57px;background-position: -89px -14px;-webkit-transition: all .3s;transition: all .3s;}
.btn-play:hover{-webkit-filter:brightness(1.3);filter:brightness(1.3);}
.section.active .section-tit{-webkit-animation: fadeUp .5s ease-in-out .35s both;animation: fadeUp .5s ease-in-out .35s both;}
.section-tit{position:absolute;top:50%;left:50%;margin-left:-330px;width:660px;height:110px;background:url(//game.gtimg.cn/images/sop/spr.png) no-repeat -241px -16px\9;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0) 100%);font-size:54px;color:#fff;text-align: center;line-height: 110px;}
.section-tit i{position:absolute;top:24px;left:50%;margin-left:-107px;width:215px;height:50px;background:url(//game.gtimg.cn/images/sop/top-tit.png) no-repeat;text-indent: -999em;}
.section-tit1{margin-top:-252px;}
.section-tit2{margin-top: -40px;}
.section-tit3{top:140px;margin-top:0;}
.section-tit4{margin-top:0;top:170px;margin-left:-400px;width:800px;height:180px;}
.section-tit5{margin-top:-304px;}
.section.active .section-desc{-webkit-animation: fadeUp .5s ease-in-out .85s both;animation: fadeUp .5s ease-in-out .85s both;}
.section-desc{position:absolute;width:1120px;left:50%;margin-left:-560px;top:50%;font-size:28px;color:#fff;text-align:center;}
.section-desc span{color:#c81446;font-weight: bold;}
.section-desc1{margin-top:0;top:60%;}
.section-desc2{top:260px;margin-top:0;}
.section-desc3-1{margin-top:0;top:250px;}
.section.active .section-desc3-2{-webkit-animation: fadeRight .5s ease-in-out 1.1s both;animation: fadeRight .5s ease-in-out 1.1s both;}
.section-desc3-2{left: 50%;margin-left: -724px;top: 50%;margin-top: -68px;width: 400px;text-align: left;font-size: 24px;}
.section-desc4{margin-top:162px;}
.scroll-ico{position: absolute;bottom:166px;left:50%;margin-left:-9px;width:16px;height:16px;border-top:1px solid #fff;border-left:1px solid #fff;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);-webkit-animation: arrow 1.7s ease-in-out both infinite;animation: arrow 1.7s ease-in-out both infinite;}
.section.active .tab{-webkit-animation: fadeUp .5s ease-in-out .85s both;animation: fadeUp .5s ease-in-out .85s both;}
.tab{position:absolute;top:50%;margin-top:-280px;left:50%;margin-left:-555px;width:1110px;}
.tab .hd{width:914px;height:79px;margin:0 auto 40px;}
.tab .hd ul li{position:relative;float:left;}
.tab .hd ul li.tb-nav1{width:310px;height:79px;background:url(//game.gtimg.cn/images/sop/spr.png) no-repeat -7px -977px;}
.tab .hd ul li.tb-nav1.on{background:url(//game.gtimg.cn/images/sop/spr.png) no-repeat -7px -1056px;}
.tab .hd ul li.tb-nav2{width:294px;height:79px;background:url(//game.gtimg.cn/images/sop/spr.png) no-repeat -317px -977px;}
.tab .hd ul li.tb-nav2:before{position:absolute;top:19px;left:-1px;width:1px;height:40px;background:#a9cae3;content: '';}
.tab .hd ul li.tb-nav2:after{position:absolute;top:19px;right:-1px;width:1px;height:40px;background:#a9cae3;content: '';}
.tab .hd ul li.tb-nav2.on{background:url(//game.gtimg.cn/images/sop/spr.png) no-repeat -317px -1056px;}
.tab .hd ul li.tb-nav3{width:310px;height:79px;background:url(//game.gtimg.cn/images/sop/spr.png) no-repeat -610px -977px;}
.tab .hd ul li.tb-nav3.on{background:url(//game.gtimg.cn/images/sop/spr.png) no-repeat -610px -1056px;}
.tab .hd ul li a{display:block;width:100%;height:100%;font-size:24px;color:#b1d4f5;text-align: center;line-height: 79px;}
.tab .hd ul li.on a{color:#fff;}
.tab-panel{display: none;}
.tab-panel.dis{display: block;}
.media-box{width:1110px;}
.media-box a{position:relative;float:left;width:354px;height:202px;margin:0 8px 16px;background:#000;}
#videoBox img{-webkit-filter:brightness(0.6);filter:brightness(0.6);}
#videoBox i{margin-top:-30px;z-index:1}
.section.active .older-box{-webkit-animation: fadeUp .5s ease-in-out .85s both;animation: fadeUp .5s ease-in-out .85s both;}
.older-box{position:absolute;top:50%;margin-top:-155px;left:50%;margin-left:-375px;width:749px;height:170px;background: url(//game.gtimg.cn/images/sop/edit-bg.png) no-repeat;}
.login{width:100%;padding-top:26px;font-size:26px;color:#fff;text-align: center;}
.login a{color:#fff;}
.login a.btn-blue{display: block;width:214px;height:57px;margin:28px auto 0;background: url(//game.gtimg.cn/images/sop/spr.png) no-repeat -14px -1139px;font-size:24px;color:#fff;text-align: center;line-height: 57px;}
.login a.btn-blue:hover{background: url(//game.gtimg.cn/images/sop/spr.png) no-repeat -241px -1139px;}
.media-cop{position:absolute;top:50%;margin-top:62px;left:50%;margin-left:-342px;width:684px;}
.media-cop ul li{float:left;width:184px;height:184px;margin:0 22px;}
.section.active .media-cop ul li.talk-box{-webkit-animation: fadeLeft .5s ease-in-out 1s both;animation: fadeLeft .5s ease-in-out 1s both;}
.section.active .media-cop ul li.wechat-box{-webkit-animation: fadeRight .5s ease-in-out .85s both; animation: fadeRight .5s ease-in-out .85s both;}
.section.active .media-cop ul li.sina-box{-webkit-animation: fadeRight .5s ease-in-out 1s both;animation: fadeRight .5s ease-in-out 1s both;}
.media-cop ul li .media-desc{font-size:24px;color:#fff;text-align: center;font-weight: bold;}
/*inner-nav*/
.inner-nav{position:absolute;top:50%;margin-top:-70px;left:50%;margin-left:-528px;width:1056px;}
.inner-nav ul{width:100%;}
.inner-nav ul li{position:relative;float:left;width:282px;height:282px;margin:0 35px;}
.inner-nav ul li span.circl{position:absolute;top:0;left:0;width:282px;height:282px;background: url(//game.gtimg.cn/images/sop/spr.png) no-repeat -289px -131px;}
.inner-nav ul li:hover span.circl{background: url(//game.gtimg.cn/images/sop/spr.png) no-repeat -571px -131px;-webkit-animation: round 60s linear 0s infinite;animation: round 60s linear 0s infinite;}
.inner-nav ul li .elec{position:absolute;top:0;left:0;width:282px;height:282px;}
.section.active .inner-nav ul li.in-nav1{-webkit-animation: fadeLeft .5s ease-in-out 1s both;animation: fadeLeft .5s ease-in-out 1s both;}
.inner-nav ul li.in-nav1 .elec{background: url(//game.gtimg.cn/images/sop/spr.png) no-repeat -7px -695px;}
.inner-nav ul li.in-nav1:hover .elec{background: url(//game.gtimg.cn/images/sop/spr.png) no-repeat -7px -413px;}
.section.active .inner-nav ul li.in-nav2{-webkit-animation: fadeRight .5s ease-in-out .85s both;animation: fadeRight .5s ease-in-out .85s both;}
.inner-nav ul li.in-nav2 .elec{background: url(//game.gtimg.cn/images/sop/spr.png) no-repeat -289px -695px;}
.inner-nav ul li.in-nav2:hover .elec{background: url(//game.gtimg.cn/images/sop/spr.png) no-repeat -289px -413px;}
.section.active .inner-nav ul li.in-nav3{-webkit-animation: fadeRight .5s ease-in-out 1s both;animation: fadeRight .5s ease-in-out 1s both;}
.inner-nav ul li.in-nav3 .elec{background: url(//game.gtimg.cn/images/sop/spr.png) no-repeat -571px -695px;}
.inner-nav ul li.in-nav3:hover .elec{background: url(//game.gtimg.cn/images/sop/spr.png) no-repeat -571px -413px;}
.inner-nav ul li a{position:relative;display: block;width:100%;height:100%;color:#00ccff;-webkit-transition: all .3s;transition: all .3s;}
.inner-nav ul li:hover a{color:#fff;}
.inner-nav ul li a i{position:absolute;width:100%;left:0;bottom:0;font-size:36px;text-align: center;line-height:1;}
/*nav*/
.nav{position:absolute;top:0;left:0;width:100%;height:78px;background:#000;z-index:10;}
.nav ul{position:relative;width:1000px;height:78px;margin:0 auto;}
.nav ul:before{position:absolute;width:52px;top:10px;left:50%;margin-left:-26px;height:59px;content: '';background: url(//game.gtimg.cn/images/sop/spr.png) no-repeat -15px -12px;}
.nav ul li{position:relative;float:left;width:198px;height:78px;font-size:20px;text-align: center;line-height: 78px;}
.nav ul li.nav3{margin-left:208px;}
.nav ul li a{display:block;width:100%;height:100%;color:#bcbcbc;}
.nav ul li span{visibility:hidden;position:absolute;left:50%;margin-left:-81px;bottom:0;width:162px;height:12px;-webkit-transform: rotateX(190deg);transform: rotateX(190deg);}
.nav ul li.on span{visibility: visible;}
.nav ul li.on a{color: #fff;}
.nav ul li span i{float:left;margin:0 5px;background: #00ccff;-webkit-animation: jump 1s infinite;animation: jump 1s infinite;}
.nav ul li span i:nth-child(odd){width:1px;height:12px;}
.nav ul li span i:nth-child(even){width:4px;height:6px;}
.nav ul li span i:nth-child(1){-webkit-animation-delay: .1s;animation-delay: .1s;}
.nav ul li span i:nth-child(2){-webkit-animation-delay: .2s;animation-delay: .2s;}
.nav ul li span i:nth-child(3){-webkit-animation-delay: .3s;animation-delay: .3s;}
.nav ul li span i:nth-child(4){-webkit-animation-delay: .4s;animation-delay: .4s;}
.nav ul li span i:nth-child(5){-webkit-animation-delay: .5s;animation-delay: .5s;}
.nav ul li span i:nth-child(6){-webkit-animation-delay: .6s;animation-delay: .6s;}
.nav ul li span i:nth-child(7){-webkit-animation-delay: .8s;animation-delay: .8s;}
.nav ul li span i:nth-child(8){-webkit-animation-delay: .9s;animation-delay: .9s;}
.nav ul li span i:nth-child(9){-webkit-animation-delay: 1s;animation-delay: 1s;}
.nav ul li span i:nth-child(10){-webkit-animation-delay: 1.1s;animation-delay: 1.1s;}
.nav ul li span i:nth-child(11){-webkit-animation-delay: 1.2s;animation-delay: 1.2s;}
/*lang-tab*/
.lang-change{position:absolute;top:0;left:50%;margin-left:600px;width:120px;height:78px;}
.lang-change a{float:left;margin-top:28px;color:#a9a9a9;font-size:14px;}
.lang-change a.on{color:#fff;}
.lang-change span{float:left;width:2px;height:16px;margin:0 12px;margin-top:31px;background: #d6d6d6;text-indent: -999em;}
/*plus ico*/
.tips-l{position: absolute;top: 50%;margin-top: 128px;left: 50%;margin-left: -438px;}
.tips-r{position: absolute;top: 50%;margin-top: 98px;left: 50%;margin-left: 374px;}
.tips-m{position: absolute;top: 50%;margin-top: 42px;left: 50%;margin-left: -312px;}
.tips-click{position: absolute;top: 0;left: 0;width: 56px;height: 56px;cursor: pointer;}
.tips-click span{position: absolute;top: 0;left: 0;width:56px;height:56px;color: #f00;font-weight: bold;font-size: 20px;line-height: 56px;text-align: center;z-index: 1;}
.tips-click b{position: absolute;top: 16px;left: 14px;display: block;width: 28px;height: 28px;border-radius: 50%;background-color: rgba(255, 255, 255, .6);}
.tips-click b:nth-of-type(1){-webkit-animation: click1 1s linear infinite;animation: click1 1s linear infinite;}
.tips-click b:nth-of-type(2){-webkit-animation: click2 1s linear infinite;animation: click2 1s linear infinite;}
.tips-click:hover .eqp1-img{visibility: visible;opacity: 1;left:-164px;}
.eqp1-img{visibility: hidden;position:absolute;top:-440px;left:-200px;width:428px;height:556px;opacity: 0;-webkit-transition: all .3s;transition: all .3s;z-index: 2;}
.tips-click:hover .eqp2-img{visibility: visible;opacity: 1;left:-100px;}
.eqp2-img{visibility: hidden;position:absolute;top:-255px;left:-85px;width:428px;height:444px;opacity: 0;-webkit-transition: all .3s;transition: all .3s;z-index: 2;}
.tips-click:hover .qlt1-img{visibility: visible;opacity: 1;left:62px;}
.qlt1-img{visibility: hidden;position: absolute;top: 60px;left: -111px;width: 509px;height: 270px;opacity: 0;-webkit-transition: all .3s;transition: all .3s;z-index: 2;}
/*side bar*/
.media-side{position:fixed;top:50%;margin-top:-140px;right:50px;width:60px;height:280px;}
.media-side ul li{position:relative;width:60px;height:50px;margin:20px 0;background:url(//game.gtimg.cn/images/sop/spr.png) no-repeat;-webkit-animation: fadeLeft .3s both;animation: fadeLeft .3s both;}
.media-side ul li.side-nav1{background-position: -10px -87px;-webkit-animation-delay: 1.3s;animation-delay: 0.3s;}
.media-side ul li.side-nav1:hover{background-position: -85px -87px;}
.media-side ul li.side-nav2{background-position: -10px -157px;-webkit-animation-delay: 1.4s;animation-delay: 0.35s;}
.media-side ul li.side-nav2:hover{background-position: -85px -157px;}
.media-side ul li.side-nav3{background-position: -10px -227px;-webkit-animation-delay: 1.5s;animation-delay: 0.4s;}
.media-side ul li.side-nav3:hover{background-position: -85px -227px;}
.media-side ul li.side-nav4{background-position: -10px -297px;-webkit-animation-delay: 1.6s;animation-delay: 0.45s;}
.media-side ul li.side-nav4:hover{background-position: -85px -297px;}
.media-side-en{display:none;height:420px;margin-top:-210px;}
.media-side-en ul li.side-nav6{background-position: -880px -157px;-webkit-animation-delay: 1.8s;animation-delay: 0.55s;}
.media-side-en ul li.side-nav6:hover{background-position: -940px -157px;}
.media-side-en ul li.side-nav2{background-position: -880px -237px;-webkit-animation-delay: 1.4s;animation-delay: 0.35s;}
.media-side-en ul li.side-nav2:hover{background-position: -940px -237px;}
.media-side-en ul li.side-nav3{background-position: -880px -317px;-webkit-animation-delay: 1.5s;animation-delay: 0.4s;}
.media-side-en ul li.side-nav3:hover{background-position: -940px -317px;}
.media-side-en ul li.side-nav5{background-position: -880px -397px;-webkit-animation-delay: 1.7s;animation-delay: 0.5s;}
.media-side-en ul li.side-nav5:hover{background-position: -940px -397px;}
.media-side-en ul li.side-nav1{background-position: -880px -477px;-webkit-animation-delay: 1.3s;animation-delay: 0.3s;}
.media-side-en ul li.side-nav1:hover{background-position: -940px -477px;}
.media-side-en ul li.side-nav4{background-position: -880px -557px;-webkit-animation-delay: 1.6s;animation-delay: 0.45s;}
.media-side-en ul li.side-nav4:hover{background-position: -940px -557px;}
.media-side ul li a{display: block;width:100%;height:100%;text-indent:-999em;}
.media-side ul li:hover .code-img{visibility:visible;left:-184px;opacity: 1;}
.media-side ul li .code-img{visibility:hidden;position:absolute;top:50%;margin-top:-92px;left:-210px;width:184px;height:184px;-webkit-transition: all .3s;transition: all .3s;opacity: 0;}

/*视频弹窗*/
.popup{width:1200px;height: 675px;background: #000;}
.pop-v{width:1200px;height: 675px;}
.close-btn{position:absolute;top:0;right:0;width:50px;height: 50px;background: rgba(0,0,0,.8);font-size:48px;color:#fff;text-align: center;line-height: 40px;z-index:99;}
.big-img{position: relative;width:100%;top: 120px !important;margin-top: 0 !important;}
.big-img img{width:100%;}
@-webkit-keyframes click1 {
    0% {
        opacity: .8;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2);
    }
}
@keyframes click1 {
    0% {
        opacity: .8;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2);
    }
}
@-webkit-keyframes click2 {
    0% {
        opacity: .8;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3);
    }
}
@keyframes click2 {
    0% {
        opacity: .8;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3);
    }
}
@-webkit-keyframes jump{
    0%,100%{height:6px;}
    50%{height:12px;}
}
@keyframes jump{
    0%,100%{height:6px;}
    50%{height:12px;}
}
@-webkit-keyframes round{
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);}
}
@keyframes round{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}
@-webkit-keyframes fadeIn{
    0%{filter:alpha(opacity=0);opacity:0;}
    100%{filter:alpha(opacity=100);opacity:1;}
}
@keyframes fadeIn{
    0%{filter:alpha(opacity=0);opacity:0;}
    100%{filter:alpha(opacity=100);opacity:1;}
}
@-webkit-keyframes scale1{
    0%{-webkit-transform:scale(.3);opacity: 0;}
    50%{-webkit-transform:scale(1.05);opacity: 1;}
    70%{-webkit-transform:scale(.9);}
    100%{-webkit-transform:scale(1);}
}
@keyframes scale1{
    0%{transform:scale(.3);opacity: 0;}
    50%{transform:scale(1.05);opacity: 1;}
    70%{transform:scale(.9);}
    100%{transform:scale(1);}
}
@-webkit-keyframes fadeLeft{
    0%{-webkit-transform: translate3d(50px,0,0);opacity:0;}
    100%{-webkit-transform: translate3d(0);opacity:1;}
}
@keyframes fadeLeft{
    0%{transform: translate3d(50px,0,0);opacity:0;}
    100%{transform: translate3d(0,0,0);opacity:1;}
}
@-webkit-keyframes fadeRight{
    0%{-webkit-transform: translate3d(-50px,0,0);opacity:0;}
    100%{-webkit-transform: translate3d(0);opacity:1;}
}
@keyframes fadeRight{
    0%{transform: translate3d(-50px,0,0);opacity:0;}
    100%{transform: translate3d(0,0,0);opacity:1;}
}
@-webkit-keyframes fadeUp{
    0%{-webkit-transform: translate3d(0,50px,0);opacity:0;}
    100%{-webkit-transform: translate3d(0,0,0);opacity:1;}
}
@keyframes fadeUp{
    0%{transform: translate3d(0,50px,0);opacity:0;}
    100%{transform: translate3d(0,0,0);opacity:1;}
}
@-webkit-keyframes arrow{
    0%{-webkit-transform:translateY(10px) rotate(-135deg);opacity:1;}
    50%{-webkit-transform:translateY(0px) rotate(-135deg);opacity:0.1;}
    100%{-webkit-transform:translateY(10px) rotate(-135deg);opacity:1;}
}
@keyframes arrow{
    0%{transform:translateY(10px) rotate(-135deg);opacity:1;}
    50%{transform:translateY(0px) rotate(-135deg);opacity:.1;}
    100%{transform:translateY(10px) rotate(-135deg);opacity:1;}
}
/*css--