*html{background-image:url(about:blank);background-attachment:fixed}
body{font:14px/24px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";_font-family:"\5B8B\4F53";color:#57252c;background-color:#fcf8ef}
a,body,dd,div,dl,dt,em,form,h1,h2,h3,html,i,img,input,li,p,span,textarea,ul{margin:0;padding:0}
textarea{font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";_font-family:"\5B8B\4F53"}
a{text-decoration:none;color:#57252c}
a:hover{color:red}
li,ol,ul{list-style:none}
em,i{font-style:normal}
img{border:none}
.cf{*zoom:1}
.cf:after{content:'';display:block;height:0;clear:both}
.fl,.fr{_display:inline!important;overflow:hidden}
.fl{float:left}
.fr{float:right}
.lh{line-height:500px;overflow:hidden}
.pr{position:relative}
.w{width:1000px;margin:0 auto}
.sfooter{color:#fff;background:#505050;height:100px}
.sfooter .copy,.sfooter .menu a{color:#fff}
.sfooter .menu a:hover{color:#f60}
.text-overflow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
body{background:#080808;color:#fff;margin:0 auto;font:12px/24px '\5FAE\8F6F\96C5\9ED1,\5B8B\4F53'}
.navMenu{position:fixed;width:100%;z-index:2}
.navMenu .logo{float:left;display:block;margin-top:16px;margin-left:60px;width:158px;height:41px;background:url(../images/2024/logo1.png) no-repeat center}
.navMenu.black{padding-bottom:20px;background-color:rgba(255,255,255,.8)}
.navMenu.black .logo{width:158px;height:41px;background:url(../images/2024/logo.png) no-repeat center}
.navMenu.black .navList li.active{font-weight:700}
.navMenu.black .navList li.active a{color:#232629}
.navMenu.black .navList li a{color:#232629}
.navMenu .navList{margin-right:60px;margin-top:26px;float:right}
.navMenu .navList li{display:inline-block;margin-left:60px}
.navMenu .navList li.active{font-weight:700}
.navMenu .navList li.active a{color:#fff}
.navMenu .navList li a{font-size:18px;color:rgba(255,255,255,.6)}
.content{min-width:1540px;position:relative;z-index:1}
.content .section{min-width:100%;min-height:950px;position:relative;overflow:hidden}
.content .section .bgmask{min-width:100%;height:100%}
.content .section1{min-height:1000px;min-height:calc(100vh);padding-top:350px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}
.content .section1 .bgmask{left:0;top:0;position:absolute;z-index:4}
.content .section1 .bgmask .left{position:absolute;left:0;bottom:50px;width:79px;height:826px;background:url(../images/2024/left.png) no-repeat center}
.content .section1 .bgmask .right{position:absolute;right:0;bottom:22px;width:176px;height:972px;background:url(../images/2024/right.png) no-repeat center}
.content .section1 .pageImg{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;z-index:2}
.content .section1 .pageImg i{position:absolute;left:0;top:0;right:0;bottom:0;z-index:3;background-color:rgba(0,0,0,.3)}
.content .section1 .pageImg img{position:relative;z-index:2;width:100%;height:100%}
.content .section1 .pageImg img.foreground{position:absolute;bottom:0;z-index:3}
.content .section1 .pageImg #myVideo{display:block;width:100%;height:100%;position:absolute;top:0;right:0;left:0;bottom:0;z-index:3;-o-object-position:top center;object-position:top center;-o-object-fit:cover;object-fit:cover}
.content .section1 .pageImgVdo{z-index:3}
.content .section1 .banner{position:relative;z-index:4;margin:0 auto;width:895px;height:171px;background:url(../images/2024/title.png) no-repeat center}
.content .section1 .moveTo{z-index:4;bottom:50px;position:absolute;font-size:20px;left:50%;margin-left:-60px}
.content .section1 .moveTo .point{margin:18px auto 12px;display:block;width:3px;height:34px;background:url(../images/2024/icon-point.png) no-repeat center}
.content .section1 .moveTo .mouse{margin:0 auto;display:block;width:27px;height:42px;background:url(../images/2024/icon-mouse.png) no-repeat center;-webkit-animation:infiniteDown 1.5s .8s linear infinite;animation:infiniteDown 1.5s .8s linear infinite}
.content .section2{background-image:url(../images/2024/bg-2.png);background-position:center center;background-repeat:repeat;background-size:1920px 1000px}
.content .section2 .bgmask .left{position:absolute;left:30px;bottom:37px;width:26px;height:256px;background:url(../images/2024/left-bottom.png) no-repeat center}
.content .section2 .bgmask .right{position:absolute;top:103px;right:0;width:69px;height:69px;background:url(../images/2024/right-top.png) no-repeat center}
.content .section2 .carousel{width:100%;height:100%;height:1000px;overflow:hidden;background-image:url(../images/2024/role-bg.png);background-position:left 221px;background-repeat:no-repeat;background-size:945px 590px;position:relative}
.content .section2 .game-list{position:absolute;left:70px;top:203px;z-index:3}
.content .section2 .game-list ul li{margin-bottom:16px;text-align:center}
.content .section2 .game-list ul li:hover{cursor:pointer}
.content .section2 .game-list ul li .white-arrow{margin-right:8px;vertical-align:middle;width:65px;height:30px;background:url(../images/2024/icon-arrow-white.png) no-repeat center}
.content .section2 .game-list ul li .black-arrow{margin-right:8px;vertical-align:middle;width:65px;height:30px;background:url(../images/2024/icon-arrow-black.png) no-repeat center}
.content .section2 .game-list ul li i{display:none}
.content .section2 .game-list ul li.on i{display:inline-block}
.content .section2 .game-list ul li.on img{border:solid 3px #fff}
.content .section2 .game-list ul li img{display:inline-block;vertical-align:middle;border-radius:15px;width:84px;height:84px}
.content .section2 .carousel-list{width:100%;z-index:2}
.content .section2 .carousel-list ul{position:relative;z-index:2;width:100%;min-height:calc(100vh);height:calc(100vh);min-height:1000px}
.content .section2 .carousel-list li{display:none;overflow:hidden;width:100%;height:calc(100vh);position:relative;min-height:1000px}
.content .section2 .carousel-list li.active{display:block}
.content .section2 .carousel-list li .role-img{z-index:2;position:absolute;top:44px;left:200px;width:837px;-webkit-animation:slideLeft 1s forwards;animation:slideLeft 1s forwards}
.content .section2 .carousel-list li .detail{z-index:3;width:1000px;position:absolute;top:180px;right:125px;-webkit-animation:slideRight 1s forwards;animation:slideRight 1s forwards}
.content .section2 .carousel-list li .detail .game-name{font-weight:700;font-size:90px;color:#232629;line-height:1;text-align:right}
.content .section2 .carousel-list li .detail .game-desc{margin-top:40px;font-size:20px;color:#4f4f4f;text-align:right}
.content .section2 .carousel-list li .detail .line{margin-top:80px;width:114px;height:67px;background:url(../images/2024/line.png) no-repeat center;width:100%;background-position:right top}
.content .section2 .carousel-list li .detail .guides{text-align:right;margin-top:30px}
.content .section2 .carousel-list li .detail .guides a{margin:0 10px;width:337px;height:68px;background:url(../images/2024/icon-share.png) no-repeat center;width:69px;height:69px;display:inline-block;position:relative}
.content .section2 .carousel-list li .detail .guides a:hover{background-image:url(../images/2024/icon-share-hover.png)}
.content .section2 .carousel-list li .detail .guides .btn-home{background-position:0 0}
.content .section2 .carousel-list li .detail .guides .btn-weibo{background-position:-90px 0}
.content .section2 .carousel-list li .detail .guides .btn-bilibili{background-position:-179px 0}
.content .section2 .carousel-list li .detail .guides .btn-wechat{background-position:-269px 0}
.content .section2 .carousel-list li .detail .guides .btn-wechat:hover .qrcode{display:block}
.content .section2 .carousel-list li .detail .guides .btn-wechat .qrcode{display:none;position:absolute;right:-31px;bottom:-142px;width:132px;height:141px;background:url(../images/2024/qrcode-bg.png) no-repeat center}
.content .section2 .carousel-list li .detail .guides .btn-wechat .qrcode img{margin-right:6px;margin-top:14px;width:120px;height:120px}
.content .section2 .carousel-list li .detail .download{text-align:right;margin-top:150px}
.content .section2 .carousel-list li .detail .download a{display:inline-block}
.content .section2 .carousel-list li .detail .download .btn-android{width:233px;height:70px;background:url(../images/2024/btn-android.png) no-repeat center}
.content .section2 .carousel-list li .detail .download .btn-android:hover{width:233px;height:70px;background:url(../images/2024/btn-android-hover.png) no-repeat center}
.content .section2 .carousel-list li .detail .download .btn-ios{margin-left:36px;width:233px;height:70px;background:url(../images/2024/btn-ios.png) no-repeat center}
.content .section2 .carousel-list li .detail .download .btn-ios:hover{width:233px;height:70px;background:url(../images/2024/btn-ios-hover.png) no-repeat center}
.content .section3,.content .section4{padding-bottom:70px}
.content .section3 .game-list,.content .section4 .game-list{text-align:left;width:1564px;margin:-12px auto}
.content .section3 .game-list .game-item,.content .section4 .game-list .game-item{margin:32px 14px 0;display:inline-block;width:360px;height:300px;position:relative;background-color:#fff;-webkit-transition:all .3s;transition:all .3s}
.content .section3 .game-list .game-item:hover,.content .section4 .game-list .game-item:hover{cursor:pointer;-webkit-transform:translateY(-8px);transform:translateY(-8px)}
.content .section3 .game-list .game-item .download,.content .section4 .game-list .game-item .download{position:absolute;right:16px;bottom:38px}
.content .section3 .game-list .game-item .download a:nth-child(2),.content .section4 .game-list .game-item .download a:nth-child(2){margin-left:2px}
.content .section3 .game-list .game-item .download .btn-android,.content .section4 .game-list .game-item .download .btn-android{display:inline-block;width:29px;height:29px;background:url(../images/2024/icon-android.png) no-repeat center}
.content .section3 .game-list .game-item .download .btn-android:hover,.content .section4 .game-list .game-item .download .btn-android:hover{width:29px;height:29px;background:url(../images/2024/icon-andriod-hover.png) no-repeat center}
.content .section3 .game-list .game-item .download .btn-ios,.content .section4 .game-list .game-item .download .btn-ios{display:inline-block;width:29px;height:29px;background:url(../images/2024/icon-ios.png) no-repeat center}
.content .section3 .game-list .game-item .download .btn-ios:hover,.content .section4 .game-list .game-item .download .btn-ios:hover{width:29px;height:29px;background:url(../images/2024/icon-ios-hover.png) no-repeat center}
.content .section3 .game-list .game-item img,.content .section4 .game-list .game-item img{display:block;width:360px;height:210px}
.content .section3 .game-list .game-item .game-detail,.content .section4 .game-list .game-item .game-detail{margin-top:19px;color:#232629;padding:0 16px;-webkit-box-sizing:border-box;box-sizing:border-box}
.content .section3 .game-list .game-item .game-detail .name,.content .section4 .game-list .game-item .game-detail .name{font-weight:700;font-size:18px;width:80%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.content .section3 .game-list .game-item .game-detail .desc,.content .section4 .game-list .game-item .game-detail .desc{display:block;padding-top:12px;font-size:14px;color:#4f4f4f;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.content .section3 .btn-more,.content .section4 .btn-more{display:inline-block;font-size:16px;color:#4f4f4f;margin-top:48px}
.content .section3 .btn-more i,.content .section4 .btn-more i{margin-left:12px;display:inline-block;width:18px;height:11px;background:url(../images/2024/icon-more.png) no-repeat center}
.content .section3{background-image:url(../images/2024/bg-3.png);background-position:center center;background-repeat:repeat;background-size:1920px 1000px;padding-top:43px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}
.content .section3 .bgmask .left{position:absolute;left:30px;bottom:37px;width:26px;height:256px;background:url(../images/2024/left-bottom-3.png) no-repeat center}
.content .section3 .bgmask .right{position:absolute;top:103px;right:0;width:69px;height:69px;background:url(../images/2024/right-top.png) no-repeat center}
.content .section3 .title{width:997px;height:118px;background:url(../images/2024/caption-game.png) no-repeat center}
.content .section4{background-image:url(../images/2024/bg-4.png);background-position:center center;background-repeat:repeat;background-size:1920px 1000px;padding-top:93px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}
.content .section4 .game-list{margin-top:-24px}
.content .section4 .bgmask .left{position:absolute;left:0;bottom:-200px;width:351px;height:435px;background:url(../images/2024/left-bottom-4.png) no-repeat center}
.content .section4 .bgmask .right{position:absolute;right:0;bottom:-240px;width:136px;height:562px;background:url(../images/2024/right-bottom-4.png) no-repeat center}
.content .section4 .title{width:928px;height:126px;background:url(../images/2024/caption-new-game.png) no-repeat center}
.content .section5{margin-top:-2px;background-color:#f7fafc;background-image:url(../images/2024/bg-5.png);background-position:center center;background-repeat:repeat;background-size:1920px 1000px;padding-top:90px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}
.content .section5 .bgmask .left{position:absolute;left:0;top:76px;width:326px;height:252px;background:url(../images/2024/left-top-5.png) no-repeat center}
.content .section5 .bgmask .right{position:absolute;right:0;bottom:-240px;width:136px;height:562px;background:url(../images/2024/right-bottom-5.png) no-repeat center}
.content .section5 .company-bg{position:absolute;left:0;bottom:-80px;width:1593px;height:796px;background:url(../images/2024/part-5.png) no-repeat center}
.content .section5 .title i{margin-left:-45px;vertical-align:top;display:inline-block;width:375px;height:74px;background:url(../images/2024/about.png) no-repeat center}
.content .section5 .introduce{margin-top:45px;margin-left:742px;text-align:left;width:820px;font-size:16px;color:#232629;line-height:1.9}
.content .section5 .introduce p{margin-bottom:32px;position:relative}
.content .section5 .introduce p i{position:absolute;left:-30px;top:8px;width:11px;height:13px;background:url(../images/2024/icon-triangle.png) no-repeat center}
.content .section5 .introduce p span{font-weight:700}
@media (max-width:1600px){
.content .section5 .introduce{margin-left:698px}
}
.content .section6{margin-top:-2px;background-image:url(../images/2024/bg-6.png);background-position:center center;background-repeat:repeat;background-size:1920px 1000px;padding-top:103px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;min-height:848px;height:848px;overflow:hidden;position:relative}
.content .section6 .bgmask{position:absolute;left:0;top:0}
.content .section6 .bgmask .left{position:absolute;left:0;bottom:-148px;width:294px;height:290px;background:url(../images/2024/left-bottom-6.png) no-repeat center}
.content .section6 .bgmask .right{position:absolute;right:0;bottom:-148px;width:136px;height:462px;background:url(../images/2024/right-bottom-6.png) no-repeat center}
.content .section6 .title{position:relative;margin:0 auto;width:867px;height:108px;background:url(../images/2024/caption-6.png) no-repeat center}
.content .section6 .contact{position:relative;z-index:2;margin-top:60px}
.content .section6 .contact-item{text-align:left;display:inline-block;vertical-align:top;margin-left:100px}
.content .section6 .contact-item:first-child{margin-left:0}
.content .section6 .contact-item .caption{font-size:30px;color:#232629}
.content .section6 .contact-item .caption i{display:inline-block;vertical-align:top;padding-top:25px;margin-left:-20px}
.content .section6 .contact-item .caption i.release{width:182px;height:32px;background:url(../images/2024/release.png) no-repeat center}
.content .section6 .contact-item .caption i.agent{width:169px;height:32px;background:url(../images/2024/agent.png) no-repeat center}
.content .section6 .contact-item .contact-list{margin-left:-12px;margin-top:25px}
.content .section6 .contact-item .contact-list-item{vertical-align:top;display:inline-block;width:316px;height:385px;background:url(../images/2024/bg-contact.png) no-repeat center;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:45px;padding-top:40px;color:#232629;margin-left:30px}
.content .section6 .contact-item .contact-list-item:first-child{margin-left:0}
.content .section6 .contact-item .contact-list-item .name{font-size:24px}
.content .section6 .contact-item .contact-list-item .mail{margin-top:30px;font-size:14px}
.content .section6 .contact-item .contact-list-item .mail i{margin-right:10px;display:inline-block;vertical-align:middle;width:14px;height:13px;background:url(../images/2024/icon-mail.png) no-repeat center}
.content .section6 .contact-item .contact-list-item .wechat{margin-top:16px;font-size:14px}
.content .section6 .contact-item .contact-list-item .wechat i{margin-right:10px;display:inline-block;vertical-align:middle;width:17px;height:14px;background:url(../images/2024/icon-wechat.png) no-repeat center}
.content .section6 .contact-item .contact-list-item .qrcode{margin-top:60px;width:140px;height:140px;border:solid 1px #a4abb2}
.content .section6 .contact-item .contact-list-item .qrcode img{margin-top:6px;margin-left:6px;width:128px;height:128px}
.content .copyright{width:100%;height:154px;background-color:#1c1c1c;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:50px;text-align:center}
.content .copyright-detail{margin:0 auto}
.content .copyright-detail .copyright-logo{display:inline-block;width:158px;height:41px;background:url(../images/2024/logo1.png) no-repeat center}
.content .copyright-detail .line{display:inline-block;margin:0 33px;width:1px;height:39px;background-color:#353535}
.content .copyright-detail .detail{text-align:left;display:inline-block;font-size:14px;color:#fff;line-height:2}
.content .copyright-detail .detail a{color:#fff}
@-webkit-keyframes infiniteDown{
50%{-webkit-transform:translateY(10px);transform:translateY(10px)}
}
@keyframes infiniteDown{
50%{-webkit-transform:translateY(10px);transform:translateY(10px)}
}
@-webkit-keyframes slideLeft{
0%{left:-886px}
100%{left:200px}
}
@keyframes slideLeft{
0%{left:-886px}
100%{left:200px}
}
@-webkit-keyframes slideRight{
0%{right:-1000px}
100%{right:125px}
}
@keyframes slideRight{
0%{right:-1000px}
100%{right:125px}
}