*{margin:0;padding:0}
html,body{width:100%;height:100%;background:#000;margin:auto;font:14px/1.5 "Microsoft YaHei",Arial,Helvetica,sans-serif}
body{overflow-x:hidden}
ul,li{list-style:none}
a{text-decoration:none}
.hidden{display:none !important;opacity:1}
.fixedScroll{height:100%;overflow:hidden}
.wrap{position:relative;width:100%;height:100%}
.block{background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/kv_bg.jpg) no-repeat center top;background-size:cover;width:100%;height:100%;overflow:hidden}
.title{display:flex;justify-content:center;padding-top:20px}
.news_title img,.feature_title img,.hero_title img,.fame_title img{transform:scale(.85)}
.kv{background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/kv_bg.jpg) no-repeat center top;background-size:cover;position:relative}


.page1_con{position: absolute;top:50%;transform:translate3d(-50%,-50%,0);left:50%;width:1536px;height:724px;z-index:10}
.kv .logo{width:100%;text-align:center}
.kv .logo img{width:300px}
.kv .slogan{width:100%;text-align:center}
.kv .slogan img{width:1000px}
.kv .video .cover{background-image:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/pv.png);background-size:200px;background-repeat:repeat;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}
.kv video{width:100%;height:100%;top:0;position:absolute;left:0;object-fit:fill;z-index:1;object-position:center}

.kv_info{width:550px;margin:0 auto;display:flex;justify-content:space-between;align-items:self-end}
.kv_info .plat {width:174px}
.kv_info .qr{position:relative}
.qr .qr_line{position:absolute;top:0;right:-12px;width:197px;height:22px;background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/a5.png) no-repeat;animation:qrLine 2s linear infinite alternate}
.plat img{width:174px;cursor:pointer}
.kv_more{background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/kv_more.png) no-repeat;position:absolute;bottom:10px;left:50%;margin-left:-30px;width:65px;height:56px;animation:next 2s infinite;transform:scale(.6);z-index:2}
.kv_text{background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/kv_text.pic) no-repeat;position:absolute;bottom:-30px;left:50%;margin-left:-35px;width:80px;height:56px;z-index:2}
.kv_player{width:120px;height:120px;margin:20px auto;cursor:pointer;background-image:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/btn-play.png);background-size:contain;background-repeat:no-repeat}
.dhy {position: fixed;top: 0;right: 600px;background: url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/dhy.png) no-repeat;background-size: contain;width: 57px;height: 57px;cursor: pointer;z-index: 9}
.dhy-qr {
  display: none;
  position: absolute;
  top: 65px;
  left: -45px;
  width: 156px;
  height: 180px;
  background: url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/dhy_qr.png) no-repeat;
  background-size: contain;
}
.dhy:hover>.dhy-qr{display:block}
nav{width:451px;height:57px;position:fixed;top:0;right:129px;background-image:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/sns-bg2.png);background-size:contain;background-repeat:no-repeat;z-index:9}
nav ul{display:flex;align-items:center;justify-content:space-evenly;width:451px;height:59px}
nav li{cursor:pointer}
nav svg{width:35px;height:28px;font-family:feedback-iconfont;src:url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"),url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"),url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype")}
nav svg{fill:#f7e0c1}
nav li:hover svg{fill:#fff}
nav .btn-wechat{display:inline-block;width:35px;height:28px;cursor:pointer}
nav .btn-wechat .wx-qr{display:none;width:156px;height:168px;background-image:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/wx-qr.png);background-size:contain;background-repeat:no-repeat;position:absolute;top:60px;left:15px}
nav .btn-wechat:hover>.wx-qr{display:block}
nav .btn-sina{width:35px;height:28px;cursor:pointer;background-image:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/icon-sina.png);background-size:contain;background-repeat:no-repeat;display:inline-block}
nav .btn-bilibili{width:35px;height:28px;cursor:pointer;background-image:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/icon-bilibili.png);background-size:contain;background-repeat:no-repeat;display:inline-block}
nav .btn-douyin{width:35px;height:28px}
nav .btn-baidu{width:35px;height:28px;cursor:pointer;display:inline-block}
.news{background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/news_bg1.png) no-repeat center center;background-size:cover;position:relative}
.swiper-news.swiper-container{position:absolute;width:39%;left:14%;bottom:23%}
.swiper-news img{width:100%}
.news-page{position:absolute;width:397px;height:46px;background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/news_line0.png);background-size:cover;left:14%;bottom:18%;z-index:2;display:flex;align-items:center;transition:all 0.1s}
.news-page .swiper-pagination-bullet{width:18px;height:18px;background-size:cover;margin-right:40px;outline:none;opacity:1;border-radius:0}
.news-page span.swiper-pagination-bullet:first-child{margin-left:-5px}
.news-page .swiper-pagination-bullet-active{width:41px;height:41px;background-size:cover}
.news_box{width:60%;background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/list_bg.png) no-repeat;background-size:cover;height:45%;position:absolute;right:180px;bottom:18%}
.news_list{position:absolute;top:15%;right:5%;width:50%}
.news_item{color:#83A9BC;font-size:20px;margin:10px 0 10px -10px;border-bottom:1px solid rgb(131,169,188,.2);padding-bottom:15px;display:flex;justify-content:space-between;cursor:pointer}
.news_item:hover{color:#fff}
.news_item:first-child{color:rgba(255,255,255,.8);margin-bottom:30px;height:30px;line-height:10px;background-color:rgba(56,108,135,.7);cursor:pointer;color:#FCFCFD;font-size:30px;border-bottom:none}
li.item_title{max-width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news_item:first-child li.item_title{overflow:initial}
.news_item:first-child .item_date{display:none}
.news_item:first-child li{width:100%;text-align:center}
.swiper-news .swiper-slide{cursor:pointer}
.news_more{position:absolute;right:5%;bottom:10px;width:100px;height:39px;background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/news_more.png) no-repeat;background-size:100%;cursor:pointer}
.civilization{background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/civilization-bg.jpg) no-repeat center top;background-size:cover;position:relative;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.civilization_title.title{position:absolute;z-index:2;left:50%;margin-left:-200px}
.civilization .civilization-flags{position:absolute;z-index:4;left:37%;top:74%;width:calc(100vw /1920 * 1100);min-width:calc(1360px /1920 * 1100);max-width:calc(1920px /1920 * 1100)}
.civilization .civilization-flags .flag{display:inline-block;width:110px;height:74px;background-size:contain;background-repeat:no-repeat;cursor:pointer;outline-offset:none;margin-right:.5%;margin-bottom:1%;width:calc(100vw /1920 * 110);min-width:calc(1360px /1920 * 110);max-width:calc(1920px /1920 * 110);height:calc(100vw /1920 * 74);min-height:calc(1360px /1920 * 74);max-height:calc(1920px /1920 * 74);border:3px rgba(0,0,0,0) solid;position:relative}
.civilization .civilization-flags .flag:hover::after,.civilization .civilization-flags .flag.cur::after{content:'';display:block;width:120%;height:120%;position:absolute;top:-10%;left:-10%;z-index:-1;background-size:cover;background-image:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/flag-cur.png)}
.civilization .civilization-flags .flag1{background-image:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/civilization_1.png)}
.civilization .civilization-flags .flag2{background-image:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/civilization_2.png)}
.civilization .civilization-flags .flag3{background-image:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/civilization_3.png)}
.civilization .civilization-flags .flag4{background-image:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/civilization_4.png)}
.civilization .civilization-flags .flag5{background-image:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/civilization_5.png)}
.civilization .civilization-flags .flag6{background-image:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/civilization_6.png)}
.civilization .civilization-flags .flag7{background-image:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/civilization_7.png)}
.civilization .civilization-flags .flag8{background-image:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/civilization_8.png)}
.civilization .civilization-flags .flag9{background-image:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/civilization_9.png)}
.civilization .civilization-flags .flag10{background-image:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/civilization_10.png)}
.civilization .civilization-flags .flag11{background-image:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/civilization_11.png)}
.civilization .civilization-flags .flag12{background-image:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/civilization_12.png)}
.civilization .civilization-flags .flag13{background-image:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/civilization_13.png)}
.civilization .civilization-hreo{width:100%;height:100%;position:absolute;left:0;top:0}
.civilization .civilization-hreo img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero{background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/hero_bg.png) no-repeat center top;background-size:100%;position:relative;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.hero_title.title{position:absolute;z-index:2;left:50%;margin-left:-200px}
.hero_bar{background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/hero_line.png) no-repeat center top;width:1000px;height:100px;position:absolute;bottom:-20px;left:50%;margin-left:-500px;z-index:2}
.swiper-hero{height:100%}
.swiper-hero img{width:100%}
.player_btn{width:83px;height:132px;background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/K_video.png) no-repeat;background-size:cover;position:absolute;top:660px;right:42.7%;transform:scale(.9)}
.media{opacity:0;position:absolute;width:100px;height:280px;border:1px solid;z-index:1;left:52.5%;top:60%;cursor:pointer}
.skill{opacity:0;position:absolute;width:60px;height:62px;border:1px solid;z-index:9;right:32.5%;cursor:pointer}
.skill1{top:430px}
.skill2{top:500px}
.skill3{top:570px}
.skill4{top:640px}
.skill5{top:710px}
.swiper-container.swiper-avatar{position:absolute;z-index:3;bottom:-60px;left:50%;transform:translate(-50%);width:800px;height:180px;text-align:center}
.swiper-avatar .swiper-slide{width:120px;filter:saturate(.5);bottom:-40px}
.swiper-avatar .swiper-slide.swiper-slide-active{filter:saturate(1);bottom:0}
.swiper-avatar img{width:75%}
.swiper-avatar .swiper-slide.swiper-slide-prev,.swiper-avatar .swiper-slide.swiper-slide-next{bottom:-15px}
.avatar-arrow .swiper-arrow{width:43px;position:absolute;z-index:4;outline:none;cursor:pointer}
.avatar-arrow .swiper-arrow-prev{bottom:35.7px;left:44.5%}
.avatar-arrow .swiper-arrow-next{bottom:47px;width:54px;right:44.5%}
.feature{background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/feature_bg.png) no-repeat center center;background-size:cover;position:absolute;z-index:2}
.fame{background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/fame_bg.png) no-repeat center center;background-size:cover;position:absolute;z-index:2}
.menu{position:fixed;right:30px;top:50%;margin-top:-260px;width:130px;height:520px;background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/menu.png) no-repeat;background-size:cover;z-index:5}
.menu-list{width:120px;text-align:center}
.m_index{background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/m_index.png) no-repeat;width:76px;height:24px;position:absolute;top:-5px;cursor:pointer}
.m_index.active,.m_index.hover{background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/m_index_a.png) no-repeat;left:-4px}
.m_news{background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/m_news.png) no-repeat;width:126px;height:24px;position:absolute;left:0;top:35px;cursor:pointer}
.m_news.active,.m_news.hover{background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/m_news_a.png) no-repeat;left:-4px}
.m_civilization{background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/m_civilization.png) no-repeat;width:126px;height:24px;position:absolute;left:0;top:35px;cursor:pointer}
.m_civilization.active,.m_civilization.hover{background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/m_civilization_a.png) no-repeat;left:-4px}
.m_hero{background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/m_hero.png) no-repeat;width:124px;height:24px;position:absolute;left:0;top:75px;cursor:pointer}
.m_hero.active,.m_hero.hover{background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/m_hero_a.png) no-repeat;left:-4px}
.m_feature{background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/m_feature.png) no-repeat;width:125px;height:24px;position:absolute;left:0;top:115px;cursor:pointer}
.m_feature.active,.m_feature.hover{background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/m_feature_a.png) no-repeat;left:-4px}
.menu_qr_line{position:absolute;right:-15px;bottom:190px;width:120px;height:20px;background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/qr_bar.png) no-repeat;animation:qrBar 2s linear infinite alternate}
.menu_qrcode{width:95px;height:95px;background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/qr.png) no-repeat;background-size:100%;position:absolute;bottom:196px;right:7px}
.menu_btn{position:absolute;bottom:187px;right:0;width:120px;height:30px;border:1px solid;cursor:pointer;opacity:0}
.app_download{bottom:157px}
.and_download{bottom:124px}
.tap_download{bottom:90px}
.menu_player{width:95px;height:95px;position:absolute;bottom:-45px;left:20px;cursor:pointer}
.outer{position:absolute;top:0;left:0;width:100%;height:100%;animation:outer 5s linear infinite;background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/outer.png) no-repeat 50% 50%}
.inner{position:absolute;top:0;left:0;width:100%;height:100%;animation:inner 5s linear infinite;background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/inner.png) no-repeat 50% 50%}
.video_icon{position:absolute;top:9px;left:9px;width:76px;height:76px;background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/video_icon.png) no-repeat;background-size:cover}
.frame{width:1565px;height:613px;overflow:hidden;position:absolute;left:50%;top:50%;margin-top:-300px;margin-left:-783px;transform:scale(.7)}
.frame_bg{width:1565px;height:613px;position:absolute;left:50%;top:50%;transform:scale(.7);margin-top:-300px;margin-left:-783px;background:rgba(255,255,255,.1) url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/frame_bg.png) no-repeat}
.frame_cover{width:1565px;height:613px;position:absolute;left:50%;top:50%;transform:scale(.7);margin-top:-300px;margin-left:-783px;background:rgba(255,255,255,.1) url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/frame_cover.png) no-repeat}
.best-player{width:378.75px;height:593px;color:white;margin-top:10px;margin-left:10px;float:left;background:rgb(39,37,37)}
.player_image{width:100%;height:80%}
.player_image img{width:100%;height:100%;object-fit:cover}
.fame_img img{height:calc(378.75px * 0.8);width:100%}
.player_image img{width:100%;height:100%}
.player_profile{width:100%;height:12%;display:flex;align-items:center}
.player_icon{width:50px;height:50px;margin-left:10px}
.player_icon img{height:50px;width:50px;object-fit:cover;border-radius:5px}
.player_id{height:100%;width:100%;margin-left:10px;padding-top:10px;box-sizing:border-box;color:white;font-size:20px}
.player_content{width:100%;height:8%;display:flex;align-items:center;box-sizing:border-box;padding-left:10px;color:gray}
.player_content p{font-size:16px}
.fame_more_btn_container{width:1565px;height:50px;overflow:hidden;position:absolute;left:50%;top:50%;margin-top:270px;margin-left:-783px;transform:scale(.75);display:flex;justify-content:center;align-items:center}
.fame_more_btn{width:auto;height:30px}
.fame_more_btn img{cursor:pointer}
.accordion{width:1530px;height:581px;overflow:hidden;position:absolute;left:50%;top:50%;margin-left:-765px;margin-top:-240px;transform:scale(.8)}
.accordion_bg{width:1565px;height:613px;position:absolute;left:50%;top:50%;transform:scale(.8);margin-top:-257px;margin-left:-783px;background:rgba(255,255,255,.1) url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/feat_banner_bgl.png) no-repeat}
.accordion ul{width:100%;height:100%;overflow:hidden;float:left}
.accordion li{height:581px;width:124px;float:left;transition:width .4s;position:relative;cursor:pointer}
.accordion li.active{width:1033px;height:581px}
.accordion li span.cover{display:block;position:absolute;top:0;left:0;opacity:1;transition:opacity .4s}
.accordion li.active span.cover{opacity:0}
.accordion li span.cover img{width:124px;height:581px;object-fit:cover}
.angle{width:44px;height:41px;position:absolute;top:50%;left:50%;transform:scale(.8);z-index:2}
.angle1{background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/angle_tr.png) no-repeat;background-size:100%;margin-left:586px;margin-top:-200px}
.angle2{background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/angle_br.png) no-repeat;background-size:100%;margin-left:586px;margin-top:257px}
.angle3{width:39px;height:32px;background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/angle_tl.png) no-repeat;background-size:100%;margin-left:-630.5px;margin-top:-199px}
.angle4{width:39px;height:32px;background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/angle_bl.png) no-repeat;background-size:100%;margin-left:-630.5px;margin-top:264.5px}
.angle5{width:53px;height:16px;background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/angle_m.png) no-repeat;background-size:100%;margin-left:-631px;margin-top:36.5px}
.next{cursor:pointer;background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/arr_down.png) no-repeat;position:absolute;z-index:3;left:50%;margin-left:-40px;bottom:0;width:82px;height:90px;animation:next 2s infinite}
.skill_info{color:rgba(255,255,255,.8);padding:20px;border:1px solid #88b040}
.yellow_border{border:1px solid #e3a76d}
.skill_outer{z-index:7;width:20%;height:auto;position:absolute;right:11%;bottom:30%;color:rgba(255,255,255,.8);padding:3px;background:rgba(0,0,0,.6);background:linear-gradient(135deg,transparent 10px,rgba(0,0,0,.6) 0) top left,linear-gradient(-135deg,transparent 10px,rgba(0,0,0,.6) 0) top right,linear-gradient(-45deg,transparent 10px,rgba(0,0,0,.6) 0) bottom right,linear-gradient(45deg,transparent 10px,rgba(0,0,0,.6) 0) bottom left;background-size:50% 50%;background-repeat:no-repeat}
.out-rect{margin-top:30px;display:flex;align-items:center;justify-content:center;width:200px;height:80px;padding:5px;background:linear-gradient(-45deg,transparent 10px,#58a 0) top right;background-size:100% 100%;background-repeat:no-repeat}
.in-rect{width:100%;height:100%;background:linear-gradient(-45deg,transparent 8px,#fff 0) top right;background-size:100% 100%;background-repeat:no-repeat}
.skill_name{font-weight:bold;font-size:18px}
.skill_add{font-weight:bold;font-size:16px;margin:8px 0 5px 0}
.skill_need{font-weight:bold;font-size:14px;margin-bottom:3px}
.skill_effect1{font-size:12px}
.skill_effect2{font-size:12px}
.dark-bg,.common-bg{position:fixed;background-color:#000;opacity:0.85;width:100%;height:100%;z-index:9;top:0;left:0;right:0;bottom:0}
.video-wrap{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:960px;height:540px;padding:5px;background:#000;box-shadow:0 0 15px rgba(0,0,0,.8);z-index:10}
video{width:100%;outline:none}
.cp-btn{position:fixed;bottom:-2px;right:30px;width:200px;height:40px;line-height:40px;text-align:center;color:#8e8879;cursor:pointer;padding-right:20px;background:#181818 url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/copy_arr.png) no-repeat 180px 15px;border-radius:7px;z-index:8;transition:bottom .5s .5s}
.footer{z-index:10;position:fixed;width:100%;padding-top:20px;padding-bottom:20px;left:0;bottom:-255px;background:#000;border-top:4px solid #a08b56;text-align:center;color:#7f7f7f;line-height:25px;opacity:0}
.footer .logo{display:inline-block;margin-bottom:20px}
.footer a.icon-culture{display:inline-block;width:32px;height:32px;background-image:url(https://lilithimage.lilithcdn.com/aoc/pc/net_authentication.png?v=2019110114142535);background-repeat:no-repeat;background-position:center;vertical-align:middle;margin-right:5px}
.footer a{color:#fff}
.footer .close{width:64px;background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/dots.png) no-repeat 50% 72px;position:absolute;right:180px;top:-110px;height:110px}
.footer .close a{display:block;background:url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/close.png) no-repeat 50% 0;width:64px;height:64px}
.showDark{animation:showDark .5s ease forwards}
.hideDark{animation:hideDark .5s ease forwards}
.showFooter{animation:showFooter .6s ease-out forwards}
.hideFooter{animation:hideFooter .6s ease-out forwards}
@keyframes circle{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}@keyframes next{0%{opacity:1;bottom:20px}
100%{opacity:0;bottom:-10px}
}@keyframes showDark{0%{opacity:0}
100%{opacity:0.85}
}@keyframes hideDark{0%{opacity:0.85}
100%{opacity:0}
}@keyframes showFooter{0%{bottom:-255px;opacity:0}
100%{bottom:0px;opacity:1}
}@keyframes hideFooter{0%{bottom:0px;opacity:1}
50%{opacity:.2}
100%{bottom:-255px;opacity:0}
}@keyframes qrLine{0%{top:0}
100%{top:160px}
}@keyframes qrBar{0%{bottom:200px}
100%{bottom:275px}
}@keyframes scale{0%{transform:scale(.9)}
100%{transform:scale(1.2)}
}@keyframes outer{100%{transform:rotate(360deg)}
}@keyframes inner{100%{transform:rotate(-360deg)}
}@media screen and (max-width:1500px){.next{transform:scale(.4)}
.menu{transform:scale(.85)}
.title{padding-top:0}
.news_title img,.feature_title img,.hero_title img,.fame_title img{transform:scale(.7)}
.kv .logo{top:80px}
.kv .logo img{width:225px}
.kv_info{top:500px}
.kv .slogan{top:200px;transform:scale(.9)}
.kv .slogan img{width:1000px}
.kv_player{top:350px}
.news_list{font-size:24px}
.news_item{font-size:16px;margin:8px 0 8px -8px;padding-bottom:10px}
.news_item:first-child{font-size:22px;height:26px}
.swiper-news.swiper-container{position:absolute;left:11%;bottom:28%}
.news-page{left:11%}
.avatar-arrow .swiper-arrow-prev{left:43%;bottom:35.6px}
.avatar-arrow .swiper-arrow-next{right:43%;bottom:48px}
.swiper-container.swiper-avatar{bottom:-50px}
.swiper-avatar img{width:75%}
.swiper-avatar .swiper-slide{bottom:-50px}
.swiper-avatar .swiper-slide.swiper-slide-active{bottom:-10px}
.swiper-avatar .swiper-slide.swiper-slide-prev,.swiper-avatar .swiper-slide.swiper-slide-next{bottom:-25px}
.player_btn{transform:scale(.6);top:470px;right:42%}
.media{height:180px;top:450px}
.skill{width:46px;height:46px}
.skill1{top:322px}
.skill2{top:375px}
.skill3{top:428px}
.skill4{top:480px}
.skill5{top:534px}
.accordion{transform:scale(.6)}
.accordion_bg{transform:scale(.6)}
.angle{transform:scale(.6)}
.angle1{margin-left:434px;margin-top:-143px}
.angle2{margin-left:434px;margin-top:200px}
.angle3{margin-left:-477px;margin-top:-141px}
.angle4{margin-left:-478px;margin-top:207px}
.angle5{margin-left:-480px;margin-top:37.5px}
.next{transform:scale(.6)}
}@media screen and (max-width:1300px){.kv{background-size:cover}
.kv .logo img{width:225px}
.kv .slogan img{width:900px}
.kv_player{height:90px}
.civilization .civilization-flags{bottom:7%}
.swiper-hero{width:100%}
.swiper-hero img{width:100%}
.skill{width:48px;height:48px;right:32.4%}
.skill1{top:301px}
.skill2{top:352px}
.skill3{top:402px}
.skill4{top:452px}
.skill5{top:502px}
.skill_outer{bottom:40%;right:38%}
.media{left:51.6%;top:400px;height:180px}
.player_btn{transform:scale(.6);top:440px;right:41.8%}
}#news_particle{width:1920px;height:100%;left:50%;margin-left:-960px;top:0;position:absolute;pointer-events:none;z-index:3;background-color:transparent}
#hero_particle,#civilization_particle{width:1920px;height:100%;left:50%;margin-left:-960px;top:0;position:absolute;pointer-events:none;z-index:3;background-color:transparent}
.swiper-wrap{width:100%;height:100%}
table{border-spacing:0;vertical-align:middle;text-align:center;white-space:nowrap;word-wrap:normal;word-break:keep-all;position:relative;text-align:center;font-size:18px;overflow:hidden;display:table;margin:30px auto;max-width:100%;max-height:900px}
table{overflow-y:scroll;-webkit-overflow-scrolling:touch}
table,table thead,table tbody,table tbody tr:first-child{background-color:#8a6c43;color:#fff1cf}
table tbody tr{background-color:#f7e0c1;color:#8a6c43}
table tbody tr:nth-child(2n){background-color:#fff1de}
table thead,table tbody{overflow:scroll;max-width:911px;max-height:400px;display:block}
table td,table th{padding:5px 18px}
.line{}
.modal .content::-webkit-scrollbar,table::-webkit-scrollbar{}
.pro{
  width: 1000px;
  height: auto;
  margin: 0 auto;
  padding: 50px;
  position: relative;
  background: url("https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/table_01.png") no-repeat left top/contain,
        url("https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/table_03.png") no-repeat left bottom/contain,
        url("https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/table_02.png") repeat left top/contain;
}
.pro .info{min-height:auto}
.pro h4{color:#715d42;font-size:22px;margin-bottom: auto;}
.pro p{color:#715d42;font-size:18px;text-indent: 2em;}
img.pro_title{display:block;width:526px;margin:20px auto 50px}

.WanGuozhi {background: url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/wanguozhi.jpg) no-repeat center center;background-size: cover;position: absolute;z-index: 2}
.m_wanguozhi{width:127px;height:25px;position:absolute;left:-4px;top:153px;cursor:pointer;background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/m_wanguozhi.png);}
.m_wanguozhi.active,.m_wanguozhi.hover{background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/m_wanguozhi_a.png); left:-4px}
nav .wanguozhi_icon{display:inline-block;width:35px;height:28px;cursor:pointer;background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/icon-wanguozhi.png);filter: brightness(170%);}
nav .wanguozhi_icon:hover{background-image: url(https://lilithimage.lilithcdn.com/allgames-official-web/rok/cn/img/icon-wanguozhi_on.png);}
.wanguozhi_player {display: block; width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

body.official .pay_btn {
  display: none;
}
body.official .kv_info {
  width: 390px;
}
.fwbold{
  font-weight: bold;
}

body {
    position: relative;
    background: #fff;
  }
  .bg {
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
  }
  .kv_info {
    transform: translate(-50%, -50%);
    margin-left: auto;
  }