#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{width:100%;z-index:10;position:relative}#wrapper .header #pagemenu{width:100%;background:#090809;position:fixed;left:0;top:0;display:flex;flex-direction:column;z-index:12}#wrapper .header #pagemenu #obindex{width:2.66rem;height:.9rem;background:url(../../images/logo.png) center center / contain no-repeat;text-indent:-99.99rem}#wrapper .header #pagemenu .btn-mobile{width:.5rem;height:.5rem;position:absolute;right:.2rem;top:.2rem;background:url(../../images/h5/btn-mobile.png) center top / .5rem 1rem no-repeat}#wrapper .header #pagemenu .mobile-close{background-position:center bottom}#wrapper .header #pagemenu .menu-box{width:100%;height:100vh;margin:0 auto;display:none}#wrapper .header #pagemenu .menu-box .menu{width:100%;display:flex;flex-direction:column}#wrapper .header #pagemenu .menu-box .menu li{width:100%;height:1rem;position:relative;cursor:pointer;border-bottom:2px solid #3b3a3c}#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 a,#wrapper .header #pagemenu .menu-box .menu li.active p{color:#ffad0e}#wrapper .header #pagemenu .menu-box .other{width:100%;padding:.2rem 1rem;box-sizing:border-box}#wrapper .header #pagemenu .menu-box .other .share-box{width:100%;height:100%;display:flex;justify-content:space-around;align-items:center}#wrapper .header #pagemenu .menu-box .other .share-box a{display:flex;align-items:center}#wrapper .header #pagemenu .menu-box .other .share-box a .iconfont{color:#f6f6f6;font-size:.5rem}#wrapper .header #pagemenu .menu-box .other .share-box a:hover .iconfont{color:#ec9e0a}#wrapper .header #pagemenu.display .menu-box{display:block}#wrapper .container{position:relative;width:100%;z-index:3}#wrapper .container .content{width:7.5rem;height:12rem;position:absolute;top:50%;left:50%;margin-top:-6rem;margin-left:-3.75rem;z-index:11;transform-origin:center center}#wrapper .container .section{width:100%;height:100%;z-index:8;position:relative}#wrapper .container .section:not(#box5){min-height:10rem;max-height:16.7rem}#wrapper .container .section .title{width:5.1rem;height:1.5rem;margin:.5rem auto 0;text-indent:-99.99rem}#wrapper .container #box1{background:url(../../images/h5/bg-header.jpg) center top / cover no-repeat}#wrapper .container #box1::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:.63rem;background:url(../../images/h5/header-bot.png) center top / cover no-repeat;z-index:-1}#wrapper .container #box1 .header-box .npc{width:10rem;height:10rem;position:absolute;left:50%;top:.6rem;margin-left:-5rem;background:url(../../images/h5/npc.png) center top / contain no-repeat}#wrapper .container #box1 .header-box .slogan{width:7.5rem;height:3.88rem;position:absolute;left:50%;top:6.3rem;margin-left:-3.9rem;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:.8rem;top:1.6rem;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 .btn-box{width:100%;position:absolute;left:0;top:9.5rem;display:flex;align-items:center;justify-content:center}#wrapper .container #box1 .header-box .btn-box .link{display:flex;width:5.7rem;height:1.8rem;flex-wrap:wrap;align-items:center}#wrapper .container #box1 .header-box .btn-box .link a{width:2.65rem;height:.68rem;display:block;margin:0 auto;text-indent:-99.99rem}#wrapper .container #box1 .header-box .btn-box .link a.btn-appstore{background:url(../../images/btn-appstore.png) center top / 2.65rem 1.4rem no-repeat}#wrapper .container #box1 .header-box .btn-box .link a.btn-taptap{background:url(../../images/btn-taptap.png) center top / 2.65rem 1.4rem no-repeat}#wrapper .container #box1 .header-box .btn-box .link a.btn-mumu{background:url(../../images/btn-mumu.png) center top / 2.65rem 1.4rem no-repeat}#wrapper .container #box1 .header-box .btn-box .link a.btn-android{background:url(../../images/btn-android.png) center top / 2.65rem 1.4rem no-repeat}#wrapper .container #box1 .header-box .btn-box .link a:active{background-position:center bottom}#wrapper .container #box2{background:url(../../images/h5/bg-box1.jpg) 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:7.5rem;height:10rem;background:url(../../images/h5/news-box.png) center top / contain no-repeat;margin:.2rem auto 0;display:flex;flex-direction:column}#wrapper .container #box2 .news-box .index-news-banner{width:6.85rem;height:4.85rem;margin:.3rem auto .09rem}#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:100%;height:.4rem;bottom:.2rem;left:0}#wrapper .container #box2 .news-box .index-news-banner .main-banner .swiper-pagination .swiper-pagination-bullet{width:.17rem;height:.17rem;opacity:1;background:#dfdfdf;margin:0 .06rem}#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:6.85rem;height:4.44rem;background:#000;margin:0 auto;border-radius:0 0 .2rem .2rem;padding:.24rem .34rem;box-sizing:border-box;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:.05rem}#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:.56rem;line-height:.56rem;border-bottom:.01rem 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:4.7rem;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{background:url(../../images/h5/bg-box2.jpg) 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:100%;height:8.5rem;margin:.6rem auto 0;position:relative}#wrapper .container #box3 .role-box .menu-box{width:3.12rem;height:.66rem;display:flex;background:url(../../images/role-tab.png) center top / contain no-repeat;position:relative;margin:0 .2rem}#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:5}#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.5rem;height:5.33rem;background:url(../../images/h5/role-info.png) center top / contain no-repeat}#wrapper .container #box3 .role-box .index-role-banner .main-banner .swiper-slide .info .info-tit{width:3.6rem;height:2rem;position:relative;display:flex;justify-content:left;align-items:center;margin:0 .1rem .1rem}#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;position:absolute;right:0}#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:4rem;margin-left:.6rem}#wrapper .container #box3 .role-box .index-role-banner .main-banner .swiper-slide .info .info-explain li{height:.4rem;margin-bottom:.2rem}#wrapper .container #box3 .role-box .index-role-banner .main-banner .swiper-slide .info .info-explain li .tit{width:1.4rem;height:.4rem;line-height:.4rem;font-size:.22rem;color:#fff;background:#2c2c2c;position:relative;box-sizing:border-box;margin-right:.15rem;float:left;text-align:center;border-left:.04rem solid #ffd200}#wrapper .container #box3 .role-box .index-role-banner .main-banner .swiper-slide .info .info-explain li p{font-size:.22rem;color:#212121;font-weight:bold}#wrapper .container #box3 .role-box .index-role-banner .main-banner .swiper-slide .info .info-explain li:last-child p{width:3.3rem;float:left;margin-top:.1rem}#wrapper .container #box3 .role-box .index-role-banner .main-banner .swiper-slide .role{width:9.2rem;height:9.2rem;position:absolute;top:-1.9rem;left:2.7rem}#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:-1rem}#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:.7rem;top:6.8rem}#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.5rem;height:6.34rem;background:url(../../images/h5/weapon-info.png) center top / contain no-repeat;position:relative}#wrapper .container #box3 .role-box .index-weapon-banner .main-banner .swiper-slide .info .info-tit{width:3.6rem;height:2rem;position:relative;display:flex;justify-content:left;align-items:center;margin:0 .1rem .2rem}#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:.7rem;height:.66rem;position:absolute;right:0}#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:6.3rem;margin:0 .6rem}#wrapper .container #box3 .role-box .index-weapon-banner .main-banner .swiper-slide .info .info-explain li{height:.4rem;margin-bottom:.2rem}#wrapper .container #box3 .role-box .index-weapon-banner .main-banner .swiper-slide .info .info-explain li .tit{width:1.4rem;height:.4rem;line-height:.4rem;font-size:.22rem;color:#fff;background:#2c2c2c;position:relative;box-sizing:border-box;margin-right:.15rem;float:left;text-align:center;border-left:.04rem solid #ffd200}#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:1.75rem}#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:.5rem;transition:all .4s ease-in-out 0s}#wrapper .container #box3 .role-box .index-weapon-banner .main-banner .swiper-slide .weapon img{margin-left:-1rem;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:2.8rem}#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:.67rem;transform:rotateY(180deg)}#wrapper .container #box3 .role-box .index-weapon-banner .swiper-button-next{right:.67rem}#wrapper .container #box3 .role-box .index-weapon-banner .weapon-btn{width:6.5rem;height:.89rem;margin:0 auto;position:absolute;left:.5rem;top:7rem;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 .25rem;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:1rem;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/h5/bg-box3.jpg) center top / cover no-repeat}#wrapper .container #box4 .title{background:url(../../images/title-3.png) center top / contain no-repeat}#wrapper .container #box4 .feature-box{width:7.5rem;height:5.27rem;margin:0 auto;position:relative;background:url(../../images/h5/feature-box.png) center top / cover no-repeat}#wrapper .container #box4 .feature-box .index-feature-banner .main-banner{width:6.6rem;height:3.7rem;box-sizing:border-box;background:#000;border:.04rem solid #3b3b3b;position:absolute;left:50%;top:.83rem;margin-left:-3.3rem}#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{width:100%;height:.4rem;bottom:-0.7rem;left:0}#wrapper .container #box4 .feature-box .index-feature-banner .main-banner .swiper-pagination .swiper-pagination-bullet{width:.17rem;height:.17rem;opacity:1;background:#dfdfdf;margin:0 .06rem}#wrapper .container #box4 .feature-box .index-feature-banner .main-banner .swiper-pagination .swiper-pagination-bullet-active{background:#f0c503}#wrapper .container #box4 .feature-box .index-feature-banner .swiper-button-prev,#wrapper .container #box4 .feature-box .index-feature-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:-0.43rem}#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:.1rem;transform:rotateY(180deg)}#wrapper .container #box4 .feature-box .index-feature-banner .swiper-button-next{right:.1rem}#wrapper .container #box4 .feature-box .link{position:absolute;left:50%;top:7rem;margin-left:-1.55rem;width:3.1rem;height:1.05rem;text-indent:-99.99rem;background:url(../../images/logo.png) center top / cover no-repeat}#wrapper .container #box5{height:7.5rem !important;background:#383838}#wrapper .container #box5 .fp-tableCell{height:100% !important}#wrapper .news-content{width:100%;padding-top:1.2rem}#wrapper .news-content .news-detail{width:100%;height:100%;position:relative;padding-bottom:1rem}#wrapper .news-content .news-detail .news-explain{width:100%;margin:0 auto;color:#eaeaea;position:relative;z-index:1}#wrapper .news-content .news-detail .news-explain .title{width:100%;text-align:center;margin:.5rem 0 .35rem 0;display:inline-block}#wrapper .news-content .news-detail .news-explain .title .tit{width:100%;font-size:.4rem;margin-bottom:.05rem;padding:.22rem .25rem;box-sizing:border-box;background:url(../../images/h5/bg-news-zs.png) center bottom / contain no-repeat}#wrapper .news-content .news-detail .news-explain .title .tit p{width:100%;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:.24rem;color:#757575}#wrapper .news-content .news-detail .news-explain .explain-box .explain{font-size:.24rem;min-height:6rem;padding:0 .22rem;box-sizing:border-box}#wrapper .news-content .news-detail .news-explain .explain-box .explain img{max-width:100% }#wrapper .news-content .news-detail .news-conlist{width:100%;margin:0 auto;color:#eaeaea;position:relative;z-index:1;box-sizing:border-box}#wrapper .news-content .news-detail .news-conlist .news-tab{width:100%;display:flex;justify-content:left;align-items:center;padding:.85rem .22rem .25rem;background:url(../../images/h5/bg-news-zs.png) center bottom / contain no-repeat}#wrapper .news-content .news-detail .news-conlist .news-tab a{width:1.1rem;height:.5rem;font-size:.31rem;color:#eaeaea;font-weight:bold;display:flex;align-items:center;justify-content:center;border-radius:.05rem .05rem 0 0;margin-left:.16rem}#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:0 .22rem}#wrapper .news-content .news-detail .news-conlist .news-list ul li{width:100%;height:.85rem;line-height:.85rem;border-bottom:.02rem dashed #616060;font-size:.26rem;color:#eaeaea;display:flex}#wrapper .news-content .news-detail .news-conlist .news-list ul li a{color:#eaeaea}#wrapper .news-content .news-detail .news-conlist .news-list ul li a:nth-child(1){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:4.8rem;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{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:.24rem;display:flex;justify-content:center;color:#eaeaea;margin-top:.5rem}#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 .03rem}#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:0;top:0;font-size:.3rem;text-align:right;font-weight:bold;color:#eaeaea;z-index:5}#wrapper .news-content .news-detail .news-back:hover{color:#ffd200}#wrapper .popdiv{width:4.83rem;height:4.12rem;display:none;color:#c6c6c6;font-family:'Microsoft Yahei';font-size:.24rem}#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}#wrapper #pop-video{width:99%;height:99vh;display:none;background:none;margin:0 !important;transform:translate(-50%, -50%)}#wrapper #pop-video .close{top:80%;display:block;text-indent:-9999px;cursor:pointer;z-index:11;width:.86rem;height:.86rem;position:absolute;bottom:-1.8rem;left:50%;transform:translateX(-50%)}#wrapper #pop-video .video-box{width:100%;height:6.3rem;background:#000;animation:eff_scale3 .2s linear;overflow:hidden}#wrapper #pop-video .video-box video{width:100%;height:100%;transform:scale(1.01)}#wrapper #pop-appointment{width:7.11rem;height:6.93rem;animation:eff_scale3 .2s linear;background:url(../../images/pop-3.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:1.5rem}#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;border-radius:0}#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;border-radius:0}#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:7.11rem;height:6.93rem;animation:eff_scale3 .2s linear;background:url(../../images/pop-3.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}#wrapper #pop-success .success-box .box-reg{display:flex;flex-direction:column-reverse}#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:6.6rem;height:2.5rem;font-size:.26rem;padding:.3rem;box-sizing:border-box}#wrapper #pop-success .success-box .box-reg .txt p{line-height:.35rem;text-align:center}#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:.2rem auto 0;font-weight:bold}#wrapper #pop-weixin,#wrapper #pop-QQ,#wrapper #pop-douyin{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,#wrapper #pop-douyin .contact-box{width:100%}#wrapper #pop-weixin .contact-box .title,#wrapper #pop-QQ .contact-box .title,#wrapper #pop-douyin .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,#wrapper #pop-douyin .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,#wrapper #pop-douyin .contact-box .ewm img{width:100%}#wrapper #pop-weixin .contact-box .txt,#wrapper #pop-QQ .contact-box .txt,#wrapper #pop-douyin .contact-box .txt{text-align:center}#wrapper #pop-weixin .contact-box .group,#wrapper #pop-QQ .contact-box .group,#wrapper #pop-douyin .contact-box .group{width:3.6rem;height:2rem;margin:0 auto .1rem;box-sizing:border-box;padding:.15rem .3rem;background:#1a1a1a}#wrapper #pop-weixin .contact-box .group li,#wrapper #pop-QQ .contact-box .group li,#wrapper #pop-douyin .contact-box .group li{width:100%;font-size:.24rem;display:flex;justify-content:center;align-items:center;margin-bottom:.15rem}#wrapper #pop-weixin .contact-box .group li span,#wrapper #pop-QQ .contact-box .group li span,#wrapper #pop-douyin .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}.cr_wrap{height:auto !important}.cr_wrap .btn_cr_info{display:none}.cr_wrap .cr_main{opacity:1 !important}@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)}}