.index,body{position:relative}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,td,th{text-align:left;font-weight:400;vertical-align:middle}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}.circle,.footer .left-content,.info .carousel-btn .active,.info .carousel-btn li,.info .carousel-btn li:hover,.play-btn,.play-mask>i{display:inline-block;background-image:url(/site/gymc/img/index/icons-sceff262f5f.png);background-repeat:no-repeat}@-webkit-keyframes scale{50%{-webkit-transform:scale(1.3);transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);-webkit-animation:scale(1.3)}100%{-webkit-transform:scale(1);transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-animation:scale(1)}}@keyframes scale{50%{-webkit-transform:scale(1.3);transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);-webkit-animation:scale(1.3)}100%{-webkit-transform:scale(1);transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-animation:scale(1)}}body,html{width:100%;height:100%;min-width:1200px}body{margin:0}.index{height:898px;width:100%;z-index:9}.index .game-logo{display:block;position:absolute;top:22px;left:100px;width:199px;height:90px}.index .play{position:absolute;right:365px;top:165px;width:50px;height:55px;background:url(/site/gymc/img/index/play.png) top center no-repeat;background-size:contain;z-index:999}.index .apps{position:absolute;height:130px;top:734px;left:302px}.index .apps .game-icon{display:inline-block;width:130px;height:130px;border-radius:15px;margin:0 12px 0 74px}.index .apps .game-icon>img{width:100%;height:100%;border-radius:24px}.index .apps-download{width:566px;height:130px;position:relative;margin:0 auto;overflow:hidden}.index .apps-download>*{cursor:pointer;float:left;margin-right:13px;border-radius:10px}.index .apps-qrCode{display:inline-block;width:130px;height:130px;border-radius:15px;margin-right:12px}.index .apps-qrCode .qrCode-img{width:100%;height:100%;border-radius:15px}.index .apps-download-apk{width:138px;height:95px;background-position-y:-1px;margin-top:3px}.index .app-store{width:143px;height:130px}.index .apple{background:url(/site/gymc/img/index/common-s721583e544.png) no-repeat;background-size:100%}.index .google{background:url(/site/gymc/img/index/common-s721583e544.png) 0 -174px no-repeat;background-size:100%}.index .apkdown{background-size:100%}.index .app-fb-stars{margin:15px auto 0;height:136px;padding-left:38px}.index .app-fb-stars img{float:left;width:60px;height:60px;border-radius:12px;margin-left:210px}.index .stars-content{float:left;display:inline-block;height:60px;margin-left:15px}.index .stars-title{height:30px;line-height:30px;text-align:center;color:#fff}.index .stars-link{display:block;width:60px;height:26px;line-height:26px;text-align:center;text-decoration:none;border-radius:4px;color:#fff;margin-top:4px;background-color:#375ba1}.index .scale{animation:scale linear 2s infinite;-webkit-animation:scale linear 2s infinite;-o-animation:scale linear 2s infinite;-ms-animation:scale linear 2s infinite}.nav-wrapper li a{display:block;width:100%;height:100%;}.index .select-lang{position:relative;padding-right:8px;cursor:pointer}.index .select-lang::before{position:absolute;right:6px;top:50%;margin-top:-3px;content:' ';border:6px solid transparent;border-top:6px solid #333}.index .select-lang .drop-down{display:none;width:104px;height:120px;border-radius:0 0 10px 10px;background:rgba(0,0,0,.4);-webkit-transition:all .3s ease;transition:all .3s ease;overflow:hidden}.index .select-lang .drop-down-item{display:block;height:30px;-webkit-box-sizing:border-box;box-sizing:border-box}.index .select-lang .drop-down-item:hover{background:#b08229}.lang_vi .play{right:345px;top:190px}.lang_vi .select-lang,.lang_vi .select-lang .drop-down{width:120px}.lang_vi .app-store .apkdown{background:url(/site/gymc/img/index/apkdown-vi.png) no-repeat}.lang_zh .play{right:306px;top:182px}.lang_en-US .play{right:343px}.lang_th .play{right:485px}.lang_zh .app-store .apkdown{background:url(/site/gymc/img/index/apkdown-zh.png) no-repeat}.lang_en-US .app-store .apkdown{background:url(/site/gymc/img/index/apkdown-en.png) no-repeat}.lang_th .app-store .apkdown{background:url(/site/gymc/img/index/apkdown-th.png) no-repeat}.lang_zh .game-logo{width:250px;height:100px;background:url(/site/gymc/img/index/icons-sceff262f5f.png) 0 -314px no-repeat}.lang_en-US .game-logo,.lang_th .game-logo{top:26px;width:246px;height:60px;background:url(/site/gymc/img/index/icons-sceff262f5f.png) 0 -249px no-repeat}.lang_vi .game-logo{top:26px;width:246px;height:66px;background:url(/site/gymc/img/index/logo_vi.png) no-repeat;}.info{position:relative;width:100%;height:902px;overflow:hidden}.info-wrap{position:absolute;top:170px;width:100%}.community-main>li,.ease,.info .news-btns li,.info .news-more,.info .news-ul-list-ul-list,.info .news-ul-list-ul-list-text,.more,.special-zoom>li,.title-btns li{-webkit-transition:all .3s;transition:all .3s}.hide,.show{display:inline-block!important}.footer-box{background:#000}.container,nav>ul{margin:0 auto}.info .news-btns,.title-btns{list-style:none;text-align:center;background:url(/site/gymc/img/index//info-title-bg.png) bottom center no-repeat}.info .news-btns li{color:#ececec;display:inline-block;font-size:18px;width:60px;height:60px;line-height:60px;text-align:center;margin-left:90px}.lang_vi .info .news-btns li{width:100px}.info .news-btns li:first-child{margin-left:0}.info .news-btns li:hover,.title-btns li:hover{color:#c9b092;cursor:pointer}.info .news-btns .choose,.title-btns .choose{color:#c9b092;border-bottom:3px solid #c9b092}.info .news-more,.roles .roles-nav li{border:1px solid #323234;text-align:center}.info .news-more{position:absolute;right:100px;top:16px;width:28px;height:28px;font-size:22px;font-weight:100;line-height:22px;text-decoration:none;color:#c9b092;background:#1b1c20;-webkit-box-sizing:border-box;box-sizing:border-box}.info .news-important,.info .news-important a{color:red;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}*,.roles .roles-nav li,.roles .roles-nav li.active{-webkit-box-sizing:border-box}.info .news-more:hover,.more:hover{opacity:.6;-moz-opacity:.6;-khtml-opacity:.6;filter:alpha(opacity=60);cursor:pointer;border-color:#d7ab65}*{box-sizing:border-box}ul{list-style-type:none;padding-left:0}.circle{background-position:0 -80px;width:61px;height:64px;display:inline-block;left:-26px;top:-20px;position:relative}.bg,.video-player{position:absolute;width:100%;left:0;top:0}.bg{min-width:1053px;height:4875px;z-index:-1}.bg_lang_zh{background:url(/site/gymc/img/index/bg-pc-zh.jpg) top center no-repeat}.bg_lang_en-US{background:url(/site/gymc/img/index/bg-pc-en.jpg) top center no-repeat}.bg_lang_th{background:url(/site/gymc/img/index/bg-pc-th.jpg) top center no-repeat}.bg_lang_vi{background:url(/site/gymc/img/index/bg-pc-vi.jpg) top center no-repeat}.video-player{height:100%}.container{position:relative;width:1200px;height:4875px;top:0;margin:0 auto;overflow:hidden}.play-btn{display:block;position:absolute;top:170px;right:5pc;cursor:pointer;background-position:0 -547px;width:16px;height:26px}.info{font-size:0}.info .news{width:100%;height:230px;display:inline-block;position:relative}.info .news .news-lastest{margin-left:15px}.info .news-important{margin:15px auto auto;font-size:18px;width:25pc;height:26px;border:1px solid #d7ab65;font-weight:700;background-color:#fff;padding:5px}.info .news-important a{position:absolute;width:340px;margin-left:30px;line-height:26px}.info .news-ul{margin:6px 25px 15px}.info .news-ul-list{position:absolute;left:50%;margin-left:-500px;display:none;font-size:1pc}.info .news-ul-list-ul{padding-top:15px;width:1000px;overflow:hidden}.info .news-ul-list-ul-list{color:#7d7c7c;font-size:18px;font-family:'Microsoft YaHei';line-height:48px;padding:0 80px;width:100%;float:left}.info .news-ul-list-ul-list-text{position:absolute;width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7d7c7c;text-decoration:none}.info .news-ul-list-ul-list-time{float:right}.info .news-ul-list-ul-list:hover{cursor:pointer;color:#c6baa7}.info .news-ul-list-ul-list:hover .news-ul-list-ul-list-text{color:#c6baa7}.info .news-ul .show{display:block}.info .carousel{position:absolute;top:382px;right:100px;width:580px;height:270px;display:inline-block;vertical-align:top;border:2px solid rgba(74,136,153,.6)}.info .carousel-main,.info .carousel-main-item a,.info .carousel-main-item a img,.swipe-wrap{width:100%;height:100%}.info .carousel-main{display:inline-block;position:relative;overflow:hidden}.info .carousel-main-item{display:inline-block;position:relative;float:left;height:100%}.info .carousel-main-item a{display:inline-block;overflow:hidden}.info .carousel-btn{width:100%;margin-top:17px;position:relative;z-index:10;text-align:center}.play-mask,.play-mask>i{position:absolute;display:inline-block}.info .carousel-btn li{display:inline-block;margin:0 6px;background-position:0 -574px;width:32px;height:12px}.info .carousel-btn .active,.info .carousel-btn li:hover{background-position:0 -587px;width:32px;height:12px}.info .carousel-btn li:hover{cursor:pointer}.play-mask{width:100%;height:100%;left:0;background:#000;opacity:.7}.play-mask>i{left:90px;top:60px;background-position:0 -460px;width:75px;height:86px}.community-main>li>img{width:100%;height:100%;display:inline-block}.community-main>li:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.roles{width:100%;height:1126px;position:relative}.roles .des{padding:0 160px;font-family:SimSun;color:#dddada;font-size:18px;line-height:28px;text-indent:1em;text-align:center}.roles .role{display:none;position:absolute;top:170px;left:0}.plays .arrow,.roles .role.role1{display:block}.roles .role.role1 .skill{position:absolute;top:130px;left:50%;width:900px;height:490px;margin-left:-450px;background:url(/site/gymc/img/index/skill-role1.png) no-repeat;background-size:100%;z-index:5}.roles .role.role1 .skill .character{position:absolute;width:390px;height:608px;background:url(/site/gymc/img/index/role1.png) top center no-repeat;z-index:6}.roles .role.role1 .skill .character.girl{background:url(/site/gymc/img/index/role1-g.png) top center no-repeat}.roles .role.role1 .skill .character1{top:-40px;left:237px}.roles .role.role1 .skill .character1.girl{top:-73px}.roles .role.role1 .skill .character2{top:-56px;left:290px}.roles .role.role1 .skill .character2.girl{top:-42px;left:221px}.roles .role.role1 .skill .character3{top:-14px;left:262px}.roles .role.role1 .skill .character3.girl{top:-56px}.roles .role.role1 .skill .sex{position:absolute;bottom:27px;width:150px;left:50%;margin-left:-56px;font-family:SimSun;font-size:18px;color:#939393;z-index:7}.roles .role.role1 .skill .sex span{display:inline-block;margin:0 8px;cursor:pointer}.roles .role.role1 .skill .sex span.active{color:#fff}.roles .role.role2 .skill{position:absolute;top:130px;left:50%;width:900px;height:490px;margin-left:-450px;background:url(/site/gymc/img/index/skill-role2.png) no-repeat;background-size:100%;z-index:5}.roles .role.role2 .skill .sex,.roles .role.role3 .skill .sex{bottom:27px;margin-left:-56px;color:#939393;font-family:SimSun}.roles .role.role2 .skill .character{position:absolute;width:390px;height:608px;background:url(/site/gymc/img/index/role2.png) top center no-repeat;z-index:6}.roles .role.role2 .skill .character.girl{background:url(/site/gymc/img/index/role2-g.png) top center no-repeat}.roles .role.role2 .skill .character1{top:-40px;left:237px}.roles .role.role2 .skill .character1.girl{top:-73px}.roles .role.role2 .skill .character2{top:-56px;left:290px}.roles .role.role2 .skill .character2.girl{top:-42px;left:221px}.roles .role.role2 .skill .character3{top:-14px;left:262px}.roles .role.role2 .skill .character3.girl{top:-56px}.roles .role.role2 .skill .sex{position:absolute;width:150px;left:50%;font-size:18px;z-index:7}.roles .role.role2 .skill .sex span{display:inline-block;margin:0 8px;cursor:pointer}.roles .role.role2 .skill .sex span.active{color:#fff}.roles .role.role3 .skill{position:absolute;top:130px;left:50%;width:900px;height:490px;margin-left:-450px;background:url(/site/gymc/img/index/skill-role3.png) no-repeat;background-size:100%;z-index:5}.roles .role.role3 .skill .character{position:absolute;width:390px;height:608px;background:url(/site/gymc/img/index/role3.png) top center no-repeat;z-index:6}.roles .role.role3 .skill .character.girl{background:url(/site/gymc/img/index/role3-g.png) top center no-repeat}.roles .role.role3 .skill .character1{top:-40px;left:237px}.roles .role.role3 .skill .character1.girl{top:-73px}.roles .role.role3 .skill .character2{top:-56px;left:290px}.roles .role.role3 .skill .character2.girl{top:-42px;left:221px}.roles .role.role3 .skill .character3{top:-14px;left:262px}.roles .role.role3 .skill .character3.girl{top:-56px}.roles .role.role3 .skill .sex{position:absolute;width:150px;left:50%;font-size:18px;z-index:7}.roles .role.role3 .skill .sex span{display:inline-block;margin:0 8px;cursor:pointer}.roles .role.role3 .skill .sex span.active{color:#fff}.roles .roles-nav{position:absolute;left:50%;margin-left:-210px;bottom:254px;width:420px;height:40px;z-index:999}.roles .roles-nav li{float:left;width:33%;height:40px;line-height:40px;font-family:SimSun;font-size:18px;color:#fff;box-sizing:border-box;cursor:pointer}.roles .roles-nav li.active{background:#c9b092;color:#433a2e;border:1px solid #c9b092;box-sizing:border-box}.lang_zh .roles .role .skill .sex{margin-left:-34px}.lang_zh .role.role1 .skill{background:url(/site/gymc/img/index/skill-role1-zh.png) no-repeat}.lang_zh .role.role2 .skill{background:url(/site/gymc/img/index/skill-role2-zh.png) no-repeat}.lang_zh .role.role3 .skill{background:url(/site/gymc/img/index/skill-role3-zh.png) no-repeat}.lang_en-US .role.role1 .skill{background:url(/site/gymc/img/index/skill-role1-en.png) no-repeat}.lang_en-US .role.role2 .skill{background:url(/site/gymc/img/index/skill-role2-en.png) no-repeat}.lang_en-US .role.role3 .skill{background:url(/site/gymc/img/index/skill-role3-en.png) no-repeat}.lang_th .role.role1 .skill{background:url(/site/gymc/img/index/skill-role1-th.png) no-repeat}.lang_th .role.role2 .skill{background:url(/site/gymc/img/index/skill-role2-th.png) no-repeat}.lang_th .role.role3 .skill{background:url(/site/gymc/img/index/skill-role3-th.png) no-repeat}.lang_vi .role.role1 .skill{background:url(/site/gymc/img/index/skill-role1-vi.png) no-repeat}.lang_vi .role.role2 .skill{background:url(/site/gymc/img/index/skill-role2-vi.png) no-repeat}.lang_vi .role.role3 .skill{background:url(/site/gymc/img/index/skill-role3-vi.png) no-repeat}.plays{position:relative;width:900px;height:450px;margin:80px auto 0;border:1px solid rgba(50,50,53,.7)}.plays .arrow{position:absolute;top:50%;width:50px;height:50px;margin-top:-25px;cursor:pointer;background-size:auto 100%;background-repeat:no-repeat}.plays .arrow-left{left:-50px;background-image:url(/site/gymc/img/index/left-arrow.png)}.plays .arrow-right{right:-72px;background-image:url(/site/gymc/img/index/right-arrow.png)}.plays.play1-vi{background:url(/site/gymc/img/index/play1-vi.jpg) no-repeat;background-size:100%}.plays.play2-vi{background:url(/site/gymc/img/index/play2-vi.jpg) no-repeat;background-size:100%}.plays.play3-vi{background:url(/site/gymc/img/index/play3-vi.jpg) no-repeat;background-size:100%}.plays.play1-common{background:url(/site/gymc/img/index/play1-common.jpg) no-repeat;background-size:100%}.plays.play2-common{background:url(/site/gymc/img/index/play2-common.jpg) no-repeat;background-size:100%}.plays.play3-common{background:url(/site/gymc/img/index/play3-common.jpg) no-repeat;background-size:100%}.plays .plays-nav{position:absolute;left:50%;margin-left:-225px;top:-74px;width:450px;z-index:999}.plays .plays-nav li{float:left;width:150px;height:40px;line-height:40px;font-family:SimSun;font-size:18px;text-align:center;color:#fff;border:1px solid #323234;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;background-color:#1b1c20}.plays .plays-nav li.active{background:#c9b092;color:#433a2e;border:1px solid #c9b092;-webkit-box-sizing:border-box;box-sizing:border-box}.plays .des{position:absolute;left:-1px;bottom:-90px;width:100%;height:100px;background:#000}.plays .des p{display:none;width:100%;height:70px;padding:10px 15px;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:'Microsoft YaHei';font-size:14px;line-height:28px;color:#fff}.plays .des p.active{display:block}.lang_vi .plays-nav{margin-left:-270px;width:540px}.lang_vi .plays-nav li{width:180px}.lang_vi .des{height:130px;bottom:-120px}.video{position:relative;width:900px;height:620px;margin:0 auto}.video .community-main{position:absolute;top:350px;left:0;width:900px;height:470px;text-align:center}.video .community-main li{position:relative;float:left;width:335px;height:186px;cursor:pointer}.video .community-main li .play-mask{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4)}.video .community-main li .play-mask i{display:inline-block;position:absolute;left:128px;top:52px;background:url(/site/gymc/img/index/icons/play-icon.png) top center no-repeat}.video .community-main li .des{position:absolute;width:100%;height:20px;left:0;bottom:-32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:16px;color:#999}.video .community-main li img{width:100%;height:100%}.video .community-main li:nth-of-type(even){margin-left:230px}.video .community-main li:nth-child(3),.video .community-main li:nth-child(4){margin-top:94px}.video .community-main li:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.video .community-main li:hover .play-mask{background:rgba(0,0,0,.1)}.video .news-more{font-size:22px;font-weight:100;position:absolute;left:375px;bottom:-88px;width:146px;height:38px;line-height:38px;text-align:center;text-decoration:none;color:#7d7c7c;background:url(/site/gymc/img/index/icons/video-more.png) top center no-repeat}.ways-fb,.ways-fb .fans{width:500px;height:136px}.ways-fb{overflow:hidden}.ways-fb .fans{margin:0 auto;border:3px solid #c5baa7;background:#fff}.special,.special-zoom{height:500px;position:relative}.special{width:100%;z-index:99}.special-zoom{width:798pt;margin:340px auto 0;font-size:0;transition:all ease .6s;-webkit-transition:all ease .6s}.special-zoom>li{width:550px;height:294px;display:inline-block;position:absolute;top:0;left:266px;background-size:510px 283px;background-position:20px 3px}.special-zoom>li>img{width:500px;height:294px;display:block;margin:0 auto}.slow{background:url(/site/gymc/img/index/snow.png) top center no-repeat;width:3840px;height:1900px;position:absolute;top:-950px;left:-1920px;-webkit-animation:fly 6s forwards infinite linear;animation:fly 6s forwards infinite linear}.feature,.feature-content{position:relative}.footer-rating-img{background:url(/img/common/game_rating_12.jpg)!important}@-webkit-keyframes fly{0%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}100%{-webkit-transform:translateX(1920px) translateY(950px);transform:translateX(1920px) translateY(950px)}}@keyframes fly{0%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}100%{-webkit-transform:translateX(1920px) translateY(950px);transform:translateX(1920px) translateY(950px)}}.feature-box{margin:270px auto 0}.feature-content-item{height:405px;float:left;width:200px;position:absolute;background:url(/site/gymc/img/index/ways-bg.png) 0 9px no-repeat;background-size:contain}.feature-content-item img{width:100%;height:100%}.feature-pre{left:8%}.feature-next{right:8%}.footer{width:1200px;height:170px;margin:0 auto;color:#fff;font-size:14px}.footer .left-content{float:left;margin-top:74px;background-position:0 -183px;width:124px;height:22px}.footer .right-content{float:right;margin-top:65px}.footer .links{text-align:right}.footer .links a{color:#fff;text-decoration:none;margin-left:10px}.footer .rights{color:#fff;margin-top:10px}