@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;overflow:hidden}#header .kv-logo{position:absolute;display:block;width:500px;height:240px;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{display:inline-block}#header .kv-down-box li a{display:block;width:100%;height:100%}#header .appstore{background:url(../img/sprite/icon/appstore-a2880621ac.png) no-repeat;width:197px;height:66px;font-size:0}#header .googleplay{position:relative;left:24px;background:url(../img/sprite/icon/googleplay-da661e82af.png) no-repeat;width:225px;height:66px;font-size:0}#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-99afa237e2.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 p{color:#969696;font-size:13px}#header .download-box .qrCode-box img{width:125px;border:4px solid #fff}#header .download-box .appStore{background:url(../img/sprite/icon/ios-download-5033964b34.png) no-repeat;width:153px;height:48px;left:170px;top:10px}#header .download-box .googlePlay{background:url(../img/sprite/icon/google-play-39a1305cc5.png) no-repeat;width:153px;height:48px;left:170px;top:64px}#header .download-box .android-download{background:url(../img/sprite/icon/android-download-72510d8e7d.png) no-repeat;width:153px;height:47px;left:170px;top:117px}#header .download-box .buy{background:url(../img/sprite/icon/buy_link-ca7ac644ba.png) no-repeat;width:145px;height:14px;left:170px;top:166px}.section1{height:992px}.section1 .wrap{z-index:2}.section1.img-ori{background:url(../img/images/section1-7e41588794.jpg) top center no-repeat}.section1.img-webp{background:url(../img/images/section1-749fbcb116.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}.section1 .hot-pic .swiper-slide{width:100%;height:356px}.section1 .hot-pic .swiper-slide a{display:block}.section1 .hot-pic,.section1 .hot-pic .swiper-slide img{width:700px;height:356px}.section1 .hot-pic .swiper-pagination-bullet{background-color:transparent}.section1 .hot-pic .swiper-pagination{position:absolute;left:0;width:98%;bottom:14px;font-size:0;word-spacing:-1px;text-align:right}.section1 .hot-pic .swiper-pagination span{display:inline-block;background:url(../img/sprite/icon/news_pager_icon-7e0ca089e5.png) no-repeat;width:26px;height:18px;margin:0 2px;line-height:99em;overflow:hidden;cursor:pointer}.section1 .hot-pic .swiper-pagination .swiper-pagination-bullet-active{background:url(../img/sprite/icon/news_pager_icon_active-2ff18ce34b.png) no-repeat;width:36px;height:18px}.section1 .box-right{float:right;background:url(../img/sprite/icon/news_bg-62276a2ac0.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-family:"Times New Roman";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{display:inline-block;margin-left:10px;background:url(../img/sprite/icon/more_icon-2a11adbbce.png) no-repeat;width:24px;height:24px;vertical-align:middle}.section1 .news-content-box .news-recommend{background:url(../img/sprite/icon/news_recommend-3c4979efde.png) no-repeat;width:422px;height:36px;margin-top:25px;line-height:36px}.section1 .news-content-box .news-recommend:hover{opacity:.7}.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 .characteristic-title{position:relative;left:-28px;margin-bottom:36px;background:url(../img/sprite/icon/game_features_title-8c202b7faa.png) no-repeat;width:458px;height:44px;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-d784ceff7d.png) no-repeat;width:28px;height:56px}.section1 .carousel .btn-next{right:20px;background:url(../img/sprite/icon/next_btn-80dabba33e.png) no-repeat;width:28px;height:56px}.section1 .carousel-pagenation{margin-top:20px;text-align:center}.section1 .carousel-pagenation li,.swiper-area .swiper-pagination span{background:url(../img/sprite/icon/characteristic_pager_icon-90e89c7e45.png) no-repeat;width:22px;height:22px}.section1 .carousel-pagenation li{display:inline-block;margin:0 6px}.section1 .carousel-pagenation li.cur{background:url(../img/sprite/icon/characteristic_pager_icon_active-5f645e8f87.png) no-repeat;width:22px;height:22px}.section1 .game-features-box{position:absolute;top:300px}.swiper-area{position:relative}.swiper-area .swiper-container{width:1200px;overflow:hidden;margin-top:30px}.swiper-area .swiper-container .swiper-wrapper li{width:972px;height:449px}.swiper-area .swiper-container .swiper-wrapper li img{width:972px;height:449px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.swiper-area .swiper-container-3d .swiper-slide-shadow-left,.swiper-area .swiper-container-3d .swiper-slide-shadow-right{background-image:none!important;background-color:rgba(0,0,0,.5)}.swiper-area .swiper-button-prev{background:url(../img/sprite/icon/previous_btn-d784ceff7d.png) no-repeat;width:28px;height:56px;left:30px;top:50%;margin-top:-56px}.swiper-area .swiper-button-next{background:url(../img/sprite/icon/next_btn-80dabba33e.png) no-repeat;width:28px;height:56px;right:30px;top:50%;margin-top:-56px}.swiper-area .swiper-pagination{position:static;margin-top:20px;width:100%;text-align:center}.swiper-area .swiper-pagination span{margin:0 21px;opacity:1}.swiper-area .swiper-pagination .swiper-pagination-bullet-active{background:url(../img/sprite/icon/characteristic_pager_icon_active-5f645e8f87.png) no-repeat;width:22px;height:22px}.section2{height:760px}.section2.img-ori{background:url(../img/images/section2-445b3e7b5f.jpg) top center no-repeat}.section2.img-webp{background:url(../img/images/section2-a0f3a01f72.webp) top center no-repeat}.section2 .hero-introduction-title{margin-left:-28px;background:url(../img/sprite/icon/heros_title-aaf9c84329.png) no-repeat;width:309px;height:46px;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-6ad8de8e9f.png) no-repeat center bottom}.hero-swiper .swiper-slide.taizi strong{background:url(../img/sprite/hero/crownPrince_name-24ff854578.png) no-repeat;width:423px;height:90px}.hero-swiper .swiper-slide.aobai{background:url(../img/hero/aobai-6d4ce4e5fe.png) no-repeat center bottom}.hero-swiper .swiper-slide.aobai strong{background:url(../img/sprite/hero/aobai_name-a988dbab5e.png) no-repeat;width:299px;height:90px}.hero-swiper .swiper-slide.qinyan{background:url(../img/hero/qingyan-3ae6bcbff3.png) no-repeat center bottom}.hero-swiper .swiper-slide.qinyan strong{background:url(../img/sprite/hero/qingyan_name-4d25cfe6ec.png) no-repeat;width:376px;height:90px}.hero-swiper .swiper-slide.leiluo{background:url(../img/hero/leiluo-c708de4e11.png) no-repeat center bottom}.hero-swiper .swiper-slide.leiluo strong{background:url(../img/sprite/hero/leiluo_name-5d0e5adced.png) no-repeat;width:340px;height:90px}.hero-swiper .swiper-slide.tao{background:url(../img/hero/tao-cb5925e4f2.png) no-repeat center bottom}.hero-swiper .swiper-slide.tao strong{background:url(../img/sprite/hero/tao_name-83245101a0.png) no-repeat;width:201px;height:90px}.hero-swiper .swiper-slide.qiansui{background:url(../img/hero/qiansui-a74f465e62.png) no-repeat center bottom}.hero-swiper .swiper-slide.qiansui strong{background:url(../img/sprite/hero/qiansui_name-1ca8bbba82.png) no-repeat;width:365px;height:90px}.hero-swiper .swiper-slide.li{background:url(../img/hero/li-a536dac222.png) no-repeat center bottom}.hero-swiper .swiper-slide.li strong{background:url(../img/sprite/hero/li_name-2078a5e9be.png) no-repeat;width:92px;height:79px}.hero-swiper .swiper-slide.xingzhe{background:url(../img/hero/xingzhe-1bef95f87d.png) no-repeat center bottom}.hero-swiper .swiper-slide.xingzhe strong{background:url(../img/sprite/hero/xingzhe_name-aefd81cb58.png) no-repeat;width:388px;height:97px}.hero-swiper .swiper-slide.xiaojiu{background:url(../img/hero/xiaojiu-df211b7a48.png) no-repeat center bottom}.hero-swiper .swiper-slide.xiaojiu strong{background:url(../img/sprite/hero/xiaojiu_name-c1083dd5e0.png) no-repeat;width:263px;height:85px}.hero-swiper .swiper-slide.zixiao{background:url(../img/hero/zixiao-abf954a37d.png) no-repeat center bottom}.hero-swiper .swiper-slide.zixiao strong{background:url(../img/sprite/hero/zixiao_name-3277f6366d.png) no-repeat;width:378px;height:87px}.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-82678e8c04.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-8cd98b7125.png) no-repeat;width:199px;height:120px}.hero-thumbs-wrap .swiper-slide.aobai .preview{background:url(../img/sprite/hero/1-c5f8769e82.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-f33528c395.png) no-repeat;width:199px;height:88px}.hero-thumbs-wrap .swiper-slide.qinyan .preview{background:url(../img/sprite/hero/3-dbb559575e.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-b21e6aeae3.png) no-repeat;width:199px;height:135px}.hero-thumbs-wrap .swiper-slide.leiluo .preview{background:url(../img/sprite/hero/4-a0b9e82e44.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-ab5900538b.png) no-repeat;width:199px;height:156px}.hero-thumbs-wrap .swiper-slide.tao .preview{background:url(../img/sprite/hero/5-f604b68ce5.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-729dfc3ccb.png) no-repeat;width:199px;height:88px}.hero-thumbs-wrap .swiper-slide.qiansui .preview{background:url(../img/sprite/hero/6-0191138320.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-0b696e8358.png) no-repeat;width:199px;height:110px}.hero-thumbs-wrap .swiper-slide.li .preview{background:url(../img/sprite/hero/7-7082637e66.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-c1e2f1e473.png) no-repeat;width:199px;height:108px}.hero-thumbs-wrap .swiper-slide.xingzhe .preview{background:url(../img/sprite/hero/8-e2d7950e32.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-bba913911a.png) no-repeat;width:199px;height:105px}.hero-thumbs-wrap .swiper-slide.xiaojiu .preview{background:url(../img/sprite/hero/9-6cc203299d.png) no-repeat;width:199px;height:106px}.hero-thumbs-wrap .swiper-slide.xiaojiu.active .preview,.hero-thumbs-wrap .swiper-slide.xiaojiu:hover .preview{background:url(../img/sprite/hero/9_h-31f826f4ee.png) no-repeat;width:199px;height:106px}.hero-thumbs-wrap .swiper-slide.zixiao .preview{background:url(../img/sprite/hero/10-b2ce336556.png) no-repeat;width:199px;height:96px}.hero-thumbs-wrap .swiper-slide.zixiao.active .preview,.hero-thumbs-wrap .swiper-slide.zixiao:hover .preview{background:url(../img/sprite/hero/10_h-0b3a86dc9d.png) no-repeat;width:199px;height:96px}.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-e9ea714df9.png) no-repeat;width:21px;height:41px}.hero-thumbs-wrap .hero-prev{left:-41px;background:url(../img/sprite/hero/btn_prev-7c1707b5fb.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-6684fa8287.jpg) top center no-repeat}.section3.img-webp{background:url(../img/images/section3-5524d590d2.webp) top center no-repeat}.section3 .media-title{background:url(../img/sprite/icon/media_title-8ff94d7120.png) no-repeat;width:309px;height:46px;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-aa06ecea26.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-aa31690b7e.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-87fc16e537.png) no-repeat;width:46px;height:46px}.subscribe-box .twitter{background:url(../img/sprite/icon/twitter_logo-b76f00036c.png) no-repeat;width:46px;height:46px}.subscribe-box .reddit{background:url(../img/sprite/icon/reddit_logo-1df0f1237c.png) no-repeat;width:46px;height:46px}.subscribe-box .discord{background:url(../img/sprite/icon/discord_logo-1472a510bf.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-2254f9ad8d.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}