@charset "UTF-8";@-webkit-keyframes rotate{to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}#container,#header{position:relative}#header{height:949px}#header .kv-logo{position:absolute;display:block;width:474px;height:220px;top:160px;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}#header .kv-wrap p{font-size:18px;color:#fff;font-weight:700;text-align:center}#header .kv-down-box{margin-top:16px;text-align:center}#header .kv-down-box li,.section1 .news-content-box .more i{display:inline-block;vertical-align:middle}#header .appstore,#header .googleplay{position:relative;left:24px;font-size:0}#header .appstore{background:url(../img/appstore-5727234764.svg) no-repeat center top/100% 100%;width:197px;height:66px}#header .googleplay{top:2px;background:url(../img/sprite/icon/googleplay-4ac198879f.png) no-repeat;width:245px;height:99px;background-size:contain;background-position:center top}#header .appstore:hover,#header .download-box a:hover,#header .googleplay:hover{opacity:.7}#header .kv-video-box{position:absolute;width:100%;height:880px;left:0;bottom:36px;overflow:hidden;z-index:1}#header .download-box{background:url(../img/sprite/icon/download-box-ec4bd0b4e4.png) no-repeat;width:342px;height:192px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);position:absolute;top:500px}#header .download-box a{position:absolute;cursor:pointer}#header .download-box .qrCode-box{position:absolute;width:133px;height:150px;background-color:#000;top:14px;left:20px}#header .download-box .qrCode-box .text{background:url(../img/sprite/icon/text-8aa6fc828c.png) no-repeat;width:133px;height:11px;position:absolute;bottom:.1rem}#header .download-box .qrCode-box img{width:133px}#header .download-box .appStore{background:url(../img/sprite/icon/ios-download-9dc795ddcf.png) no-repeat;width:153px;height:48px;left:170px;top:10px}#header .download-box .googlePlay{background:url(../img/sprite/icon/google-play-24f229f4bc.png) no-repeat;width:153px;height:48px;left:170px;top:64px}#header .download-box .android-download{background:url(../img/sprite/icon/android-download-eb6870c794.png) no-repeat;width:153px;height:47px;left:170px;top:117px}#header .download-box .buy{background:url(../img/sprite/icon/buy_link-3518d21774.png) no-repeat;width:152px;height:14px;left:170px;top:166px}.section1{height:992px}.section1 .wrap{z-index:2}.section1.img-ori{background:url(../img/images/section1-bc352058ee.jpg) top center no-repeat}.section1.img-webp{background:url(../img/images/section1-08f49b0187.webp) top center no-repeat}.section1 .news-box{position:absolute;top:-110px}.section1 .box-left{display:inline-block}.section1 .hot-pic{overflow:hidden;position:relative}#header,.section1 .hot-pic .bd ul{overflow:hidden}.section1 .hot-pic .bd li{float:left;width:700px;height:356px}.section1 .hot-pic .bd li a{display:block}.section1 .hot-pic,.section1 .hot-pic .bd li a img{width:700px;height:356px}.section1 .hot-pic .hd{position:absolute;left:0;width:100%;bottom:14px;font-size:0;word-spacing:-1px;text-align:right}.section1 .hot-pic .hd ul{margin-right:12px}.section1 .hot-pic .hd li{display:inline-block;background:url(../img/sprite/icon/news_pager_icon-33fbc6fd38.png) no-repeat;width:26px;height:18px;margin:0 2px;line-height:99em;overflow:hidden;cursor:pointer}.section1 .hot-pic .hd li.on{background:url(../img/sprite/icon/news_pager_icon_active-458cb478d6.png) no-repeat;width:36px;height:18px}.section1 .box-right{float:right;background:url(../img/sprite/icon/news_bg-16cd78b91f.png) no-repeat;width:500px;height:356px}.section1 .news-content-box{height:100%;margin:0 38px;overflow:hidden}.section1 .news-content-box .box-top{height:54px;line-height:54px;color:#978657}.section1 .news-content-box .box-title{font-size:24px;font-weight:700}.section1 .news-content-box .more{float:right;color:#978657;font-size:16px;font-weight:700}.section1 .news-content-box .content li:hover a,.section1 .news-content-box .more:hover{color:#d9c581}.section1 .news-content-box .more i{margin-left:10px;margin-top:-5px;background:url(../img/sprite/icon/more_icon-696036d84a.png) no-repeat;width:24px;height:24px}.section1 .news-content-box .news-recommend{background:url(../img/sprite/icon/news_recommend-0ffd244b04.png) no-repeat;width:422px;height:36px;margin-top:25px;line-height:36px}.section1 .news-content-box .news-recommend:hover{opacity:.7}#header .kv-down-box li a,.section1 .news-content-box .news-recommend a{display:block;height:100%;width:100%}.section1 .news-content-box .news-recommend .recommend-left{display:inline-block;width:27%;text-align:center;color:#262626;font-size:18px;font-weight:700;overflow:hidden}.section1 .news-content-box .news-recommend .recommend-right{display:inline-block;width:66%;padding:0 12px;color:#d9c581;font-size:18px;text-align:center;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all}.section1 .news-content-box .content{margin-top:6px}.section1 .news-content-box .content li{height:56px;line-height:56px;border-bottom:1px dashed #3d3d3d;padding-right:10px;color:#999;font-size:16px}.section1 .news-content-box .content li:last-child{border-bottom:0}.section1 .news-content-box .content li a{display:block;color:#999;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all}.section1 .game-features-box{position:absolute;top:300px}.section1 .characteristic-title{position:relative;left:-28px;margin-bottom:36px;background:url(../img/sprite/icon/game_features_title-7cac62c940.png) no-repeat;width:457px;height:55px;font-size:0}.section1 .carousel-box{margin-top:48px}.section1 .carousel{position:relative;margin:0 auto}.section1 .carousel .slider{position:absolute;left:0;top:0;overflow:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000px;perspective:1000px}.section1 .carousel .slider img{width:100%}.section1 .carousel .btn{position:absolute;top:0;cursor:pointer;width:26px;height:80px}.section1 .carousel .inside-btn{position:absolute;top:50%;margin-top:-28px;-webkit-transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.section1 .carousel .inside-btn.hover{opacity:.7;filter:alpha(opacity=70)}.section1 .carousel .btn-prev{left:20px;background:url(../img/sprite/icon/previous_btn-b9c597b42b.png) no-repeat;width:28px;height:56px}.section1 .carousel .btn-next{right:20px;background:url(../img/sprite/icon/next_btn-18134053d3.png) no-repeat;width:28px;height:56px}.section1 .carousel-pagenation{margin-top:20px;text-align:center}.section1 .carousel-pagenation li,.section1 .swiper-area .swiper-pagination span{background:url(../img/sprite/icon/characteristic_pager_icon-94473b2b52.png) no-repeat;width:22px;height:22px}.section1 .carousel-pagenation li{display:inline-block;margin:0 6px}.section1 .carousel-pagenation li.cur,.section1 .swiper-area .swiper-pagination .swiper-pagination-bullet-active{background:url(../img/sprite/icon/characteristic_pager_icon_active-c4134080ca.png) no-repeat;width:22px;height:22px}.section1 .swiper-area{position:relative}.section1 .swiper-container{width:1200px;overflow:hidden;margin-top:30px}.section1 .swiper-container .swiper-wrapper li{width:972px;height:449px}.section1 .swiper-container .swiper-wrapper li img{width:972px;height:449px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.section1 .swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right{background-image:none!important;background-color:rgba(0,0,0,.5)}.section1 .swiper-area .swiper-button-prev{background:url(../img/sprite/icon/previous_btn-b9c597b42b.png) no-repeat;width:28px;height:56px;left:30px;top:50%;margin-top:-56px}.section1 .swiper-area .swiper-button-next{background:url(../img/sprite/icon/next_btn-18134053d3.png) no-repeat;width:28px;height:56px;right:30px;top:50%;margin-top:-56px}.section1 .swiper-area .swiper-pagination{position:static;margin-top:20px;width:100%;text-align:center}.section1 .swiper-area .swiper-pagination span{margin:0 21px;opacity:1}.section2{height:760px}.section2.img-ori{background:url(../img/images/section2-6517b0a19d.jpg) top center no-repeat}.section2.img-webp{background:url(../img/images/section2-8c72f37a8e.webp) top center no-repeat}.section2 .hero-introduction-title{margin-left:-28px;background:url(../img/sprite/icon/heros_title-3be15f99b7.png) no-repeat;width:309px;height:53px;font-size:0}.hero-swiper{height:810px}.hero-swiper .swiper-slide strong{font-size:0;display:block}.hero-swiper .swiper-slide.taizi{background:url(../img/hero/crownPrince-4be84d817c.png) no-repeat center bottom}.hero-swiper .swiper-slide.taizi strong{background:url(../img/sprite/hero/crownPrince_name-35a9934cb7.png) no-repeat;width:228px;height:123px}.hero-swiper .swiper-slide.aobai{background:url(../img/hero/aobai-a424979fb3.png) no-repeat center bottom}.hero-swiper .swiper-slide.aobai strong{background:url(../img/sprite/hero/aobai_name-a4e2695c56.png) no-repeat;width:228px;height:107px}.hero-swiper .swiper-slide.qinyan{background:url(../img/hero/qingyan-8b5a53fc7e.png) no-repeat center bottom}.hero-swiper .swiper-slide.qinyan strong{background:url(../img/sprite/hero/qingyan_name-e9fdf290c6.png) no-repeat;width:233px;height:134px}.hero-swiper .swiper-slide.leiluo{background:url(../img/hero/leiluo-620f326ae4.png) no-repeat center bottom}.hero-swiper .swiper-slide.leiluo strong{background:url(../img/sprite/hero/leiluo_name-0cb24ef2e1.png) no-repeat;width:224px;height:129px}.hero-swiper .swiper-slide.tao{background:url(../img/hero/tao-d62b7e6dbf.png) no-repeat center bottom}.hero-swiper .swiper-slide.tao strong{background:url(../img/sprite/hero/tao_name-d196de587c.png) no-repeat;width:124px;height:111px}.hero-swiper .swiper-slide.qiansui{background:url(../img/hero/qiansui-9cec98c0e9.png) no-repeat center bottom}.hero-swiper .swiper-slide.qiansui strong{background:url(../img/sprite/hero/qiansui_name-9d0b564f54.png) no-repeat;width:212px;height:152px}.hero-swiper .swiper-slide.li{background:url(../img/hero/li-d0cc4135f1.png) no-repeat center bottom}.hero-swiper .swiper-slide.li strong{background:url(../img/sprite/hero/li_name-4eeba3b0f8.png) no-repeat;width:110px;height:125px}.hero-swiper .swiper-slide.xingzhe{background:url(../img/hero/xingzhe-ba0bf5a1d4.png) no-repeat center bottom}.hero-swiper .swiper-slide.xingzhe strong{background:url(../img/sprite/hero/xingzhe_name-eab7bd0c8e.png) no-repeat;width:219px;height:128px}.hero-swiper .swiper-slide .hero-wrap{position:relative;width:1160px;margin:300px auto 0}.hero-swiper .swiper-slide .hero-wrap p{width:390px;color:#fff;font-size:16px;line-height:20px;margin-top:30px;text-align:justify}.hero-thumbs-wrap{width:1200px;position:absolute;left:50%;margin-left:-600px;bottom:30px;z-index:2}.hero-thumbs-wrap .swiper-container{height:150px;width:1200px;overflow-y:auto}.hero-thumbs-wrap .swiper-slide{width:200px;margin-right:0;cursor:pointer;position:relative}.hero-thumbs-wrap .swiper-slide .preview{position:absolute;left:0;bottom:0;width:100%;background-position:bottom center!important}.hero-thumbs-wrap .swiper-slide.taizi .preview{background:url(../img/sprite/hero/2-38b4da55bb.png) no-repeat;width:199px;height:120px}.hero-thumbs-wrap .swiper-slide.taizi.active .preview,.hero-thumbs-wrap .swiper-slide.taizi:hover .preview{background:url(../img/sprite/hero/2_h-d0c98a026c.png) no-repeat;width:199px;height:120px}.hero-thumbs-wrap .swiper-slide.aobai .preview{background:url(../img/sprite/hero/1-e171ef1cc7.png) no-repeat;width:199px;height:88px}.hero-thumbs-wrap .swiper-slide.aobai.active .preview,.hero-thumbs-wrap .swiper-slide.aobai:hover .preview{background:url(../img/sprite/hero/1_h-7d759f0380.png) no-repeat;width:199px;height:88px}.hero-thumbs-wrap .swiper-slide.qinyan .preview{background:url(../img/sprite/hero/3-1b12cdf739.png) no-repeat;width:199px;height:135px}.hero-thumbs-wrap .swiper-slide.qinyan.active .preview,.hero-thumbs-wrap .swiper-slide.qinyan:hover .preview{background:url(../img/sprite/hero/3_h-38fb760176.png) no-repeat;width:199px;height:135px}.hero-thumbs-wrap .swiper-slide.leiluo .preview{background:url(../img/sprite/hero/4-efaf724729.png) no-repeat;width:199px;height:156px}.hero-thumbs-wrap .swiper-slide.leiluo.active .preview,.hero-thumbs-wrap .swiper-slide.leiluo:hover .preview{background:url(../img/sprite/hero/4_h-bf9340673c.png) no-repeat;width:199px;height:156px}.hero-thumbs-wrap .swiper-slide.tao .preview{background:url(../img/sprite/hero/5-af0f627d65.png) no-repeat;width:199px;height:88px}.hero-thumbs-wrap .swiper-slide.tao.active .preview,.hero-thumbs-wrap .swiper-slide.tao:hover .preview{background:url(../img/sprite/hero/5_h-43a7c54113.png) no-repeat;width:199px;height:88px}.hero-thumbs-wrap .swiper-slide.qiansui .preview{background:url(../img/sprite/hero/6-d3a414a54f.png) no-repeat;width:199px;height:110px}.hero-thumbs-wrap .swiper-slide.qiansui.active .preview,.hero-thumbs-wrap .swiper-slide.qiansui:hover .preview{background:url(../img/sprite/hero/6_h-fac4412ed1.png) no-repeat;width:199px;height:110px}.hero-thumbs-wrap .swiper-slide.li .preview{background:url(../img/sprite/hero/7-5a86d1695c.png) no-repeat;width:199px;height:108px}.hero-thumbs-wrap .swiper-slide.li.active .preview,.hero-thumbs-wrap .swiper-slide.li:hover .preview{background:url(../img/sprite/hero/7_h-d7d5ee33b9.png) no-repeat;width:199px;height:108px}.hero-thumbs-wrap .swiper-slide.xingzhe .preview{background:url(../img/sprite/hero/8-ebe7a1b63e.png) no-repeat;width:199px;height:105px}.hero-thumbs-wrap .swiper-slide.xingzhe.active .preview,.hero-thumbs-wrap .swiper-slide.xingzhe:hover .preview{background:url(../img/sprite/hero/8_h-d7c782c6db.png) no-repeat;width:199px;height:105px}.hero-thumbs-wrap .hero-next,.hero-thumbs-wrap .hero-prev{position:absolute;bottom:15px;cursor:pointer}.hero-thumbs-wrap .hero-next.swiper-button-disabled,.hero-thumbs-wrap .hero-prev.swiper-button-disabled{opacity:.3}.hero-thumbs-wrap .hero-next{right:-41px;background:url(../img/sprite/hero/btn_next-feff3c9156.png) no-repeat;width:21px;height:41px}.hero-thumbs-wrap .hero-prev{left:-41px;background:url(../img/sprite/hero/btn_prev-fe44334972.png) no-repeat;width:21px;height:41px}.hero-role{position:relative;height:810px;width:100%;margin-top:-166px}.section3{height:786px}.section3.img-ori{background:url(../img/images/section3-9c937c8c05.jpg) top center no-repeat}.section3.img-webp{background:url(../img/images/section3-b1ccdafa07.webp) top center no-repeat}.section3 .media-title{background:url(../img/sprite/icon/media_title-a8d87fcb9a.png) no-repeat;width:309px;height:51px;margin-left:-28px;font-size:0}.section3 .media-box{height:500px;margin-top:46px}.section3 .media-box .media-box-left{display:inline-block;position:relative;width:880px;height:100%;overflow:hidden}.section3 .media-box .media-box-left .video-play{width:880px;height:500px;cursor:pointer}.section3 .media-box .media-box-left .video-play .media-play-btn{display:block;position:absolute;background:url(../img/sprite/icon/kv_video_play-d8b707175e.png) no-repeat;width:62px;height:62px;left:50%;top:50%;margin-left:-31px;margin-top:-31px;cursor:pointer;-webkit-transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:20}.section3 .media-box .media-box-left .video-play:hover .media-play-btn{opacity:.8;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.section3 .media-box .media-box-left img{display:block;position:absolute;width:880px;height:500px;left:50%;top:50%;margin-top:-250px;margin-left:-440px;z-index:10}.section3 .media-box .media-box-left .media-pic,.section3 .media-box .media-box-left .video-box{display:none}.section3 .media-box .media-box-right{display:inline-block;width:296px;height:100%;vertical-align:top;overflow-y:scroll;overflow-x:hidden}.section3 .media-box .media-box-right li{position:relative;height:150px;width:284px;padding-bottom:10px;font-size:0;cursor:pointer}.section3 .media-box .media-box-right li.active .picture-border,.section3 .media-box .media-box-right li:hover .picture-border{position:relative;background:url(../img/sprite/icon/more_video_bg_active-0810d39e9b.png) no-repeat;width:272px;height:150px;top:5px;left:3px}.section3 .media-box .media-box-right li img{display:block;position:absolute;height:140px;width:254px;left:50%;top:50%;margin-top:-70px;margin-left:-127px;-webkit-filter:opacity(.6);filter:opacity(.6)}.section3 .media-box .media-box-right li.active img,.section3 .media-box .media-box-right li:hover img{-webkit-filter:none;filter:none}.subscribe-box{margin-top:115px;text-align:center}.subscribe-box a{display:inline-block;margin:0 20px;vertical-align:top}.subscribe-box a:hover{opacity:.8}.subscribe-box .facebook{background:url(../img/sprite/icon/facebook_logo-50f50945e9.png) no-repeat;width:46px;height:46px}.subscribe-box .twitter{background:url(../img/sprite/icon/twitter_logo-c4c4764aaf.png) no-repeat;width:46px;height:46px}.subscribe-box .reddit{background:url(../img/sprite/icon/reddit_logo-6867d3846f.png) no-repeat;width:46px;height:46px}.subscribe-box .discord{background:url(../img/sprite/icon/discord_logo-7de6d5d549.png) no-repeat;width:45px;height:50px}.pop-video,.pop-video .mask{left:0;top:0;height:100%;width:100%}.pop-video{display:none;position:fixed;z-index:100}.pop-video .mask{position:absolute;background:#000;opacity:.7;filter:alpha(opacity=70);z-index:1}.pop-video .close{position:absolute;right:0;top:-60px;background:url(../img/sprite/icon/close-31bcbe3fe2.png) no-repeat;width:28px;height:28px;line-height:99em;z-index:3;overflow:hidden;cursor:pointer;-webkit-transition:transform .3s ease-in-out;-webkit-transition:-webkit-transform .3s ease-in-out;-o-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.pop-video .close:hover{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.pop-video-bd{position:absolute;background:0 0;z-index:2;width:800px;height:450px;top:50%;left:50%;margin-left:-400px;margin-top:-225px}