#wrapper{position:relative;width:100%;height:100%;margin:0 auto;overflow:hidden;font-size:20px;color:#f5ede1;background:#1e1d1c;transform-origin:center top}#wrapper .header #pagemenu{width:100%;height:.9rem;background-color:rgba(9,9,9,0.4);position:fixed;left:0;top:40px;display:flex;align-items:center;justify-content:space-between;z-index:12}#wrapper .header #pagemenu #obindex{width:3.1rem;height:100%;background:url(../images/logo.png) center center / contain no-repeat;text-indent:-99.99rem}#wrapper .header #pagemenu .menu-box{display:flex;width:13rem;height:100%;margin:0 auto}#wrapper .header #pagemenu .menu-box .menu{height:100%;display:flex}#wrapper .header #pagemenu .menu-box .menu li{width:1.88rem;position:relative;cursor:pointer}#wrapper .header #pagemenu .menu-box .menu li::after{content:"";width:.02rem;height:.37rem;position:absolute;right:-0.01rem;top:50%;transform:translateY(-50%);background:#f6f6f6;opacity:.3}#wrapper .header #pagemenu .menu-box .menu li a,#wrapper .header #pagemenu .menu-box .menu li p{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#f6f6f6;font-size:.24rem;font-family:'Didot'}#wrapper .header #pagemenu .menu-box .menu li a span,#wrapper .header #pagemenu .menu-box .menu li p span{display:block;color:#f6f6f6;font-size:.15rem;font-family:initial;opacity:.3;margin-top:-0.08rem}#wrapper .header #pagemenu .menu-box .menu li.active{background:url(../images/menu-active.png) center center / contain no-repeat}#wrapper .header #pagemenu .menu-box .menu li:last-child::after{display:none}#wrapper .header #pagemenu .menu-box .other .share-box{height:100%;display:flex;justify-content:center;align-items:center;margin-left:1rem}#wrapper .header #pagemenu .menu-box .other .share-box a{width:.52rem;height:.53rem;float:left;display:flex;align-items:center}#wrapper .header #pagemenu .menu-box .other .share-box a .iconfont{color:#f6f6f6;font-size:.3rem}#wrapper .header #pagemenu .menu-box .other .share-box a:hover .iconfont{color:#ec9e0a}#wrapper .container{position:relative;width:100%;z-index:3}#wrapper .container .content{width:14.8rem;height:9rem;position:absolute;top:50%;left:50%;margin-top:-4.3rem;margin-left:-7.4rem;z-index:11;transform-origin:center center}#wrapper .container .section{width:100%;height:100%;z-index:8;position:relative;min-height:9rem;max-height:19rem}#wrapper .container .section .title{width:5.1rem;height:1.5rem;margin:.3rem auto 0;text-indent:-99.99rem}#wrapper .container #box1::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:.58rem;background:url(../images/header-bot.png) center top / cover no-repeat;z-index:2}#wrapper .container #box1 .bgimg{width:100%;height:100%;position:absolute;left:0;top:0;background:url(../images/bg-header.jpg) center top / cover no-repeat}#wrapper .container #box1 #fire{width:100%;height:100%;position:absolute;left:0;top:0}#wrapper .container #box1 .header-box .npc{width:10rem;height:8.65rem;position:absolute;left:50%;top:.6rem;margin-left:-5rem;background:url(../images/npc.png) center top / contain no-repeat}#wrapper .container #box1 .header-box .slogan{width:8.5rem;height:4.4rem;position:absolute;left:50%;top:4.25rem;margin-left:-4.25rem;background:url(../images/slogan.png) center top / contain no-repeat}#wrapper .container #box1 .header-box .slogan .btn-video{width:1.05rem;height:1.05rem;position:absolute;left:1.2rem;top:1.8rem;text-indent:-99.99rem}#wrapper .container #box1 .header-box .slogan .btn-video::after,#wrapper .container #box1 .header-box .slogan .btn-video::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0}#wrapper .container #box1 .header-box .slogan .btn-video::before{background:url(../images/btn-video.png) center top / contain no-repeat;animation:r 2.5s infinite 0s linear}#wrapper .container #box1 .header-box .slogan .btn-video::after{background:url(../images/btn-video-s-2.png) center top / contain no-repeat;animation:r 2.5s infinite 0s linear reverse}#wrapper .container #box1 .header-box .slogan .btn-video span{width:100%;height:100%;position:absolute;left:0;top:0;background:url(../images/btn-video-s-1.png) center top / contain no-repeat;z-index:3}#wrapper .container #box1 .header-box .slogan .btn-video:hover{-webkit-filter:contrast(120%);filter:contrast(120%)}#wrapper .container #box1 .header-box .btn-box{width:100%;position:absolute;left:0;top:8rem}#wrapper .container #box1 .header-box .btn-box .btn-subscribe{width:4.23rem;height:2.12rem;display:block;margin:0 auto;text-indent:-99.99rem;background:url(../images/btn-subscribe.png) center top / contain no-repeat}#wrapper .container #box1 .header-box .btn-box .btn-subscribe:hover{-webkit-filter:contrast(120%);filter:contrast(120%)}#wrapper .container #box2{background:url(../images/bg-box1.jpg) center top / cover no-repeat}#wrapper .container #box2::after{content:'';position:absolute;top:0;left:0;width:100%;height:3.64rem;background:url(../images/box-1-top.png) center top / cover no-repeat;z-index:-1}#wrapper .container #box2 .trim .t1{position:absolute;right:-0.8rem;top:1.2rem;width:4.4rem;height:3.74rem;background:url(../images/box-1-img-1.png) center top / cover no-repeat;animation:m 2.5s infinite 0s linear}#wrapper .container #box2 .trim .t2{position:absolute;left:-1.85rem;top:5.9rem;width:5.41rem;height:1.78rem;background:url(../images/bg-txt.png) center top / cover no-repeat}#wrapper .container #box2 .title{background:url(../images/title-1.png) center top / contain no-repeat}#wrapper .container #box2 .news-box{width:13.39rem;height:5.57rem;background:url(../images/news-box.png) center top / contain no-repeat;margin:.6rem auto 0;display:flex}#wrapper .container #box2 .news-box .index-news-banner{width:6.85rem;height:4.85rem;margin:.3rem 0 0 .43rem}#wrapper .container #box2 .news-box .index-news-banner .main-banner{width:100%;height:100%;position:relative;top:0;left:0}#wrapper .container #box2 .news-box .index-news-banner .main-banner .swiper-wrapper{pointer-events:none}#wrapper .container #box2 .news-box .index-news-banner .main-banner .swiper-wrapper .swiper-slide{width:100%;height:100%;overflow:hidden}#wrapper .container #box2 .news-box .index-news-banner .main-banner .swiper-wrapper .swiper-slide a{width:100%;height:100%;display:block}#wrapper .container #box2 .news-box .index-news-banner .main-banner .swiper-wrapper .swiper-slide a img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}#wrapper .container #box2 .news-box .index-news-banner .main-banner .swiper-wrapper::after{content:"";width:6.89rem;height:4.89rem;z-index:5;position:absolute;left:-0.02rem;top:-0.02rem;background:url(../images/img-mark.png) center top / contain no-repeat}#wrapper .container #box2 .news-box .index-news-banner .main-banner .swiper-pagination{width:1.5rem;height:.3rem;top:.22rem;left:.4rem;text-align:left}#wrapper .container #box2 .news-box .index-news-banner .main-banner .swiper-pagination .swiper-pagination-bullet{width:.15rem;height:.15rem;opacity:1;background:#dfdfdf;margin:0 .04rem}#wrapper .container #box2 .news-box .index-news-banner .main-banner .swiper-pagination .swiper-pagination-bullet-active{background:#f0c503}#wrapper .container #box2 .news-box .news-con{width:5.55rem;height:4.67rem;box-sizing:border-box;background:#000;margin:.48rem 0 0 .1rem;border-radius:0 0 .2rem .2rem;padding:.24rem .24rem .24rem .12rem;position:relative}#wrapper .container #box2 .news-box .news-con .news-more{font-size:.24rem;font-weight:bold;color:#bdbdbd;position:absolute;right:.24rem;top:.24rem;width:1.6rem;height:.4rem;display:flex;justify-content:center;align-items:center}#wrapper .container #box2 .news-box .news-con .news-tab{width:100%;border-bottom:.02rem solid #ffd200;display:flex;margin-bottom:.15rem}#wrapper .container #box2 .news-box .news-con .news-tab a{width:.84rem;height:.4rem;font-size:.24rem;margin-bottom:.03rem;margin-right:.08rem;font-weight:bold;color:#bdbdbd;display:flex;justify-content:center;align-items:center;border-radius:.05rem .05rem 0 0}#wrapper .container #box2 .news-box .news-con .news-tab a.on{background:#ffd200;color:#161615}#wrapper .container #box2 .news-box .news-con .news-list{width:100%;height:3.6rem;margin:0 auto;position:relative}#wrapper .container #box2 .news-box .news-con .news-list .news-list-ul{width:100%;height:100%;position:absolute;left:0;top:0;display:none}#wrapper .container #box2 .news-box .news-con .news-list .news-list-ul ul li{height:.6rem;line-height:.6rem;border-bottom:.02rem dashed #616060;font-size:.2rem;color:#fff;display:flex}#wrapper .container #box2 .news-box .news-con .news-list .news-list-ul ul li a{color:#d4d4d4}#wrapper .container #box2 .news-box .news-con .news-list .news-list-ul ul li a:nth-child(1){width:.65rem;color:#ffd200;text-align:center}#wrapper .container #box2 .news-box .news-con .news-list .news-list-ul ul li a:nth-child(2){-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:flex}#wrapper .container #box2 .news-box .news-con .news-list .news-list-ul ul li a:nth-child(2) p{width:3.8rem;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}#wrapper .container #box2 .news-box .news-con .news-list .news-list-ul ul li a:nth-child(2) span{width:.7rem;text-align:center}#wrapper .container #box2 .news-box .news-con .news-list .news-list-ul ul li a.new,#wrapper .container #box2 .news-box .news-con .news-list .news-list-ul ul li a:hover{color:#ffd200}#wrapper .container #box2 .news-box .news-con .news-list .news-list-ul.on{display:block}#wrapper .container #box3::after{content:'';position:absolute;top:-3.4rem;left:0;width:100%;height:23rem;background:url(../images/box-2-top.png) center top / cover no-repeat;z-index:-1;pointer-events:none}#wrapper .container #box3 .trim .t1{position:absolute;right:.7rem;top:2.2rem;width:.79rem;height:6.86rem;background:url(../images/box-2-img-1.png) center top / cover no-repeat}#wrapper .container #box3 .trim .t2{position:absolute;right:0;bottom:0;width:3.15rem;height:1.84rem;background:url(../images/box-2-img-2.png) center top / cover no-repeat}#wrapper .container #box3 .title{background:url(../images/title-2.png) center top / contain no-repeat}#wrapper .container #box3 .role-box{width:12rem;height:8rem;margin:.2rem auto 0;position:relative}#wrapper .container #box3 .role-box .menu-box{width:3.12rem;height:.66rem;background:url(../images/role-tab.png) center top / contain no-repeat;position:relative;display:flex}#wrapper .container #box3 .role-box .menu-box a{width:1.56rem;height:.66rem;line-height:.66rem;float:left;text-align:center;font-size:.3rem;font-weight:bold;color:#fff;position:relative;z-index:1}#wrapper .container #box3 .role-box .menu-box a.on{color:#212121;transition:color 1s ease-in-out}#wrapper .container #box3 .role-box .menu-box i{width:1.56rem;height:.66rem;position:absolute;left:0;top:0;background:url(../images/role-tab-on.png) center top / contain no-repeat;transition:left .5s ease-in-out}#wrapper .container #box3 .role-box .index-role-banner .main-banner{width:100%;height:100%}#wrapper .container #box3 .role-box .index-role-banner .main-banner .swiper-slide .info{width:7.53rem;height:5.33rem;background:url(../images/role-info.png) center top / contain no-repeat}#wrapper .container #box3 .role-box .index-role-banner .main-banner .swiper-slide .info .info-tit{height:2rem;display:flex;justify-content:space-between;align-items:center;padding:0 .65rem 0 .1rem;box-sizing:border-box;margin-bottom:.2rem}#wrapper .container #box3 .role-box .index-role-banner .main-banner .swiper-slide .info .info-tit .name{width:3.4rem;height:1.26rem}#wrapper .container #box3 .role-box .index-role-banner .main-banner .swiper-slide .info .info-tit .career{width:.7rem;height:.66rem}#wrapper .container #box3 .role-box .index-role-banner .main-banner .swiper-slide .info .info-tit img{width:100%}#wrapper .container #box3 .role-box .index-role-banner .main-banner .swiper-slide .info .info-explain{width:6.2rem;margin:0 auto}#wrapper .container #box3 .role-box .index-role-banner .main-banner .swiper-slide .info .info-explain li{display:flex;justify-content:space-between;margin-bottom:.18rem}#wrapper .container #box3 .role-box .index-role-banner .main-banner .swiper-slide .info .info-explain li .tit{height:.49rem;line-height:.44rem;font-size:.26rem;color:#fff;background:url(../images/role-txt-2.png) center left / contain no-repeat;position:relative;display:inline-block;padding:0 .3rem;box-sizing:border-box}#wrapper .container #box3 .role-box .index-role-banner .main-banner .swiper-slide .info .info-explain li p{width:4.2rem;font-size:.26rem;color:#212121;font-weight:bold}#wrapper .container #box3 .role-box .index-role-banner .main-banner .swiper-slide .info .info-explain li:nth-child(1) .tit,#wrapper .container #box3 .role-box .index-role-banner .main-banner .swiper-slide .info .info-explain li:nth-child(4) .tit{background:url(../images/role-txt-1.png) center left / contain no-repeat}#wrapper .container #box3 .role-box .index-role-banner .main-banner .swiper-slide .role{width:10rem;height:10rem;position:absolute;top:-2.7rem;left:6.2rem}#wrapper .container #box3 .role-box .index-role-banner .main-banner .swiper-slide .role img{width:100%}#wrapper .container #box3 .role-box .index-role-banner .main-banner .swiper-slide .role{transition:all .4s ease-in-out 0s;margin-left:-2rem}#wrapper .container #box3 .role-box .index-role-banner .main-banner .swiper-slide .info{transition:all .4s ease-in-out 0s;margin-left:.5rem}#wrapper .container #box3 .role-box .index-role-banner .main-banner .swiper-slide-active .info,#wrapper .container #box3 .role-box .index-role-banner .main-banner .swiper-slide-active .role{margin-left:0}#wrapper .container #box3 .role-box .index-role-banner .thumbnails-banner-wrapper{width:6.15rem;height:1.25rem;position:absolute;left:.5rem;top:5.5rem}#wrapper .container #box3 .role-box .index-role-banner .thumbnails-banner-wrapper .thumbnails-banner{width:6.15rem;height:1.25rem;overflow:hidden}#wrapper .container #box3 .role-box .index-role-banner .thumbnails-banner-wrapper .thumbnails-banner .swiper-wrapper .swiper-slide{width:1.23rem;height:1.25rem;cursor:pointer}#wrapper .container #box3 .role-box .index-role-banner .thumbnails-banner-wrapper .thumbnails-banner .swiper-wrapper .swiper-slide .img{width:1rem;height:1.23rem;position:relative;z-index:1;margin:0 auto;border-radius:.05rem}#wrapper .container #box3 .role-box .index-role-banner .thumbnails-banner-wrapper .thumbnails-banner .swiper-wrapper .swiper-slide .img img{width:1.09rem;height:1.25rem;-webkit-filter:grayscale(100%);filter:grayscale(100%);position:absolute;z-index:1;left:-0.1rem;top:-0.01rem}#wrapper .container #box3 .role-box .index-role-banner .thumbnails-banner-wrapper .thumbnails-banner .swiper-wrapper .swiper-slide:nth-child(even) .img{transform:rotateY(-5deg) rotateX(-5deg) skewX(-2deg)}#wrapper .container #box3 .role-box .index-role-banner .thumbnails-banner-wrapper .thumbnails-banner .swiper-wrapper .swiper-slide:nth-child(even) .img img{transform:rotateY(5deg) rotateX(5deg) skewX(2deg)}#wrapper .container #box3 .role-box .index-role-banner .thumbnails-banner-wrapper .thumbnails-banner .swiper-wrapper .swiper-slide:nth-child(odd) .img{transform:rotateY(-5deg) rotateX(4deg) skewX(2deg)}#wrapper .container #box3 .role-box .index-role-banner .thumbnails-banner-wrapper .thumbnails-banner .swiper-wrapper .swiper-slide:nth-child(odd) .img img{transform:rotateY(5deg) rotateX(-4deg) skewX(-2deg)}#wrapper .container #box3 .role-box .index-role-banner .thumbnails-banner-wrapper .thumbnails-banner .swiper-wrapper .swiper-slide-thumb-active .img{background:#141412 !important}#wrapper .container #box3 .role-box .index-role-banner .thumbnails-banner-wrapper .thumbnails-banner .swiper-wrapper .swiper-slide-thumb-active .img::after{content:"";width:1.09rem;height:1.25rem;position:absolute;left:-0.1rem;top:-0.01rem;background:url(../images/role-btn-active.png) center top / contain no-repeat;z-index:2}#wrapper .container #box3 .role-box .index-role-banner .thumbnails-banner-wrapper .thumbnails-banner .swiper-wrapper .swiper-slide-thumb-active .img img{-webkit-filter:grayscale(0%);filter:grayscale(0%)}#wrapper .container #box3 .role-box .index-role-banner .thumbnails-banner-wrapper .swiper-button-prev,#wrapper .container #box3 .role-box .index-role-banner .thumbnails-banner-wrapper .swiper-button-next{width:.4rem;height:.86rem;background:url(../images/role-arr.png) center top / contain no-repeat;box-sizing:border-box;margin-top:-0.4rem}#wrapper .container #box3 .role-box .index-role-banner .thumbnails-banner-wrapper .swiper-button-prev::after,#wrapper .container #box3 .role-box .index-role-banner .thumbnails-banner-wrapper .swiper-button-next::after{display:none}#wrapper .container #box3 .role-box .index-role-banner .thumbnails-banner-wrapper .swiper-button-prev:hover,#wrapper .container #box3 .role-box .index-role-banner .thumbnails-banner-wrapper .swiper-button-next:hover{-webkit-filter:contrast(120%);filter:contrast(120%)}#wrapper .container #box3 .role-box .index-role-banner .thumbnails-banner-wrapper .swiper-button-prev{left:-0.55rem;transform:rotateY(180deg)}#wrapper .container #box3 .role-box .index-role-banner .thumbnails-banner-wrapper .swiper-button-next{right:-0.45rem}#wrapper .container #box3 .role-box .index-weapon-banner .main-banner{width:100%;height:100%}#wrapper .container #box3 .role-box .index-weapon-banner .main-banner .swiper-slide .info{width:7.45rem;height:6.65rem;background:url(../images/weapon-info.png) center top / contain no-repeat;position:relative;z-index:1}#wrapper .container #box3 .role-box .index-weapon-banner .main-banner .swiper-slide .info .info-tit{width:5.2rem;height:2rem;display:flex;justify-content:space-between;align-items:center;padding:0 .2rem 0 .1rem;box-sizing:border-box;margin-bottom:.1rem}#wrapper .container #box3 .role-box .index-weapon-banner .main-banner .swiper-slide .info .info-tit .name{width:3.88rem;height:1.27rem}#wrapper .container #box3 .role-box .index-weapon-banner .main-banner .swiper-slide .info .info-tit .nature{width:.82rem;height:.82rem}#wrapper .container #box3 .role-box .index-weapon-banner .main-banner .swiper-slide .info .info-tit img{width:100%}#wrapper .container #box3 .role-box .index-weapon-banner .main-banner .swiper-slide .info .info-explain{width:4rem;margin:0 .68rem}#wrapper .container #box3 .role-box .index-weapon-banner .main-banner .swiper-slide .info .info-explain li{margin-bottom:.18rem}#wrapper .container #box3 .role-box .index-weapon-banner .main-banner .swiper-slide .info .info-explain li .tit{height:.49rem;line-height:.44rem;font-size:.26rem;color:#fff;background:url(../images/role-txt-2.png) center left / contain no-repeat;position:relative;padding:0 .3rem;box-sizing:border-box;margin-right:.2rem;float:left}#wrapper .container #box3 .role-box .index-weapon-banner .main-banner .swiper-slide .info .info-explain li p{font-size:.26rem;color:#212121;font-weight:bold}#wrapper .container #box3 .role-box .index-weapon-banner .main-banner .swiper-slide .info .info-explain li:last-child p{font-size:.22rem;float:left;margin-top:.1rem}#wrapper .container #box3 .role-box .index-weapon-banner .main-banner .swiper-slide .weapon{width:7.12rem;height:7.12rem;position:absolute;top:-1rem;left:5rem;background:url(../images/weapon-img-bg.png) center top / contain no-repeat}#wrapper .container #box3 .role-box .index-weapon-banner .main-banner .swiper-slide .weapon img{width:100%}#wrapper .container #box3 .role-box .index-weapon-banner .main-banner .swiper-slide .info{margin-left:1rem;transition:all .4s ease-in-out 0s}#wrapper .container #box3 .role-box .index-weapon-banner .main-banner .swiper-slide .weapon img{margin-left:-2rem;transition:all .4s ease-in-out 0s}#wrapper .container #box3 .role-box .index-weapon-banner .main-banner .swiper-slide-active .info,#wrapper .container #box3 .role-box .index-weapon-banner .main-banner .swiper-slide-active .weapon img{margin-left:0}#wrapper .container #box3 .role-box .index-weapon-banner .swiper-button-prev,#wrapper .container #box3 .role-box .index-weapon-banner .swiper-button-next{width:.4rem;height:.86rem;background:url(../images/role-arr.png) center top / contain no-repeat;box-sizing:border-box;margin-top:-1.9rem}#wrapper .container #box3 .role-box .index-weapon-banner .swiper-button-prev::after,#wrapper .container #box3 .role-box .index-weapon-banner .swiper-button-next::after{display:none}#wrapper .container #box3 .role-box .index-weapon-banner .swiper-button-prev:hover,#wrapper .container #box3 .role-box .index-weapon-banner .swiper-button-next:hover{-webkit-filter:contrast(120%);filter:contrast(120%)}#wrapper .container #box3 .role-box .index-weapon-banner .swiper-button-prev{left:5.6rem;transform:rotateY(180deg)}#wrapper .container #box3 .role-box .index-weapon-banner .swiper-button-next{right:-0.05rem}#wrapper .container #box3 .role-box .index-weapon-banner .weapon-btn{width:6.5rem;height:.89rem;margin:0 auto;position:absolute;left:5.57rem;top:5.5rem;z-index:2;display:flex;justify-content:center;align-items:center}#wrapper .container #box3 .role-box .index-weapon-banner .weapon-btn a{width:.78rem;height:.89rem;margin:0 .09rem;background:url(../images/weapon-nature-bg.png) center top / contain no-repeat;display:flex;justify-content:center;align-items:center}#wrapper .container #box3 .role-box .index-weapon-banner .weapon-btn a img{width:100%}#wrapper .container #box3 .role-box .index-weapon-banner .weapon-btn a:nth-child(1) img{filter:brightness(100%) contrast(80%) grayscale(100%)}#wrapper .container #box3 .role-box .index-weapon-banner .weapon-btn a:nth-child(2) img{filter:brightness(50%) contrast(80%) grayscale(100%)}#wrapper .container #box3 .role-box .index-weapon-banner .weapon-btn a:nth-child(3) img{filter:brightness(100%) contrast(80%) grayscale(100%)}#wrapper .container #box3 .role-box .index-weapon-banner .weapon-btn a:nth-child(4) img{filter:brightness(50%) contrast(150%) grayscale(100%)}#wrapper .container #box3 .role-box .index-weapon-banner .weapon-btn a.on img{filter:none}#wrapper .container #box3 .role-box .banner-box{opacity:0;width:100%;height:100%;position:absolute;left:-1rem;top:.8rem;transition:all .4s ease-in-out 0s}#wrapper .container #box3 .role-box .banner-box.index-role-banner .role img{transition:all .4s ease-in-out 0s;margin-left:-2rem}#wrapper .container #box3 .role-box .banner-box.index-weapon-banner .weapon{transition:all .4s ease-in-out 0s;margin-left:-2rem}#wrapper .container #box3 .role-box .banner-on{opacity:1;z-index:2;left:0}#wrapper .container #box3 .role-box .banner-on.index-role-banner .role img{margin-left:0}#wrapper .container #box3 .role-box .banner-on.index-weapon-banner .weapon{margin-left:0}#wrapper .container #box4{background:url(../images/bg-box3.jpg) center top / cover no-repeat}#wrapper .container #box4::before{content:'';position:absolute;top:0;left:0;width:100%;height:1.73rem;background:url(../images/box-2-bot.png) center top / cover no-repeat;z-index:-3;image-rendering:pixelated}#wrapper .container #box4::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:6.65rem;background:url(../images/box-3-bot.png) center top / cover no-repeat;z-index:-1}#wrapper .container #box4 .trim .t1{position:absolute;left:0;bottom:1rem;width:11.77rem;height:10.07rem;background:url(../images/box-3-img-2.png) center top / cover no-repeat;z-index:-2;pointer-events:none}#wrapper .container #box4 .trim .t2{position:absolute;right:0;bottom:0;width:5.69rem;height:10.61rem;background:url(../images/box-3-img-3.png) center top / cover no-repeat;z-index:1}#wrapper .container #box4 .title{background:url(../images/title-3.png) center top / contain no-repeat}#wrapper .container #box4 .feature-box{width:10.6rem;height:6.58rem;margin:0 auto;position:relative;background:url(../images/feature-box.png) center top / cover no-repeat}#wrapper .container #box4 .feature-box .index-feature-banner .main-banner{width:8.2rem;height:4.6rem;overflow:hidden;box-sizing:border-box;background:#000;border:.04rem solid #3b3b3b;position:absolute;left:50%;top:1.05rem;margin-left:-4.1rem}#wrapper .container #box4 .feature-box .index-feature-banner .main-banner .swiper-wrapper .swiper-slide img{width:100%}#wrapper .container #box4 .feature-box .index-feature-banner .main-banner .swiper-pagination{display:none}#wrapper .container #box4 .feature-box .index-feature-banner .swiper-button-prev,#wrapper .container #box4 .feature-box .index-feature-banner .swiper-button-next{width:1.16rem;height:.72rem;background:url(../images/feature-arr.png) center top / contain no-repeat;box-sizing:border-box;margin-top:-0.36rem}#wrapper .container #box4 .feature-box .index-feature-banner .swiper-button-prev::after,#wrapper .container #box4 .feature-box .index-feature-banner .swiper-button-next::after{display:none}#wrapper .container #box4 .feature-box .index-feature-banner .swiper-button-prev:hover,#wrapper .container #box4 .feature-box .index-feature-banner .swiper-button-next:hover{-webkit-filter:contrast(120%);filter:contrast(120%)}#wrapper .container #box4 .feature-box .index-feature-banner .swiper-button-prev{left:-0.4rem;transform:rotateY(180deg)}#wrapper .container #box4 .feature-box .index-feature-banner .swiper-button-next{right:-0.4rem}#wrapper .container #box4 .feature-box .t3{position:absolute;right:-1.4rem;top:-2.5rem;width:3.08rem;height:2.84rem;background:url(../images/box-3-img-1.png) center top / cover no-repeat;animation:m 2.5s infinite 0s linear}#wrapper .container #box5{height:1.9rem !important;min-height:180px}#wrapper .container #box5 .fp-tableCell{height:100% !important}#wrapper .news-content{width:100%;background:url(../images/bg-news.png) center top / contain no-repeat;padding-top:5.17rem}#wrapper .news-content .news-detail{width:100%;height:100%;position:relative;padding-bottom:1rem}#wrapper .news-content .news-detail::after{content:"";width:.02rem;height:100%;position:absolute;left:1.37rem;top:0;background:#575656}#wrapper .news-content .news-detail::before{content:"";width:100%;height:3.7rem;background:url(../images/bg-news-zs.png) center top / contain no-repeat;position:absolute;left:0;top:0;z-index:1}#wrapper .news-content .news-detail .news-explain{width:12rem;margin:0 auto;color:#eaeaea;position:relative;z-index:1}#wrapper .news-content .news-detail .news-explain .title{text-align:center;margin-bottom:.35rem}#wrapper .news-content .news-detail .news-explain .title .tit{font-size:.4rem;height:1.35rem;margin-bottom:.25rem}#wrapper .news-content .news-detail .news-explain .title .tit p{width:9rem;height:100%;display:flex;justify-content:center;align-items:end;margin:0 auto;line-height:.5rem}#wrapper .news-content .news-detail .news-explain .title .time{font-size:.2rem;color:#757575}#wrapper .news-content .news-detail .news-explain .explain-box .explain{font-size:.18rem;min-height:6rem}#wrapper .news-content .news-detail .news-explain .explain-box .explain img{max-width:100% }#wrapper .news-content .news-detail .news-conlist{width:12rem;margin:0 auto;color:#eaeaea;position:relative;z-index:1;padding:0 .6rem 0;box-sizing:border-box}#wrapper .news-content .news-detail .news-conlist .news-tab{display:flex;width:5.1rem;justify-content:space-between;align-items:center;padding-top:.85rem}#wrapper .news-content .news-detail .news-conlist .news-tab a{width:1.1rem;height:.5rem;font-size:.31rem;color:#bdbdbd;font-weight:bold;display:flex;align-items:center;justify-content:center;border-radius:.05rem .05rem 0 0}#wrapper .news-content .news-detail .news-conlist .news-tab a.on{background:#ffd200;color:#161615}#wrapper .news-content .news-detail .news-conlist .news-list{min-height:6rem;margin:.6rem 0}#wrapper .news-content .news-detail .news-conlist .news-list ul li{width:100%;height:.62rem;line-height:.62rem;border-bottom:.02rem dashed #616060;font-size:.26rem;color:#bdbdbd;display:flex}#wrapper .news-content .news-detail .news-conlist .news-list ul li a{color:#bdbdbd}#wrapper .news-content .news-detail .news-conlist .news-list ul li a:nth-child(1){width:1rem;color:#ffd200;text-align:center}#wrapper .news-content .news-detail .news-conlist .news-list ul li a:nth-child(2){-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:flex}#wrapper .news-content .news-detail .news-conlist .news-list ul li a:nth-child(2) p{width:8.2rem;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}#wrapper .news-content .news-detail .news-conlist .news-list ul li a:nth-child(2) span{width:1.7rem;text-align:center}#wrapper .news-content .news-detail .news-conlist .news-list ul li a.new,#wrapper .news-content .news-detail .news-conlist .news-list ul li a:hover{color:#ffd200}#wrapper .news-content .news-detail .news-conlist .page{font-size:.26rem;flex:1;display:flex;justify-content:center;color:#bdbdbd}#wrapper .news-content .news-detail .news-conlist .page a{color:#bdbdbd}#wrapper .news-content .news-detail .news-conlist .page a,#wrapper .news-content .news-detail .news-conlist .page span{padding:0 .1rem;margin:0 .1rem}#wrapper .news-content .news-detail .news-conlist .page a.on,#wrapper .news-content .news-detail .news-conlist .page span.on{color:#161615;background:#ffd200;border-radius:.05rem .05rem 0 0}#wrapper .news-content .news-detail .news-back{width:1.15rem;height:.49rem;position:absolute;left:-1.2rem;top:.87rem;font-size:.3rem;text-align:right;font-weight:bold;color:#bdbdbd;z-index:5}#wrapper .news-content .news-detail .news-back::before{content:"";width:.49rem;height:.49rem;position:absolute;left:0;top:0;background:url(../images/btn-back.png) center bottom / .49rem 1rem no-repeat}#wrapper .news-content .news-detail .news-back:hover::before{background-position:center top}#wrapper .popdiv{width:4.83rem;height:4.12rem;display:none;color:#c6c6c6;font-family:'Microsoft Yahei'}#wrapper .popdiv .close{display:block;text-indent:-9999px;cursor:pointer;width:.53rem;height:.51rem;position:absolute;top:.43rem;right:.3rem;background:url(../images/btn-close.png) center top / contain no-repeat;z-index:11}#wrapper .popdiv .popbox{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#wrapper #pop-video{width:99%;height:99vh;display:none;background:none;margin:0 !important;transform:translate(-50%, -50%)}#wrapper #pop-video .close{right:5%;top:5%}#wrapper #pop-video .video-box{width:80%;height:80%;background:#000;animation:eff_scale3 .2s linear;overflow:hidden}#wrapper #pop-video .video-box video{width:100%;height:100%}#wrapper #pop-appointment{width:9.7rem;height:6.01rem;animation:eff_scale3 .2s linear;background:url(../images/pop-2.png) center top / contain no-repeat}#wrapper #pop-appointment .close{top:.58rem;right:.4rem}#wrapper #pop-appointment .iphone-box{width:7.2rem;height:100%;margin:0 auto;display:flex;align-items:center;flex-direction:column;box-sizing:border-box;padding-top:.8rem}#wrapper #pop-appointment .iphone-box .title{font-size:.3rem;color:#c6c6c6;font-weight:bold}#wrapper #pop-appointment .iphone-box .type{width:3.5rem;height:.4rem;margin:.3rem 0;display:flex;align-items:center;justify-content:space-between}#wrapper #pop-appointment .iphone-box .type .item input[type="radio"]{display:none}#wrapper #pop-appointment .iphone-box .type .item label{padding-left:.35rem;position:relative;font-size:.26rem;cursor:pointer}#wrapper #pop-appointment .iphone-box .type .item label::before,#wrapper #pop-appointment .iphone-box .type .item label::after{content:"";position:absolute;border-radius:50%;top:50%}#wrapper #pop-appointment .iphone-box .type .item label::before{width:.26rem;height:.26rem;left:0;margin-top:-0.11rem;background:#fff}#wrapper #pop-appointment .iphone-box .type .item input:checked+label::after{width:.12rem;height:.12rem;left:.07rem;margin-top:-0.04rem;background:#f0b002}#wrapper #pop-appointment .iphone-box .name{width:1.4rem;text-align:right;margin-right:.1rem;font-size:.26rem}#wrapper #pop-appointment .iphone-box .phone-number{width:4.8rem;height:.4rem;margin:0 auto;display:flex;justify-content:center;align-items:center;margin-bottom:.2rem}#wrapper #pop-appointment .iphone-box .phone-number input{width:3.27rem;height:100%;box-sizing:border-box;padding:0 .05rem;background:#626262;border:none;color:#c6c6c6;font-size:.2rem;outline:none;-webkit-appearance:none;appearance:none}#wrapper #pop-appointment .iphone-box .code{width:4.8rem;height:.4rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center}#wrapper #pop-appointment .iphone-box .code input{width:2.09rem;height:100%;box-sizing:border-box;padding:0 .05rem;background:#626262;border:none;color:#c6c6c6;font-size:.2rem;outline:none;-webkit-appearance:none;appearance:none}#wrapper #pop-appointment .iphone-box .code .btn-code{width:1.18rem;height:.4rem;line-height:.4rem;font-size:.2rem;position:relative;background:#ffd200;color:#141414;text-align:center}#wrapper #pop-appointment .iphone-box .code .btn-code p{width:100%;height:100%;position:absolute;left:0;top:0}#wrapper #pop-appointment .iphone-box .code .btn-code p.not-clickable{display:none}#wrapper #pop-appointment .iphone-box .policy{width:100%;display:flex;justify-content:center;align-items:center}#wrapper #pop-appointment .iphone-box .policy p{color:#ff9b39;font-size:.16rem;line-height:.6rem}#wrapper #pop-appointment .iphone-box .policy p a{color:#ff9b39}#wrapper #pop-appointment .iphone-box .policy input[type="radio"]{display:none}#wrapper #pop-appointment .iphone-box .policy label{padding-left:.35rem;position:relative;font-size:.26rem;cursor:pointer}#wrapper #pop-appointment .iphone-box .policy label::before,#wrapper #pop-appointment .iphone-box .policy label::after{content:"";position:absolute;border-radius:50%;top:50%}#wrapper #pop-appointment .iphone-box .policy label::before{width:.26rem;height:.26rem;left:0;margin-top:-0.12rem;background:#fff}#wrapper #pop-appointment .iphone-box .policy input:checked+label::after{width:.12rem;height:.12rem;left:.07rem;margin-top:-0.05rem;background:#f0b002}#wrapper #pop-appointment .iphone-box .btn-join{width:1.63rem;height:.66rem;background:url(../images/pop-btn.png) center top / contain no-repeat;display:flex;align-items:center;color:#212121;justify-content:center;font-size:.3rem;margin-top:.2rem;font-weight:bold}#wrapper #pop-appointment .iphone-box .box-reg{text-align:center;font-size:.2rem;margin-top:.2rem}#wrapper #pop-appointment .iphone-box .box-reg .btn-reg{color:#acacac;text-decoration:underline}#wrapper #pop-success{width:9.7rem;height:6.01rem;animation:eff_scale3 .2s linear;background:url(../images/pop-2.png) center top / contain no-repeat}#wrapper #pop-success .close{top:.58rem;right:.4rem}#wrapper #pop-success .success-box{width:8rem;display:flex;align-items:center;flex-direction:column;justify-content:center;margin:0 auto}#wrapper #pop-success .success-box h3{font-size:.6rem;margin-bottom:.3rem}#wrapper #pop-success .success-box .box-reg{display:flex}#wrapper #pop-success .success-box .box-reg .ewm{width:2.1rem;height:2.3rem;margin:0 auto;border:.02rem solid #fac034}#wrapper #pop-success .success-box .box-reg .ewm img{width:100%}#wrapper #pop-success .success-box .box-reg .txt{width:5.7rem;margin-left:.2rem;font-size:.26rem;padding:.3rem;box-sizing:border-box}#wrapper #pop-success .success-box .box-reg .txt p{line-height:.35rem}#wrapper #pop-success .success-box .box-reg .txt .btn-reg{width:2.54rem;height:.66rem;line-height:.66rem;display:block;text-align:center;font-size:.3rem;color:#212121;background:url(../images/pop-btn-reg.png) center top / contain no-repeat;margin:.1rem auto .3rem;font-weight:bold}#wrapper #pop-weixin,#wrapper #pop-QQ{animation:eff_scale3 .2s linear;background:url(../images/pop-1.png) center top / contain no-repeat}#wrapper #pop-weixin .contact-box,#wrapper #pop-QQ .contact-box{width:100%}#wrapper #pop-weixin .contact-box .title,#wrapper #pop-QQ .contact-box .title{text-align:center;font-size:.3rem;font-weight:bold;padding:.2rem 0}#wrapper #pop-weixin .contact-box .ewm,#wrapper #pop-QQ .contact-box .ewm{width:2.1rem;height:2.3rem;margin:0 auto}#wrapper #pop-weixin .contact-box .ewm img,#wrapper #pop-QQ .contact-box .ewm img{width:100%}#wrapper #pop-weixin .contact-box .txt,#wrapper #pop-QQ .contact-box .txt{color:#949494;font-size:.16rem;text-align:center;line-height:.4rem}#wrapper #pop-weixin .contact-box .group,#wrapper #pop-QQ .contact-box .group{width:4rem;height:2.3rem;margin:0 auto;box-sizing:border-box;padding:.15rem .3rem;background:#1a1a1a}#wrapper #pop-weixin .contact-box .group li,#wrapper #pop-QQ .contact-box .group li{width:100%;font-size:.24rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:.15rem}#wrapper #pop-weixin .contact-box .group li span,#wrapper #pop-QQ .contact-box .group li span{cursor:pointer}.fp-tableCell .bgimg,.fp-tableCell .npc,.fp-tableCell .btn-box,.fp-tableCell .slogan{opacity:0;filter:blur(10px);transform:scale(1.3)}.load_complate .fp-tableCell .bgimg{filter:blur(0);transform:scale(1);opacity:1;transition:all 1s ease;transition-delay:.1s}.load_complate .fp-tableCell .npc{filter:blur(0);transform:scale(1);opacity:1;transition:all 1s ease;transition-delay:.3s}.load_complate .fp-tableCell .btn-box{filter:blur(0);transform:scale(1);opacity:1;transition:all 1s ease;transition-delay:.4s}.load_complate .fp-tableCell .slogan{filter:blur(0);transform:scale(1);opacity:1;transition:all 1s ease;transition-delay:.5s}@keyframes m{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes r{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-moz-keyframes eff_scale3{0%{opacity:0;-moz-transform:scale(.4);transform:scale(.4)}100%{opacity:1;-moz-transform:scale(1);transform:scale(1)}}@-o-keyframes eff_scale3{0%{opacity:0;-o-transform:scale(.4);transform:scale(.4)}100%{opacity:1;-o-transform:scale(1);transform:scale(1)}}@keyframes eff_scale3{0%{opacity:0;-webkit-transform:scale(.4);-moz-transform:scale(.4);-o-transform:scale(.4);transform:scale(.4)}100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-webkit-keyframes eff_scale3{0%{opacity:0;-webkit-transform:scale(.4)}100%{opacity:1;-webkit-transform:scale(1)}}