a{text-decoration:none;display:inline-block}.content{width:1000px;margin:0 auto;position:relative;left:0;top:0;height:100%}.pa{position:absolute;left:50%;top:50%}.page1{background:url("../images/bg0.jpg") no-repeat 50%;background-size:cover}.page2{background:url("../images/bg1.jpg") no-repeat 50% 50%;background-size:cover}.page3{background:url("../images/bg2.jpg") no-repeat 50% 50%;background-size:cover}.page4{background:url("../images/bg3.jpg") no-repeat 50% 50%;background-size:cover}.page1 .content .logo{width:390px;height:100px;margin:-400px 0 0 -360px}.page1 .content .logo .logo-game{width:224px;height:100px;float:left;background:url("../images/pc_spirit.png") 0 0 no-repeat;background-size:860%}.page1 .content .logo .logo-183{width:118px;height:100px;float:right;background:url("../images/pc_spirit.png") -262px 10px no-repeat;background-size:1620%}.page1 .content .slogan{width:866px;height:400px;margin:-270px 0 0 -580px}.play{width:68px;height:78px;position:absolute;right:0;top:0;background:url("../images/pc_spirit.png") 0 -528px no-repeat;cursor:pointer}.page1 .content .play{top:50%;margin-top:-270px;margin-left:-16px}.page1 .content .btn-area{width:680px;margin:100px 0 0 -428px}.page1 .content .btn-area .btn-li{display:inline-block;width:158px;height:58px;background:url(../images/pc_spirit.png) -698px -636px no-repeat;text-align:center;line-height:58px;font-size:20px;color:#efe59e;background-size:1215%}.page1 .content .btn-area .btn-li:hover{background:url(../images/pc_spirit.png) 0 -634px no-repeat}.page1 .content .btn-area .btn-li:nth-child(2){margin:0 20px}.page1 .content .scroll-guide{width:68px;margin-left:-34px;margin-top:220px}.page1 .content .scroll-guide .mouse{display:block;height:48px;background:url(../images/pc_spirit.png) -67px -1194px no-repeat}.page1 .content .scroll-guide .arrow{display:block;margin-top:10px;height:76px;background:url(../images/pc_spirit.png) -66px -1247px no-repeat;-webkit-animation:scroll 2s ease-in-out infinite;-o-animation:scroll 2s ease-in-out infinite;animation:scroll 2s ease-in-out infinite}@keyframes scroll{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-ms-transform:translateY(15px);-o-transform:translateY(15px);transform:translateY(15px)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes scroll{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-ms-transform:translateY(15px);-o-transform:translateY(15px);transform:translateY(15px)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}.pop-video-box{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000000;filter:alpha(opacity=80);background-color:rgba(0,0,0,.8);z-index:999}.pop-video-iframe{position:relative;left:50%;top:50%;margin-left:-400px;margin-top:-250px;width:800px;height:500px}.pop-close{display:block;position:absolute;right:50%;top:50%;margin:-250px -448px 0 0;width:30px;height:30px;background:url(https://js1.51bph.com/pc/zt/2017/201712lfzl/images/close.png) no-repeat;cursor:pointer;-ms-transition:.4s;-o-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s}.pop-close:hover{-o-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.page .title{width:800px;height:130px;background:url(../images/pc_spirit.png) -990px -7px no-repeat;top:0;opacity:0;margin-left:-400px}.page2 .left-text{width:554px;height:225px;background:url(../images/pc_spirit.png) -48px -231px no-repeat;margin-top:-174px;margin-left:-706px;opacity:0}.page2 .left-text p{padding:24px 40px 0px;font-size:16px;color:#d1c8d4;line-height:36px;font-weight:bold;text-indent:2em}.page2 .right-video{width:400px;height:250px;margin-top:-174px;margin-left:300px;opacity:0}.page2 .right-video .play{left:50%;top:50%;right:auto;margin-left:-34px;margin-top:-34px;z-index:101}.page2 .right-video iframe{width:400px;height:250px}.page2 .right-video .cover{width:400px;height:250px;background:url(../images/pc_spirit.png) -240px -557px no-repeat;position:absolute;left:0;top:0;z-index:100}.page3 .title{top:0;opacity:0;background:url(../images/pc_spirit.png) -990px -193px no-repeat}.page3 .left-cir{width:416px;height:570px;margin-left:-499px;margin-top:-290px;opacity:0}.page3 .left-cir .li-cir{width:102px;height:102px;cursor:pointer;-webkit-transition:left 0.3s ease;-moz-transition:left 0.3s ease;-ms-transition:left 0.3s ease;-o-transition:left 0.3s ease;transition:left 0.3s ease}.page3 .left-cir .li-cir .li-desc{height:90px;position:absolute;left:-50px;top:0;width:250px;padding:8px 30px 15px 74px;z-index:-1;background:-webkit-linear-gradient(left,rgba(0,0,0,0.2),transparent);background:-o-linear-gradient(right,rgba(0,0,0,0.2),transparent);background:-moz-linear-gradient(right,rgba(0,0,0,0.2),transparent);background:linear-gradient(right,rgba(0,0,0,0.2),transparent);opacity:0}.page3 .left-cir .li-cir:hover .li-desc{-webkit-animation:toRight 0.3s linear forwards 0.3s;-o-animation:toRight 0.3s linear forwards 0.3s;animation:toRight 0.3s linear forwards 0.3s}@keyframes toRight{form{left:-50px;opacity:0}to{left:50px;opacity:0.8}}@-webkit-keyframes toRight{form{left:-50px;opacity:0}to{left:50px;opacity:0.8}}.page3 .left-cir .li-cir .li-desc .li-t{font-size:16px;color:#fff;line-height:36px}.page3 .left-cir .li-cir .li-desc .li-text{font-size:12px;color:#948feb;line-height:20px;font-weight:bold}.page3 .left-cir .li-cir:nth-child(1){position:absolute;left:200px;top:0}.page3 .left-cir .li-cir:nth-child(1) .gif-ico{position:absolute;left:50%;top:50%;margin-left:-53px;margin-top:-53px;width:106px;height:106px}.page3 .left-cir .li-cir:nth-child(1):after{content:'';position:absolute;left:50%;top:50%;width:200px;height:200px;background:url(../images/pc_spirit.png) -186px -1435px no-repeat;margin-left:-100px;margin-top:-100px;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7)}.page3 .left-cir .li-cir:nth-child(1):hover:after{content:'';position:absolute;left:50%;top:50%;width:200px;height:200px;background:url(../images/pc_spirit.png) -180px -1206px no-repeat;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);z-index:-1}.page3 .left-cir .left-big{position:absolute;left:-26px;top:190px;width:186px;height:186px}.page3 .left-cir .left-big:after{content:'';position:absolute;left:50%;top:50%;width:200px;height:200px;background:url(../images/pc_spirit.png) -186px -1435px no-repeat;margin-left:-100px;margin-top:-100px}.page3 .left-cir .left-big .gif-ico{position:absolute;left:50%;top:50%;margin-left:-78px;margin-top:-78px;width:156px;height:156px}.page3 .left-cir .li-cir:nth-child(2){position:absolute;left:320px;top:0px;background:url(../images/pc_spirit.png) -229px -958px no-repeat}.page3 .left-cir .li-cir:nth-child(2):hover{width:112px;height:112px;background:url(../images/pc_spirit.png) -225px -1252px no-repeat}.page3 .left-cir .li-cir:nth-child(3){position:absolute;left:320px;top:240px;background:url(../images/pc_spirit.png) -231px -845px no-repeat}.page3 .left-cir .li-cir:nth-child(3):hover{width:112px;height:112px;background:url(../images/pc_spirit.png) -373px -1082px no-repeat}.page3 .left-cir .li-cir:nth-child(4){position:absolute;left:320px;top:480px;background:url(../images/pc_spirit.png) -231px -1076px no-repeat}.page3 .left-cir .li-cir:nth-child(4):hover{width:112px;height:112px;background:url(../images/pc_spirit.png) -373px -1258px no-repeat}.page3 .left-cir .li-cir:hover{left:220px}.page3 .right-desc{width:400px;height:390px;margin-left:111px;margin-top:-240px;opacity:0}.page3 .right-desc .r-title{color:#e9ca7f;font-size:30px;text-align:center;height:90px;line-height:90px}.page3 .right-desc .detail-t{color:#fff;font-size:20px;text-align:center;line-height:90px;position:relative}.page3 .right-desc .detail-t:before{content:'';position:absolute;width:100%;height:20px;left:0;top:-10px;background:url(../images/pc_spirit.png) -19px -1692px no-repeat}.page3 .right-desc .desc-t{font-size:14px;line-height:30px;color:#d1c8d4;height:200px;overflow:hidden;font-weight:bold;text-indent:2em}.page3 .right-desc .desc-t:before{content:'';position:absolute;width:100%;height:20px;left:0;bottom:-10px;background:url(../images/pc_spirit.png) -19px -1747px no-repeat}.page4 .title{top:0;opacity:0;background:url(../images/pc_spirit.png) -990px -355px no-repeat}.page4 .right-skill{width:462px;height:462px;border-radius:50%;border:1px solid #9761b7;margin:-230px 0 0 0px}.page4 .right-skill:after{content:'';position:absolute;left:50%;top:50%;width:426px;height:426px;margin:-213px 0 0 -213px;border-radius:50%;border:1px dashed #b490b7;-webkit-animation:rotate 70s linear infinite;-o-animation:rotate 70s linear infinite;animation:rotate 70s linear infinite}.page4 .right-skill .skill-li{width:90px;height:90px;background-image:url(../images/pc_spirit.png);background-repeat:no-repeat;position:absolute;z-index:10;cursor:pointer;left:50%;top:50%;margin-left:-45px;margin-top:-45px;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s}.page4 .right-skill .skill-li:hover{-webkit-animation:rotate 10s linear infinite;-o-animation:rotate 10s linear infinite;animation:rotate 10s linear infinite}.page4 .right-skill .skill-li.active{-webkit-animation:rotate 10s linear infinite;-o-animation:rotate 10s linear infinite;animation:rotate 10s linear infinite}.page4 .right-skill .skill-li:nth-child(1){background-position:-1048px -838px}.page4 .right-skill .skill-li.run:nth-child(1){left:186px;top:-42px;margin-left:0;margin-top:0}.page4 .right-skill .skill-li:nth-child(2){background-position:-1050px -948px}.page4 .right-skill .skill-li.run:nth-child(2){left:60px;top:-4px;margin-left:0;margin-top:0}.page4 .right-skill .skill-li:nth-child(3){background-position:-1048px -1058px}.page4 .right-skill .skill-li.run:nth-child(3){left:315px;top:-12px;margin-left:0;margin-top:0}.page4 .right-skill .skill-li:nth-child(4){background-position:-1051px -1168px}.page4 .right-skill .skill-li.run:nth-child(4){top:89px;left:-25px;margin-left:0;margin-top:0}.page4 .right-skill .skill-li:nth-child(5){background-position:-1053px -1276px}.page4 .right-skill .skill-li.run:nth-child(5){top:88px;left:396px;margin-left:0;margin-top:0}.page4 .right-skill .skill-li:nth-child(6){background-position:-1058px -1388px}.page4 .right-skill .skill-li.run:nth-child(6){top:220px;left:-36px;margin-left:0;margin-top:0}.page4 .right-skill .skill-li:nth-child(7){background-position:-1178px -838px}.page4 .right-skill .skill-li.run:nth-child(7){top:219px;left:405px;margin-left:0;margin-top:0}.page4 .right-skill .skill-li:nth-child(8){background-position:-1180px -948px}.page4 .right-skill .skill-li.run:nth-child(8){top:329px;left:15px;margin-left:0;margin-top:0}.page4 .right-skill .skill-li:nth-child(9){background-position:-1182px -1061px}.page4 .right-skill .skill-li.run:nth-child(9){top:338px;left:346px;margin-left:0;margin-top:0}.page4 .right-skill .skill-li:nth-child(10){background-position:-1178px -1172px}.page4 .right-skill .skill-li.run:nth-child(10){top:409px;left:115px;margin-left:0;margin-top:0}.page4 .right-skill .skill-li:nth-child(11){background-position:-1178px -1278px}.page4 .right-skill .skill-li.run:nth-child(11){top:408px;left:245px;margin-left:0;margin-top:0}.page4 .right-skill .character{width:386px;height:386px;border-radius:50%;margin:-193px 0 0 -193px;position:absolute;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5);transition:all .5s linear}.page4 .right-skill .character.active{-webkit-transform:scale(1);transform:scale(1);opacity:1;transition:all .5s .3s cubic-bezier(0.62,.285,.47,1.65)}.page4 .left-skill-show{width:400px;margin-left:-500px;margin-top:-184px;opacity:0}.page4 .left-skill-show .video{width:400px;height:250px;position:relative;left:0;top:0}.page4 .left-skill-show .video iframe{width:400px;height:250px}.page4 .left-skill-show .video .play{left:50%;top:50%;right:auto;margin:-34px 0 0 -34px;z-index:101}.page4 .left-skill-show .video .cover{width:400px;height:250px;position:absolute;left:0;top:0;z-index:100}.page4 .left-skill-show .skill-name{font-size:24px;color:#e9ca7f;line-height:66px;height:66px;border-bottom:1px solid #5f29b4}.page4 .left-skill-show .skill-desc{color:#d1c8d4;font-size:14px;line-height:30px;padding-top:20px;text-indent:2em}@keyframes rotate{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.ani-down2{-webkit-animation:down2 1.2s ease forwards;-o-animation:down2 1.2s ease forwards;animation:down2 1.2s ease forwards}@keyframes down2{from{top:0;opacity:0}to{top:16px;opacity:1}}@-webkit-keyframes down2{from{top:0;opacity:0}to{top:16px;opacity:1}}.ani-down1{-webkit-animation:down1 1.2s ease forwards;-o-animation:down1 1.2s ease forwards;animation:down1 1.2s ease forwards}@keyframes down1{from{top:0;opacity:0}to{top:50px;opacity:1}}@-webkit-keyframes down1{from{top:0;opacity:0}to{top:50px;opacity:1}}.ani-play{-webkit-animation:play 3s linear infinite;-o-animation:play 3s linear infinite;animation:play 3s linear infinite}@keyframes play{0%{-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7);opacity:0.5}50%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3);opacity:0}}@-webkit-keyframes play{0%{-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7);opacity:0.5}50%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3);opacity:0}}.ani-left{-webkit-animation:left 1.2s forwards;-o-animation:left 1.2s forwards;animation:left 1.2s forwards}@keyframes left{0%{opacity:0;margin-left:-706px}100%{opacity:1;margin-left:-506px}}@-webkit-keyframes left{0%{opacity:0;margin-left:-706px}100%{opacity:1;margin-left:-506px}}.ani-left1{-webkit-animation:left1 1.2s forwards;-o-animation:left1 1.2s forwards;animation:left1 1.2s forwards}@keyframes left1{0%{opacity:0;margin-left:-699px}100%{opacity:1;margin-left:-499px}}@-webkit-keyframes left1{0%{opacity:0;margin-left:-699px}100%{opacity:1;margin-left:-499px}}.ani-right{-webkit-animation:right 1.2s forwards;-o-animation:right 1.2s forwards;animation:right 1.2s forwards}@keyframes right{0%{opacity:0;margin-left:300px}100%{opacity:1;margin-left:100px}}@-webkit-keyframes right{0%{opacity:0;margin-left:300px}100%{opacity:1;margin-left:100px}}.ani-right1{-webkit-animation:right1 1.2s forwards;-o-animation:right1 1.2s forwards;animation:right1 1.2s forwards}@keyframes right1{0%{opacity:0;margin-left:311px}100%{opacity:1;margin-left:111px}}@-webkit-keyframes right1{0%{opacity:0;margin-left:311px}100%{opacity:1;margin-left:111px}}.ani-bottom{-webkit-animation:bottom 1.2s forwards;-o-animation:bottom 1.2s forwards;animation:bottom 1.2s forwards}@keyframes bottom{0%{opacity:0;margin-top:0}100%{opacity:1;margin-left:-499px;margin-top:-184px}}@-webkit-keyframes bottom{0%{opacity:0;margin-top:0}100%{opacity:1;margin-left:-499px;margin-top:-184px}}.onepage-pagination{position:absolute;right:52px;top:50%;z-index:5;list-style:none;margin-top:-118px}.onepage-pagination:before,.onepage-pagination:after{content:'';display:block;position:absolute;right:16px;top:-340px;height:300px;border-right:1px dashed #605e61}.onepage-pagination:after{top:267px}.onepage-pagination li{padding:0;text-align:center;position:relative;margin:20px 0}.onepage-pagination li a{width:126px;height:34px;display:block;margin:10px 0;background:url(../images/pc_spirit.png) 0 -788px no-repeat;font-size:14px;line-height:34px;color:transparent}.onepage-pagination li a.active{background:url(../images/pc_spirit.png) 0 -739px no-repeat;color:#f7d7ec}.onepage-pagination li a:hover{background:url(../images/pc_spirit.png) 0 -739px no-repeat;color:#f7d7ec}.onepage-pagination li:first-child:before{content:'';display:block;position:absolute;top:-50px;right:0;width:34px;height:34px;background:url(../images/pc_spirit.png) -91px -887px no-repeat;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg)}.onepage-pagination li:last-child:after{content:'';display:block;position:absolute;top:40px;right:0;width:34px;height:34px;background:url(../images/pc_spirit.png) -91px -887px no-repeat}@media screen and (max-height:900px){.page .content .title{margin-left:-100px;margin-top:-50px}.page.page1 .content .logo{width:390px;height:100px;margin:-340px 0 0 -592px}.page.page1 .content .scroll-guide{margin-top:170px}.page.page3 .content .left-cir{margin-left:-300px!important}.page.page3 .content .left-cir.ani-left1{-webkit-animation:left11 1.2s forwards;-o-animation:left11 1.2s forwards;animation:left11 1.2s forwards}@keyframes left11{0%{opacity:0;margin-left:-699px}100%{opacity:1;margin-left:-410px}}@-webkit-keyframes left11{0%{opacity:0;margin-left:-699px}100%{opacity:1;margin-left:-410px}}.page3 .left-cir .li-cir:hover{left:150px}}@media screen and (max-width:1650px){.page1 .content .play{margin-top:-240px}}@media screen and (max-width:1550px){.page1 .content .play{margin-top:-220px}}@media screen and (max-width:1450px){.page1 .content .play{margin-top:-210px}}@media screen and (max-width:1350px){.page1 .content .play{margin-top:-200px}}