@import "https://img1.tiancitycdn.com/mh/homepage/v8/css/base.css";html body{background:#383838;width:100%;min-width:1240px}#loading{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;z-index:20;font-size:18px;color:#cfd1cc;z-index:101}#loading .box{width:100%;height:1px;background:#414141;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);left:0}#loading .box span{height:1px;background:#c4c4c4;position:relative;top:0;left:0;display:block}#loading .box p{font-size:16px;line-height:30px;color:#c0c0c0;text-align:center}.isgg .nav{display:none !important}.isgg .rdgbox{display:block !important}.isgg .header .layer .slogan{top:444px !important;margin-left:-345px !important}.isgg .header .layer .btn-vd{top:78px !important;left:610px !important}.isgg .header .layer .slogan-light{top:377px !important;margin-left:-613px !important}.isgg .content .equip .title{background:url(../images/tit2-1.png) no-repeat center bottom !important}.isgg .content .equip #slide2{margin:180px auto 0}.wraper{width:100%;margin:0 auto;min-width:1200px;max-width:1920px;color:#fff;position:relative}.wraper .quick{width:189px;height:334px;right:0;position:fixed;z-index:10;top:1300px}.wraper .quick a{width:100%;height:53px;display:flex;justify-content:center;align-items:center;color:#b9d3f5;text-align:center;font-size:18px;box-sizing:border-box;background:url(../images/bg-top.png) no-repeat}.wraper .quick a.g1{height:105px;background-position:0 0;padding-top:52px}.wraper .quick a.g2{background-position:0 -105px}.wraper .quick a.g3{background-position:0 -158px}.wraper .quick a.g4{background-position:0 -211px}.wraper .quick a.top{height:70px;background-position:0 -264px;padding-bottom:17px}.wraper .quick a:hover,.wraper .quick a.on{color:#3d86ff}.wraper .header{width:100%;height:1080px;margin:0 auto;position:relative;overflow:hidden}.wraper .header #obindex{width:139px;height:86px;left:50%;margin-left:-550px;top:25px;position:absolute;background:url(../images/logo.png) no-repeat;text-indent:-999em;overflow:hidden;display:block;z-index:10}.wraper .header .bgbox{width:100%;height:1080px;position:absolute;overflow:hidden}.wraper .header .bgbox #bgvideo{width:auto;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.wraper .header .bgbox::before{content:"";width:100%;height:100%;background-color:rgba(0,0,0,0.5);position:absolute;left:0;top:0;z-index:1}.wraper .header .layer{width:1200px;height:100%;margin:0 auto;position:relative}.wraper .header .layer .npc{width:1920px;height:2300px;background:url(../images/npc1.png) no-repeat;position:absolute;top:0;left:50%;margin-left:-960px;z-index:1}.wraper .header .layer .shadow{width:1200px;height:938px;position:absolute;top:338px;left:50%;margin-left:-600px;z-index:5}.wraper .header .layer .scroll{width:240px;height:224px;background:url(../images/scroll.png) no-repeat;position:absolute;bottom:-20px;left:50%;margin-left:-120px;z-index:6}.wraper .header .layer .slogan{width:600px;height:450px;position:absolute;top:390px;left:50%;margin-left:-300px;z-index:8}.wraper .header .layer .slogan .slogan-text{width:358px;height:31px;position:absolute;left:170px;top:10px;background:url(../images/slogan-text.png) no-repeat;z-index:1}.wraper .header .layer .slogan .slogan-name-1{width:264px;height:298px;position:absolute;left:-7px;top:-14px;background:url(../images/slogan-name-1.png) no-repeat;z-index:2}.wraper .header .layer .slogan .slogan-name-2{width:258px;height:275px;position:absolute;left:165px;top:4px;background:url(../images/slogan-name-2.png) no-repeat;z-index:2}.wraper .header .layer .slogan .slogan-name-3{width:277px;height:245px;position:absolute;left:336px;top:10px;background:url(../images/slogan-name-3.png) no-repeat;z-index:2}.wraper .header .layer .slogan-light{width:1512px;height:369px;background:url(../images/slogan-light.png) no-repeat;position:absolute;top:324px;left:50%;margin-left:-569px;z-index:9;mix-blend-mode:screen;pointer-events:none}.wraper .header .layer .btn-vd{width:108px;height:117px;position:absolute;left:50%;margin-left:-54px;top:270px;z-index:12;background:url(../images/bg-video.png) no-repeat;text-indent:-9999px}.wraper .header .layer .btn-vd:hover{background-position:center -125px}.wraper .header .layer .nav{height:38px;position:absolute;right:-33px;top:27px;z-index:10}.wraper .header .layer .nav a{width:116px;height:38px;margin:0 6px;display:block;float:left;font-size:15px;color:#b9d3f5}.wraper .header .layer .nav a span{width:116px;height:38px;display:flex;justify-content:center;align-items:center;background:url(../images/nav.png) no-repeat;transition:margin .3s ease-in-out 0s}.wraper .header .layer .nav a:hover span{color:#f5b9b9;background-position:center bottom;margin-top:-10px}.wraper .rdgbox{position:absolute;left:50%;margin-left:-498px;top:710px;width:994px;height:421px;z-index:11;text-align:center;background:url(../images/rdgbox.png) no-repeat;display:none}.wraper .rdgbox ul{width:962px;height:405px;padding-top:17px;box-sizing:border-box;margin:0 auto}.wraper .rdgbox ul li{width:282px;height:387px;float:left}.wraper .rdgbox ul li.regist .regform{width:282px;height:385px}.wraper .rdgbox ul li.regist .regform iframe{width:282px}.wraper .rdgbox ul li.bzbox{width:664px;height:387px;margin-left:16px}.wraper .rdgbox ul li.bzbox .info{width:100%;height:100%;position:absolute;left:0;top:0;display:none}.wraper .rdgbox ul li.bzbox .info .btnlink{width:254px;height:48px;background:url(../images/rdg-btn.png) no-repeat}.wraper .rdgbox ul li.bzbox .info .btnlink i{font-style:normal;display:block;animation:eff_sca 2s infinite ease}.wraper .rdgbox ul li.bzbox .info.giftinfo img{margin:15px 0 22px 0}.wraper .rdgbox ul li.bzbox .info.downinfo img{margin:35px 40px 21px;padding-bottom:25px;border-bottom:1px dashed #4e71a3}.wraper .rdgbox ul li.bzbox .info.downinfo strong{background:#2a497a;font-size:20px;color:#fff;padding:2px 20px;display:inline-block;font-weight:normal}.wraper .rdgbox ul li.bzbox .info.downinfo p{color:#2a497a;font-size:16px;margin:16px 0 }.wraper .rdgbox ul li.bzbox .info.downinfo .btnlink{font-size:24px;margin:13px auto 0}.wraper .rdgbox ul li.bzbox .info.downinfo.bz img{border:none;margin:15px 40px 0px;padding-bottom:10px}.wraper .rdgbox ul li.bzbox .info.downinfo.bz p{border-bottom:1px dashed #4e71a3;padding-bottom:15px;margin:10px 40px 15px}.wraper .rdgbox ul li.bzbox .info .icon{display:flex;justify-content:center;align-items:center}.wraper .rdgbox ul .btnlink{width:180px;height:44px;line-height:44px;text-align:center;font-size:20px;display:block;margin:0 auto;background:#f6c162;font-weight:bold;color:#6d0000;cursor:pointer;border-radius:2px;text-decoration:none}.wraper .content{width:100%;margin:0 auto;position:relative;z-index:8}.wraper .content .light{position:absolute;top:0;left:50%;width:579px;height:194px;margin-left:-286px;z-index:1;background:url(../images/tit-s.png) no-repeat;mix-blend-mode:screen}.wraper .content .title{width:747px;height:280px;margin:0 auto ;text-indent:-9999px;position:relative}.wraper .content .txt{text-indent:-9999px;margin:0 auto;display:none}.wraper .content .story{width:100%;height:1154px;position:relative;background:url(../images/bg-box1.jpg) no-repeat;overflow:hidden}.wraper .content .story .title{background:url(../images/tit1.png) no-repeat center bottom}.wraper .content .story .box{width:620px;height:610px;position:absolute;left:50%;top:400px;margin-left:-500px;z-index:4}.wraper .content .story .box strong{font-size:28px;color:#a2b7cd;font-weight:normal;margin-bottom:10px;display:block}.wraper .content .story .box p{font-size:18px;margin-bottom:40px;line-height:35px;display:inline-block}.wraper .content .story .box .btn-link{width:465px;height:130px;display:block;margin:50px auto 0;background:url(../images/btn-1.png) no-repeat center top;text-indent:-9999px}.wraper .content .story .box .btn-link:hover{-webkit-filter:contrast(120%);filter:contrast(120%)}.wraper .content .story .n1{width:1136px;height:1606px;position:absolute;left:50%;top:286px;margin-left:36px;background:url(../images/npc2.png) no-repeat;z-index:5}.wraper .content .equip{width:100%;height:2502px;position:relative;z-index:3;background:url(../images/bg-box2.jpg) no-repeat;overflow:hidden}.wraper .content .equip .title{background:url(../images/tit2.png) no-repeat center bottom}.wraper .content .equip .swiper_cont{position:relative;width:1064px;margin:0 auto;z-index:4}.wraper .content .equip .swiper_cont#slide1{height:932px;background:url(../images/txt-1.png) no-repeat;margin-top:50px;margin-bottom:33px}.wraper .content .equip .swiper_cont#slide1 .swiper-wrapper{top:228px}.wraper .content .equip .swiper_cont#slide1 .btn{margin-top:35px}.wraper .content .equip .swiper_cont#slide1 .swiper-pagination{bottom:60px}.wraper .content .equip .swiper_cont#slide2{height:996px;background:url(../images/txt-2.png) no-repeat}.wraper .content .equip .swiper_cont#slide2 .swiper-wrapper{top:228px;height:732px}.wraper .content .equip .swiper_cont#slide2 .btn{margin-top:65px}.wraper .content .equip .swiper_cont#slide2 .swiper-pagination{bottom:60px}.wraper .content .equip .swiper_cont#slide3{height:932px;background:url(../images/txt-3.png) no-repeat;margin-top:20px;margin-bottom:33px}.wraper .content .equip .swiper_cont#slide3 .swiper-wrapper{top:44px}.wraper .content .equip .swiper_cont#slide3 .btn{margin-top:-40px}.wraper .content .equip .swiper_cont#slide3 .swiper-pagination{bottom:60px}.wraper .content .equip .swiper_cont .swiper-wrapper{margin:0 auto;width:900px;height:668px}.wraper .content .equip .swiper_cont .swiper-wrapper .swiper-slide{opacity:0 !important}.wraper .content .equip .swiper_cont .swiper-wrapper .swiper-slide.swiper-slide-active{opacity:1 !important}.wraper .content .equip .swiper_cont .btn{width:56px;height:60px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.wraper .content .equip .swiper_cont .btn::after{width:100%;height:100%;content:"";background:url(../images/bg-arr.png) no-repeat}.wraper .content .equip .swiper_cont .btn:hover{-webkit-filter:grayscale(0%);filter:grayscale(0%)}.wraper .content .equip .swiper_cont .btn.swiper-button-next{right:82px}.wraper .content .equip .swiper_cont .btn.swiper-button-next::after{background-position:right top}.wraper .content .equip .swiper_cont .btn.swiper-button-prev{left:82px}.wraper .content .equip .swiper_cont .btn.swiper-button-prev::after{background-position:left top}.wraper .content .equip .swiper_cont .swiper-pagination .swiper-pagination-bullet{width:23px;height:30px;margin:0 5px;background:none;opacity:1;background:url(../images/dian.png) no-repeat right center}.wraper .content .equip .swiper_cont .swiper-pagination .swiper-pagination-bullet-active{background-position:center left}.wraper .content .equip .swiper_cont .tit{height:100px;width:100%;position:absolute;left:0;top:-130px;text-indent:-9999px;background:url(../images/tit2.png) no-repeat center bottom}.wraper .content .equip .n1{width:1024px;height:2272px;position:absolute;left:50%;top:240px;margin-left:-1213px;background:url(../images/npc3.png) no-repeat}.wraper .content .skill{width:100%;height:1446px;position:relative;background:url(../images/bg-box3.jpg) no-repeat;overflow:hidden}.wraper .content .skill .title{background:url(../images/tit3.png) no-repeat center bottom}.wraper .content .skill .swiper_cont{position:relative;width:1040px;height:1100px;margin:340px auto 0;z-index:4}.wraper .content .skill .swiper_cont .swiper-pagination{top:-350px;height:320px;bottom:auto;margin:0 auto}.wraper .content .skill .swiper_cont .swiper-pagination-bullets{font-size:0}.wraper .content .skill .swiper_cont .swiper-pagination-bullets span{width:285px;height:100%;margin:0;display:inline-block;background:url(../images/jn-btn.png) 0 0 no-repeat;border-radius:0;opacity:1;border:0;position:relative;color:#fff;opacity:.8}.wraper .content .skill .swiper_cont .swiper-pagination-bullets span::before{width:100%;height:50px;position:absolute;left:0;bottom:0;font-size:20px}.wraper .content .skill .swiper_cont .swiper-pagination-bullets span:nth-child(1){background-position:-72px -53px}.wraper .content .skill .swiper_cont .swiper-pagination-bullets span:nth-child(1)::before{content:"猎魔序曲"}.wraper .content .skill .swiper_cont .swiper-pagination-bullets span:nth-child(2){background-position:-356px -53px}.wraper .content .skill .swiper_cont .swiper-pagination-bullets span:nth-child(2)::before{content:"主动：追猎决胜斩"}.wraper .content .skill .swiper_cont .swiper-pagination-bullets span:nth-child(3){background-position:-642px -53px}.wraper .content .skill .swiper_cont .swiper-pagination-bullets span:nth-child(3)::before{content:"主动：永昼降临"}.wraper .content .skill .swiper_cont .swiper-pagination-bullets span:hover,.wraper .content .skill .swiper_cont .swiper-pagination-bullets span.swiper-pagination-bullet-active{color:#6bb1fb;opacity:1}.wraper .content .skill .swiper_cont .swiper-pagination-bullets span.swiper-pagination-bullet-active::after{content:"";width:25px;height:49px;position:absolute;left:50%;bottom:-47px;margin-left:-12px;background:url(../images/jn-btn-on.png) no-repeat}.wraper .content .skill .swiper_cont .video-container{width:800px;height:450px;z-index:2;margin:40px auto 0;position:relative}.wraper .content .skill .swiper_cont .video-container::after{content:"";position:absolute;left:-37px;top:-8px;width:874px;height:468px;z-index:1;background:url(../images/jn-box.png) no-repeat}.wraper .content .skill .swiper_cont .video-container img,.wraper .content .skill .swiper_cont .video-container video{width:100%;height:100%;cursor:pointer;position:absolute;left:0;top:0;z-index:2}.wraper .content .skill .swiper_cont .swiper-slide p{width:100%;height:138px;background:url(../images/jn-txt.png) no-repeat center center;font-size:20px;color:#6bb1fb;display:flex;justify-content:center;align-items:center;text-align:center}.wraper .content .skill .swiper_cont .swiper-slide{opacity:0 !important}.wraper .content .skill .swiper_cont .swiper-slide.swiper-slide-active{opacity:1 !important}.wraper .content .skill .n1{width:984px;height:1435px;position:absolute;left:50%;top:11px;margin-left:241px;background:url(../images/npc4.png) no-repeat;pointer-events:none}.wraper .content .activity{width:100%;height:2114px;position:relative;background:url(../images/bg-box4.jpg) no-repeat;overflow:hidden}.wraper .content .activity .title{background:url(../images/tit4.png) no-repeat center bottom}.wraper .content .activity .txt{width:500px;height:22px;text-indent:0;margin:50px auto 60px;display:block;font-size:30px;color:#fff;text-align:center}.wraper .content .activity .txt span{color:#ff9d2a}.wraper .content .activity .btn{width:1200px;margin:0 auto;position:relative;z-index:2}.wraper .content .activity .btn a{width:1190px;height:404px;border:5px solid #e0ecff;display:block;margin-bottom:28px}.wraper .content .activity .btn-event{width:536px;height:186px;margin:0 auto;display:block;background:url(../images/btn-3.png) no-repeat center top;position:relative;z-index:3;text-indent:-9999px}.wraper .content .activity .btn-event:hover{-webkit-filter:contrast(120%);filter:contrast(120%)}.popdiv{display:none;text-align:center;font-size:18px;color:#fff;border:1px solid #e3c77f;background:#3e335e}.popdiv .close{width:37px;height:37px;background-image:url(../images/bg_close1.png);background-repeat:no-repeat;background-size:cover;position:absolute;right:-40px;top:0;cursor:pointer;text-indent:-9999px}#popdiv1,#popdiv{width:415px;padding-bottom:50px}#popvd{width:700px;height:500px;background:#000;display:none;border:none}#popvd .close{position:absolute;top:0;display:block;text-indent:-9999px;cursor:pointer;width:48px;height:48px;right:-48px;background-image:url(https://image.tiancity.com/player/images/close_btn.jpg);background-repeat:no-repeat;background-size:cover}#popvd .popbox{width:700px;height:500px;overflow:hidden}@keyframes eff_sca{0%,100%{transform:scale(1)}50%{transform:scale(.95)}}@-webkit-keyframes eff_sca{0%,100%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(.95)}}