html{color:#1a1a1a;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body,section,h2,h3,h4,p,span{margin:0}
ol,ul{margin:0;padding:0}
li{list-style:none}
a{text-decoration:none;border:none;cursor:pointer}
a:active,a:hover {outline-width:0}
img{border:none;vertical-align:middle}
video{display:block;width:100%;height:auto;outline:0}
body{overflow-x:hidden;background:#ffffff}

@font-face {font-family:'fonts_1';src:url('//lilithimage.lilithcdn.com/roc/fonts/DINPro-Bold.otf?v=20190425123851');src:url("//lilithimage.lilithcdn.com/roc/fonts/DINPro-Bold.eot?v=20190425123851");src:url("//lilithimage.lilithcdn.com/roc/fonts/DINPro-Bold.eot?#iefix") format("embedded-opentype"),
url("//lilithimage.lilithcdn.com/roc/fonts/DINPro-Bold.woff?v=20190425123851") format("woff"),
url("//lilithimage.lilithcdn.com/roc/fonts/DINPro-Bold.ttf?v=20190425123851") format("truetype"),
url("//lilithimage.lilithcdn.com/roc/fonts/DINPro-Bold.svg#SentyZHAO?v=20190425123851") format("svg");font-style:normal;font-weight:normal}

@font-face {font-family:'fonts_2';src:url("//lilithimage.lilithcdn.com/roc/fonts/DINPro-Medium.otf?v=20190425123851");src:url("//lilithimage.lilithcdn.com/roc/fonts/DINPro-Medium.eot?v=20190425123851");src:url("//lilithimage.lilithcdn.com/roc/fonts/DINPro-Medium.eot?#iefix") format("embedded-opentype"),
url("//lilithimage.lilithcdn.com/roc/fonts/DINPro-Medium.woff?v=20190425123851") format("woff"),
url("//lilithimage.lilithcdn.com/roc/fonts/DINPro-Medium.ttf?v=20190425123851") format("truetype"),
url("//lilithimage.lilithcdn.com/roc/fonts/DINPro-Medium.svg#SentyZHAO?v=20190425123851") format("svg");font-style:normal;font-weight:normal}

@font-face {font-family:'fonts_3';src:url("//lilithimage.lilithcdn.com/roc/fonts/DINPro-Light.otf?v=20190425123851");src:url("//lilithimage.lilithcdn.com/roc/fonts/DINPro-Light.eot?v=20190425123851");src:url("//lilithimage.lilithcdn.com/roc/fonts/DINPro-Light.eot?#iefix") format("embedded-opentype"),
url("//lilithimage.lilithcdn.com/roc/fonts/DINPro-Light.woff?v=20190425123851") format("woff"),
url("//lilithimage.lilithcdn.com/roc/fonts/DINPro-Light.ttf?v=20190425123851") format("truetype"),
url("//lilithimage.lilithcdn.com/roc/fonts/DINPro-Light.svg#SentyZHAO?v=20190425123851") format("svg");font-style:normal;font-weight:normal}

.view {margin:0 auto;overflow:hidden;max-width:100vw;position:relative}
.header-container{width:100%;margin:0 auto;position:relative}
.slogan_png{position:absolute;width:1442px;top:30%;left:50%;margin-left:-721px;z-index:50}
.lan_ar .slogan_png{width:1112px;margin-left:-556px}
.slogan_gif{position:absolute;width:1079px;height:444px;top:30%;left:50%;margin-left:-540px;z-index:60}

.downtip {width:72px;height:53px;position:absolute;bottom:16px;left:50%;margin-left:-36px;z-index:10;cursor:pointer;background:url('//lilithimage.lilithcdn.com/roc/en/pc/imgs/v2/downtip.png?v=201809211119') no-repeat center;-webkit-animation:downup 1s infinite;-moz-animation:downup 1s infinite;-ms-animation:downup 1s infinite;-o-animation:downup 1s infinite;animation:downup 1s infinite}

.downtip:hover {-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-ms-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused}

@keyframes downup {0% {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}

50% {-webkit-transform:translate3d(0, 10px, 0);-moz-transform:translate3d(0, 10px, 0);-ms-transform:translate3d(0, 10px, 0);-o-transform:translate3d(0, 10px, 0);transform:translate3d(0, 0px, 10);}

100% {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}

.header-container .topbar {width:100%;background:rgba(20, 20, 20, .8);position:fixed;z-index:50}
.topbar .lilith-game-logo {display:block;width:211px;height:70px;margin-left:20px;background-image:url('../imgs/logo-new.png');background-position:center;background-repeat:no-repeat;background-size:100%}
.header-container .bg {width:100%;height:1080px;position:relative}
.bg #pc-bganimation {position:absolute;width:100%}
.downloading-list {display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:end;position:absolute;width:1484px;height:141px;left:50%;margin-left:-742px;bottom:150px;z-index:100}

.bg #pc-bganimation{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;  object-fit: fill; object-position:center;}

.bg .logo {
    top: 238px;
    position: relative;
    margin: 0 auto;
    display: block;
}
.bg .logo img{
    width: 434px;
}
.bg .video .cover{
    background-image: url(../imgs/pv.png);
    background-size: 200px;
    background-repeat: repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bg video{
    width: 100vw;
    height: 100vh;
    top: 0;
    position: absolute;
    left: 0;
    object-fit: fill;
    object-position:center;
}

.downloading-list li{margin:0 10px;transition:all 0.3s}
.downloading-list li.apple-store,.downloading-list .google-play {height:69px;width:233px}
.downloading-list .huawei{height:69px;width:226px}
.downloading-list li.pcdown {height:69px;width:222px}
.downloading-list li a {width:100%;height:100%;display:block;position:relative;color: #000;}
.downloading-list li a:hover{color: #000;}
.downloading-list li a img{width:100%;height:70px;max-width:100%}
.downloading-list li.pay-btn { display: none; }
.downloading-list li.pay-btn a img{height:141px}

.mac_tips{position:absolute;left:50%;bottom: 83px;width:312px;margin-left:-156px;opacity:0;transition: all 0.3s}
.mac_tips .infos{text-align:center;font-size:14px;line-height:20px;padding:15px 10px;background-color:rgb(0,0,0,0.6);border-radius:8px;color:#fff}
.mac_tips .jiantou{position:absolute;left:50%;margin-left:-8px;background:url(/assets/en/imgs/pc/tishi_jiantou.png);width:15px;height:7px;bottom:-7px;}

.mod-responsive .macdown_btn:hover .mac_tips{opacity:1}

.vn-download {width:auto;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);margin-left:0}
.vn-download .google-play {margin:0 0 0 60px}


.introduction-container {width:100%;height:840px;margin:0 auto;position:relative;background:url('https://lilithimage.lilithcdn.com/roc/en/pc/imgs/v2/beijing.png');background-position:50% 100%;background-repeat:no-repeat;background-size:100%}
.introduction-container section .logo {display:block;padding-top:100px;margin-left:auto;margin-right:auto;height:188px;width:426px}
.introduction-container section h2 {font-size:64px;text-align:center;margin-bottom:34px;margin-top:50px}
.introduction-container section h3 {font-size:40px;text-align:center}
.introduction-container section span,.introduction-container section p {display: block; font-size:30px;text-align:center;color:rgba(0, 0, 0, 0.7);margin-top:10px}
.introduction-container section .p2 {padding-bottom:97px}
.features-box {width:100%;height:960px;margin:0 auto;padding:100px 150px;position:relative;box-sizing:border-box;background-color:#fff}
.features-box .swiper-container .swiper-slide section {width:1610px;height:500px;margin-left:auto;margin-right:auto;background:#fff}
.features-box .swiper-container .swiper-slide section .content {width:900px;float:left;height:500px;padding:0 100px;box-sizing:border-box}
.features-box .swiper-container .swiper-slide section .content h3 {margin-top:150px;text-align:center;font-size:36px;}
li.intro-list-li {float:left;margin-right:20px;cursor:pointer}
li.intro-list-li div {width:308px;height:218px;overflow:hidden;border:1px solid #000;box-sizing:border-box}

li.intro-list-li div:hover img {transform:translateZ(0) scale(1.1)}
li.intro-list-li p {width:308px;font-weight:bold;color:#000;text-align:center;margin-top:10px;font-size:18px;}
.intro-list-ul .intro-list-li:last-child {margin:0}
li.intro-list-li img {width:308px;height:auto;transition:all 1s;transform:translateZ(0) scale(1);transition-timing-function:ease}
.features-box .swiper-container .swiper-slide section .content p {text-align:center;font-size:24px;color:rgba(0, 0, 0, 0.7);margin-top:20px}
.features-box .swiper-container .swiper-slide section img {width:632px;float:right;height:auto}
.features-box .swiper-container .swiper-button-prev {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23c3c3c3'%2F%3E%3C%2Fsvg%3E")}

.features-box .swiper-container .swiper-button-next {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23c3c3c3'%2F%3E%3C%2Fsvg%3E")}

.features-box .swiper-container .swiper-pagination {bottom:10%;width:43.334%}
.features-box .swiper-container .swiper-pagination span {background-color:#c3c3c3;opacity:1;width:16px;height:16px}
.features-box .swiper-container .swiper-pagination .swiper-pagination-bullet-active {opacity:0.2}
.video-container {width:100%;margin:0 auto;position:relative;background:url(https://lilithimage.lilithcdn.com/roc/en/pc/imgs/v2/bg2.png?v=1) no-repeat center;background-size:100% 100%;padding-bottom:90px}
.video-container .content {width:1620px;margin:0 auto;height:160px;overflow:hidden}
.video-container .content_ul {width:1157px;height:27px;margin:0 auto}
.video-container .content h2 {font-size:36px;float:left;margin-top:85px;color:#000}
.video-container .content_ul ul {height:27px;float:right;justify-content:center;display:flex}
.video-container .content_ul ul li {height:100%;margin-left:20px}
.video-container .content_ul ul li a {display:block;height:100%;width:100%}
.video-container .content_ul ul .twitter {margin-left:28px}
.video-container .content_ul .share-list a{background-position:0 0;background-repeat:no-repeat;background-size:contain;color:#e26f6e;font-size:24px}
.video-container .content_ul .share-list .facebook a {background-image:url('/assets/en/imgs/pc/f_icon.png');padding-left:18px}
.video-container .content_ul .share-list .twitter a {background-image:url('/assets/en/imgs/pc/t_icon.png');padding-left:37px}

/*add other lan*/
.video-container .content_ul .share-list .ytb_red_icon a{background-image:url('/assets/en/imgs/pc/ytb_red_icon.png');padding-left:48px}
/* ru vk*/
.video-container .content_ul .share-list .ru_vk_red a{background-image:url('/assets/en/imgs/pc/vk_r_icon.png');padding-left:40px}

.video-container .video-area {position:relative;overflow:hidden;width:1157px;height:650px;margin-top:24px;margin-left:auto;margin-right:auto;padding-bottom:30px}
.video-container .video-area .btn-player1 {width:100%}
.btn-player-poster {width:100%}
.video-container .video-area .btn-player1 img.btn-player-circle {width:200px;height:200px;display:block;position:absolute;top:50%;margin-top:-100px;left:50%;margin-left:-100px;cursor:pointer}
.mediaEvaluation-box {width:100%;height:725px;background:#fff;padding:70px 150px;margin:0 auto;box-sizing:border-box;position:relative;background:url(https://lilithimage.lilithcdn.com/roc/en/pc/imgs/v2/bg3.png?v=1) no-repeat center;background-size:100% 100%}
.swiper-container-w {height:470px;width:1608px;margin:0 auto}
.wtps {font-size:36px;margin:10px 0;color:#000;margin-bottom:50px}
.mediaEvaluation-box .swiper-container {width:100%;height:100%;position:relative}


.mediaEvaluation-box .swiper-container .swiper-wrapper .swiper-slide section {width:100%;height:100%;box-sizing:border-box;text-align:center}
.mediaEvaluation-box .swiper-container .swiper-wrapper .swiper-slide section h3 {font-size:48px;margin-top:92px;color:#fff}
.mediaEvaluation-box .swiper-container .swiper-wrapper .swiper-slide .TouchTapPlay img {width:176px;height:106px;margin-top:10px;margin-bottom:20px}
.mediaEvaluation-box .swiper-container .swiper-wrapper .swiper-slide .AppAdvice img {width:300px;height:auto;margin-top:10px;margin-bottom:10px}
.mediaEvaluation-box .swiper-container .swiper-wrapper .swiper-slide .GameZeBo img {width:352px;height:auto;margin-top:10px;margin-bottom:20px}
.mediaEvaluation-box .swiper-container .swiper-wrapper .swiper-slide .DroidGamers img {width:312px;height:auto;margin-top:10px;margin-bottom:20px}
.mediaEvaluation-box .swiper-container .swiper-wrapper .swiper-slide section h4 {font-size:36px;color:#000;margin:5px 0;margin-bottom:20px}
.mediaEvaluation-box .swiper-container .swiper-wrapper .swiper-slide section p {font-size:22px;margin-top:10px;color:rgba(0, 0, 0, 0.7);line-height:35px;width:800px;margin:0 auto}
.mediaEvaluation-box .swiper-container .swiper-wrapper .swiper-slide section a {display:inline-block;font-size:22px;color:rgba(0, 0, 0, 0.9);transition:all 0.3s;cursor:pointer;position:absolute;bottom:70px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
.mediaEvaluation-box .swiper-container .swiper-wrapper .swiper-slide section a:hover {color:rgba(0, 0, 0, 1)}
.mediaEvaluation-box .swiper-container .swiper-wrapper .swiper-slide .GameZeBo a {margin-top:64px}
.mediaEvaluation-box .swiper-container .swiper-pagination {bottom:20px;box-sizing:border-box;text-align:center}
.mediaEvaluation-box .swiper-container .swiper-pagination span {width:10px;height:10px;transition:all 0.3s;border-radius:5px}
.mediaEvaluation-box .swiper-wrapper {transition-timing-function:ease-in-out}
.developmentStory-container {width:100%;height:747px;padding:80px 150px;box-sizing:border-box;margin:0 auto;position:relative;background:url(https://lilithimage.lilithcdn.com/roc/en/pc/imgs/v2/bg4.png?v=123) no-repeat center;background-size:100% 100%}
.mediaEvaluation-box .swiper-pagination-white .swiper-pagination-bullet-active {width:35px}
.developmentStory-container .story-left {width:960px;height:659px;float:left;overflow:hidden}
.developmentStory-container>h2 {font-size:36px;text-align:left;position:relative;padding-bottom:50px}
.developmentStory-container>h2 span {width:34px;height:34px;display:inline-block;background:url(https://lilithimage.lilithcdn.com/roc/en/pc/imgs/v2/in1.png) no-repeat center;background-size:contain;cursor:pointer;position:absolute;margin-left:10px;top:7px}
.developmentStory-container .swiper-container {height:380px;width:100%}
.developmentStory-container .swiper-container .story-left {float:left;height:100%;width:auto;padding-left:2px}
.developmentStory-container .swiper-container .story-right {float:right;height:100%;width:55%;padding:0px 50px;box-sizing:border-box}
.developmentStory-container .story-right h3 {font-size:26px;text-align:left}
.developmentStory-container .story-right p {font-size:24px;color:rgba(0, 0, 0, 0.7);/* width:724px; */padding-top:52px;margin-top:25px;padding-left:60px;position:relative}
.developmentStory-container .story-right p::before {content:'';display:block;width:45px;height:45px;;background:url(https://lilithimage.lilithcdn.com/roc/en/pc/imgs/v2/yinhao.png) no-repeat center;background-size:contain;left:0;top:0;position:absolute}
.developmentStory-container .story-right {width:960px;height:659px;float:left}
.developmentStory-container .story-right img {display:block;width:800px;height:469px;margin-top:190px}
p.paginations {text-align:center;height:30px;line-height:30px;margin-top:60px;letter-spacing:2px;}

p.paginations>span {display:inline-block;height:30px;vertical-align:top;color:#888}
p.paginations>span.prev1 {display:inline-block;height:20px;width:20px;background:url(https://lilithimage.lilithcdn.com/roc/en/pc/imgs/v2/zuojiantou.png) no-repeat center;background-size:contain;vertical-align:middle;margin-right:10px;cursor:pointer}
p.paginations>span.curr {font-size:32px;color:#000;font-weight:bold;margin-right:5px}
p.paginations>span.next1 {display:inline-block;height:20px;width:20px;background:url(https://lilithimage.lilithcdn.com/roc/en/pc/imgs/v2/zuojiantou%20copy.png) no-repeat center;background-size:contain;vertical-align:middle;margin-left:10px;cursor:pointer}
.hideStory-box {display:none}
.mediaEvaluation-box .swiper-container .swiper-pagination-white .swiper-pagination-bullet {background:#000;opacity:0.5;cursor:pointer}
.mediaEvaluation-box .swiper-container .swiper-pagination-white .swiper-pagination-bullet-active {background:#000;opacity:1}
.hideStory-box .developmentStory-container1 {width:100vw;margin:0 auto;position:relative;background-color:#ffffff}
.hideStory-box .developmentStory-container1 .story-left {width:960px;height:582px;float:left;overflow:hidden}
.hideStory-box .developmentStory-container1 .story-left img {display:block;width:695px;height:368px;margin-left:auto;margin-right:auto;margin-top:100px}
.hideStory-box .developmentStory-container1 .story-right {width:960px;height:582px;float:left}
.hideStory-box .developmentStory-container1 .story-right h3 {font-size:26px;font-style:italic;margin-top:100px;width:800px}
.hideStory-box .developmentStory-container1 .story-right p {font-size:24px;color:#c4c4c4;width:800px;margin-top:52px}
.hideStory-box .developmentStory-container2 {width:100vw;margin:0 auto;position:relative;background-color:#fff}
.hideStory-box .developmentStory-container2 .story-left {width:960px;height:550px;float:left;overflow:hidden}
.hideStory-box .developmentStory-container2 .story-left h3 {font-size:26px;font-style:italic;width:724px;margin-left:auto;margin-right:auto;margin-top:100px}
.hideStory-box .developmentStory-container2 .story-left p {font-size:24px;color:#c4c4c4;width:724px;margin-top:52px;margin-left:auto;margin-right:auto}
.hideStory-box .developmentStory-container2 .story-right {width:960px;height:550px;float:left}
.hideStory-box .developmentStory-container2 .story-right img {display:block;width:800px;height:450px;margin-top:100px}
.hideStory-box .developmentStory-container3 {width:100vw;margin:0 auto;position:relative;background-color:#fff}
.hideStory-box .developmentStory-container3 .story-left {width:960px;height:505px;float:left;overflow:hidden}
.hideStory-box .developmentStory-container3 .story-left img {display:block;width:766px;height:405px;margin-left:auto;margin-right:auto;margin-top:100px}
.hideStory-box .developmentStory-container3 .story-right {width:960px;height:505px;float:left}
.hideStory-box .developmentStory-container3 .story-right h3 {font-size:26px;font-style:italic;width:800px;margin-top:100px}
.hideStory-box .developmentStory-container3 .story-right p {font-size:24px;color:#c4c4c4;width:800px;margin-top:52px}
.hideStory-box .developmentStory-container4 {width:100vw;margin:0 auto;position:relative;background-color:#fff}
.hideStory-box .developmentStory-container4 .story-left {width:960px;height:501px;float:left;overflow:hidden}
.hideStory-box .developmentStory-container4 .story-left h3 {font-size:26px;font-style:italic;width:724px;margin-left:auto;margin-right:auto;margin-top:100px}
.hideStory-box .developmentStory-container4 .story-left p {font-size:24px;color:#c4c4c4;width:724px;margin-top:52px;margin-left:auto;margin-right:auto}
.hideStory-box .developmentStory-container4 .story-right {width:960px;height:501px;float:left}
.hideStory-box .developmentStory-container4 .story-right img {display:block;width:757px;height:401px;margin-top:100px}
.story-box {width:100vw;margin:0 auto;position:relative;background-color:#ffffff;overflow:hidden}
.story-box .control-content {position:relative;width:302px;height:48px;border:#c9c9c9 2px solid;border-radius:4px;margin-left:auto;margin-right:auto;margin-top:34px;margin-bottom:34px}
.story-box .control-content a {display:block;color:#000000;width:100%;height:100%;font-size:20px;line-height:48px;padding-left:14px}
.story-box .control-content a img {display:inline-block;position:absolute;right:14px;top:50%;margin-top:-7px;width:24px;height:15px}
.rotate {transform-origin:center center;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transition:transform 0.1s;-moz-transition:-moz-transform 0.1s;-moz-transition:-moz-transform 0.1s;-o-transition:-o-transform 0.1s;-ms-transition:-ms-transform 0.1s}
.rotate1 {transform-origin:center center;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transition:transform 0.2s;-moz-transition:-moz-transform 0.1s;-moz-transition:-moz-transform 0.1s;-o-transition:-o-transform 0.1s;-ms-transition:-ms-transform 0.1s}
.community-container {width:100%;position:relative;overflow:hidden;background:#222;color:#fff ;padding:50px 0;padding-bottom:0}

.community-container .community-left {overflow:hidden;height:100%;width:25%;float:left;position:relative}

.community-container .community-left img {width:100%;height:auto;vertical-align:top}

.community-container .community-right {overflow:hidden;height:100%;position:relative;padding-left:50px;box-sizing:border-box}

.community-container .community-right .downloading-list{margin-left:0;left:40px;bottom:123px;width: calc(100% - 150px);}

.community-container .community-right .community-links {width:100%;overflow:hidden;position:relative;padding-bottom:30px}

.community-container .community-right .community-links h2 {font-size:40px;margin-top:20px}

.community-container .community-right .community-links .link-list {display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:72px;margin-top:30px}

.community-container .community-right .community-links .link-list li {border:2px solid rgba(255, 255, 255, 0.3);border-radius:10px;width:274px;height:66px;color:#fff;padding:15px 20px;box-sizing:border-box;transition:all 0.3s;position:relative}

.community-container .community-right .community-links .link-list li:hover {border:2px solid rgba(255, 255, 255, 1)}

.community-container .community-right .community-links .link-list .forums {margin-right:30px}

.link-icon,
.link-right {height:100%;width:auto;vertical-align:top}

.link-right {float:right}

.community-container .community-right .community-links .link-list .reddit {margin-right:30px}

.community-container .community-right .community-links .link-list li a {height:100%;font-size:22px;color:#fff;line-height:30px;/* margin-left:15px; */
/* text-align:center; */
display:block;width:100%;position:absolute;left:0;top:0;padding:15px 30px;box-sizing:border-box;padding-left:70px}

.community-container .community-right .community-links .link-list li a span {padding-left:20px;color:#a9a9a9}

.community-right hr {height:2px;color:#a9a9a9;width:100%;background-color:#a9a9a9;border:none;margin:0}

.community-container .community-right .community-share {width:100%;height:352px;overflow:hidden;position:relative}

.community-container .community-right .community-share .title {font-size:20px;font-family:DINProMedium}

.community-container .community-right .community-share .content {font-size:24px;font-weight:300;color:#c4c4c4;margin-top:22px}

.community-container .community-right .community-share .share-list {width:100%;height:44px;margin-top:12px}

.community-container .community-right .community-share .share-list li {width:35px;height:100%;float:left;margin-right:20px}

.community-container .community-right .community-share .share-list li a {display:block;width:100%;transition:all 0.3s;height:100%;transition:all 0.3s}



.community-container .community-right .community-share .share-facebook a {background:url('https://lilithimage.lilithcdn.com/roc/en/pc/imgs/v2/facebook.png');background-position:center;background-repeat:no-repeat;background-size:contain}

/* .community-container .community-right .community-share .share-facebook a:hover {background:url(https://lilithimage.lilithcdn.com/roc/en/pc/imgs/v2/facebook%20copy%202.png);background-position:center;background-repeat:no-repeat;background-size:contain} */

.community-container .community-right .community-share .share-youtube a {background:url('https://lilithimage.lilithcdn.com/roc/en/pc/imgs/v2/youtube.png');background-position:center;background-repeat:no-repeat;background-size:contain}

/* .community-container .community-right .community-share .share-youtube a:hover {background:url(https://lilithimage.lilithcdn.com/roc/en/pc/imgs/v2/youtube%20copy%202.png);background-position:center;background-repeat:no-repeat;background-size:contain} */
.community-container .community-right .community-share .share-twitter a {background:url('https://lilithimage.lilithcdn.com/roc/en/pc/imgs/v2/twitter.png');background-position:center;background-repeat:no-repeat;background-size:contain;
}

/* .community-container .community-right .community-share .share-twitter a:hover {background:url(https://lilithimage.lilithcdn.com/roc/en/pc/imgs/v2/twitter%20copy%202.png);background-position:center;background-repeat:no-repeat;background-size:contain} */

.community-container .community-right .community-share .share-ins a {background:url('https://lilithimage.lilithcdn.com/roc/en/pc/imgs/v2/instagram.png');background-position:center;background-repeat:no-repeat;background-size:contain}
/* .community-container .community-right .community-share .share-ins a:hover {background:url(https://lilithimage.lilithcdn.com/roc/en/pc/imgs/v2/instagram%20%EF%BC%88%E5%BD%A9%E8%89%B2%EF%BC%89.png);background-position:center;background-repeat:no-repeat;background-size:contain} */

.community-container .community-right .community-share .share-list li a:hover {opacity:0.6}
.download-area {width:100vw;height:246px;position:relative;background:#3b3b3b}

.download-area .downloading-list {display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:absolute;width:720px;height:75px;left:50%;top:50%;margin-left:-360px;margin-top:-42px}

.download-area li {height:100%;width:284px}
.download-area li a {width:100%;height:100%;display:block}
.download-area .google-play a {background:url('http://lilithimage.lilithcdn.com/roc/en/pc/imgs/v2/banner_google.png');background-position:center;background-repeat:no-repeat;background-size:contain}
.download-area .apple-store a {background:url('http://lilithimage.lilithcdn.com/roc/en/pc/imgs/v2/banner_app.png');background-position:center;background-repeat:no-repeat;background-size:contain}
.download-area .presskit-link {display:block;position:absolute;bottom:20px;right:40px;font-size:20px;color:#ffffff}
.download-area .presskit-link:hover {color:#dc143c}
.download-area .presskit-link span {padding-left:10px}
footer {width:80%;margin:0 auto;border-top:1px solid #333;height:192px;/* background:#000000; */
display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-box;display:-moz-flex;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-moz-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-moz-justify-content:center;-ms-flex-pack:center;justify-content:center}
footer .footer-main {margin:0 auto;font-size:14px;color:#a9a9a9;text-align:center}
footer .footer-main .lilith-game {position:absolute;display:block;width:52px;height:50px}
.footer-main>p {line-height:50px}
.footer-main>p>a {margin:0 10px;font-size:14px;color:#e8e8e8}

.footer-main>p>a:hover {color:#dc143c}
.end {width:100vw;margin:0 auto;position:relative;background-color:#ffffff;overflow:hidden;height:0}
.modal {position:fixed;z-index:100;left:0;right:0;top:0;bottom:0;background:rgba(0, 0, 0, 0.8);display:none}
.modal-video {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:100%;max-width:800px;display:none}

.mv-wrap,.mv-wrap video {width:100%}
.modal-video .modal-close {margin-right:-9px}

.modal-close {float:right;margin-right:20px;margin-top:20px;cursor:pointer;width:66px;height:66px;background:url('//lilithimage.lilithcdn.com/roc/en/pc/imgs/pop_close.png?v=201809211119') 20px 16px no-repeat;transition:all 1s;-webkit-transition:all 1s}

.modal-close:hover {opacity:.8;transform:scale3d(1.02, 1.02, 1.02);-webkit-transform:scale3d(1.02, 1.02, 1.02)}

ul.sns{position:absolute;right:300px;top:26px;z-index:60;height:47px}
ul.sns 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");
}
ul.sns li{
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}
ul.sns svg{
    fill: #f7e0c1;
    vertical-align: middle;
}
ul.sns li:hover svg{
    fill: #fff;
}
ul.sns li a.fb svg{
    /* background-image: url(../imgs/facebook.png); */
    width: 30px;
    /* height: 25px; */
    /* background-size: 25px; */
    /* background-repeat: no-repeat; */
    /* background-position: 50%; */
    vertical-align: middle;
    display: inline-block;
}
ul.sns li a.tw{
    /* background-image: url(../imgs/twitter.png); */
    /* width: 25px; */
    /* height: 25px; */
    /* background-size: 25px; */
    /* background-repeat: no-repeat; */
    /* background-position: 50%; */
    vertical-align: middle;
    display: inline-block;
}
ul.sns li a.you{
    /* background-image: url(../imgs/youtube.png); */
    /* width: 22.5px; */
    /* height: 25px; */
    /* background-size: 22.5px; */
    /* background-repeat: no-repeat; */
    /* background-position: 50%; */
    vertical-align: middle;
    display: inline-block;
}
ul.sns li a.ins{
    /* background-image: url(../imgs/instagram.png); */
    /* width: 25px; */
    /* height: 25px; */
    /* background-size: 25px; */
    /* background-repeat: no-repeat; */
    /* background-position: 50%; */
    vertical-align: middle;
    display: inline-block;
}
ul.sns li a.dis svg,
ul.sns li a.pro svg{
    /* background-image: url(../imgs/discord.png); */
    width: 25px;
    /* height: 25px; */
    /* background-size: 25px; */
    /* background-repeat: no-repeat; */
    /* background-position: 50%; */
    vertical-align: middle;
    display: inline-block;
}
ul.sns li a.reb{
    /* background-image: url(../imgs/reddit-alien.png); */
    /* width: 25px; */
    /* height: 25px; */
    /* background-size: 25px; */
    /* background-repeat: no-repeat; */
    /* background-position: 50%; */
    vertical-align: middle;
    display: inline-block;
}
/* sans  */
.local-container{position:absolute;right:100px;top:26px;z-index:60;width:165px;height:47px}
.local-container::after{content:'';background:url(../../en/imgs/pc/jiantou_xia.png);width:14px;height:8px;top:7px;right:15px;position:absolute}
.topnav_lan{position:absolute;right:33px;top:0;z-index:59;color: #fff;font-size:16px;font-weight:700;width:105px;text-align:center}
.change-lan .topnav-lan-box{background-color:#fff;border-radius:10px;padding:20px;}
.change-lan .topnav-lan-box::before{content:"";background:url(../../en/imgs/pc/jiantou_up.png);width:28px;height:28px;top:-28px;right:30px;}
.lang-menu{background-color:#FFF;overflow-y:hidden;width:168px;border-radius:20px;padding-top:41px;padding-bottom:10px;position:absolute;top:45px;display:none}
.local-container .lang-menu.active{display:block}
.lang-menu li {background-color:transparent;padding-left:45px;padding-right:20px;height:30px;line-height:30px;color:#000;font-weight:700}
.lang-menu li:hover{color:#585555;background:url(../../en/imgs/pc/gouxuan.png) no-repeat 20px center}
.lang-menu::before{content:'CHANGE LANGUAGE';position:absolute;left:0;top:10px;color:#b5b5b5;font-size:12px;height:30px;width:100%;text-align:center;}



/* add pc info for 2022-3.31 */
.pcvideobox{height:786px;background:url(../../en/imgs/pc/pvinfo-bg.jpg);background-repeat:no-repeat;width:100%;margin:0 auto;position: relative; overflow: hidden;}


.shebei_video{transition:all 0.3s;position:absolute;overflow:hidden;width:450px;height:211px;right:105px;top:109px;border-radius:32px;z-index:20}

.shebei_video video{width:100%;height:100%;object-fit:cover}

.shebeiimg {position:absolute;right:100px;top:100px}
.shebeiimg div{opacity:0;transition:all 0.3s;background-repeat:no-repeat;position:absolute;right:0;top:0}
div.iphoneimg{background-image:url(../../en/imgs/pc/iPhone.png);width:461px;height:228px;opacity:1;z-index:5}
div.ipadimg{background-image:url(../../en/imgs/pc/ipad_img.png);width:461px;height:352px;z-index:10}
div.desktopimg{background-image:url(../../en/imgs/pc/desktop_img.png);width:615px;height:561px;z-index:15}


.iphone_cur .shebei_video{width:450px;height:211px;right:105px;top:109px;border-radius:32px}
.ipad_cur .shebei_video{width:450px;height:341px;right:104px;top:106px;border-radius:17px}
.desktop_cur .shebei_video{width:605px;height:340px;right:104px;top:105px;border-radius:12px}
.all_cur .shebei_video{width:100%;height:100%;background-image:none;position:absolute;right:0;top:0;border-radius:0}

.ipadbox,.pcbox{opacity:0;position:absolute;transition:opacity .3s cubic-bezier(.645,.45,.355,1);width:100%}

.pcvideobox .infoxinxi{text-align:center;height:100%;position:absolute;width:100%;z-index:40;transition:all .3s cubic-bezier(.645,.45,.355,1);opacity:0;background-color:rgba(0, 0, 0, 0.7);align-items:center;vertical-align:middle;display:flex;justify-content:center;left:0;top:0}
.pcvideobox .infoxinxi p{font-size:100px;color:#fff}

.iphone_cur .iphoneimg,.ipad_cur .ipadimg,.desktop_cur .desktopimg,.all_cur .infoxinxi{opacity:1}

.video_xx_left{position:absolute;top:140px;left:100px;width:1070px;color:#343434}
.pc_info_t{font-size:40px}
.pc_info_strong{font-size:76px;font-weight:700}
.pc_info_list{font-size:36px;padding-bottom:20px}
.pc_info_dt{font-size:18px}


.community-share .share-list-other{width: 100%;height: 44px;margin-top: 12px}
.community-share .share-list-other li {width:35px;height: 100%;float: left;margin-right:20px}
.community-share .share-list-other a{background-position:0 0;background-repeat:no-repeat;background-size:contain;color:#e26f6e;font-size:25px;width:100%;height:100%;display:block;transition:all 0.3s}
.community-share .share-list-other .share-o-facebook a {background-image:url('/assets/en/imgs/pc/facebook_a.png')}
.community-share .share-list-other .share-o-facebook-group a {background-image:url('/assets/en/imgs/pc/facebook-group.png')}
.community-share .share-list-other .share-o-youtube a {background-image:url('/assets/en/imgs/pc/youtube.png');background-position: 0 5px}
.community-share .share-list-other .ru_vk_white a{background-image:url('/assets/en/imgs/pc/vk_w_icon.png');}
.community-share .share-list-other a:hover {opacity: 0.6}


/* ar lan */
.lan_ar .video_xx_left,.lan_ar  .infoxinxi p,.lan_ar .introduction-container,.lan_ar .features-box .content ,.lan_ar .share-list span ,.lan_ar  .swiper-container-w .swiper-slide p,.lan_ar .swiper-container-w .swiper-slide a span
.lan_ar .developmentStory-container h2,.lan_ar .developmentStory-container .story-right h3,.lan_ar .developmentStory-container .story-right p,.lan_ar .mediaEvaluation-box .swiper-slide p{direction:rtl}


/* add 23.7.19 */
/* .tips_ytb{position: fixed;z-index: 100;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, 0.8);display:block}
.ytb_box{width:1190px;height:693px;position: absolute;left:50%;margin-left:-595px;top:50%;margin-top:-346.5px;padding:9px 13px;border:1px #8a7a56 solid}
.ytb_box ul{display:flex;justify-content:space-between;}
.ytb_box li{width:390px;height:693px;position: relative}
.ytb_box li span{display:inline-block;position:absolute;left:50%;bottom:137px;height:43px;z-index:10}
.ytb_list0 span{background-image:url('/assets/en/imgs/pc/tips_link1.png');width:255px;margin-left:-127.5px}
.ytb_list0 a:hover span,.ytb_list0.on a span{transition: 0.2s;background-image:url('/assets/en/imgs/pc/tips_link1_hover.png')}

.ytb_list1 span{background-image:url('/assets/en/imgs/pc/tips_link2.png');width:305px;margin-left:-152.5px}
.ytb_list1 a:hover span,.ytb_list1.on a span{transition: 0.2s;background-image:url('/assets/en/imgs/pc/tips_link2_hover.png')}

.ytb_list2 span{background-image:url('/assets/en/imgs/pc/tips_link3.png');width:324px;margin-left:-162px}
.ytb_list2 a:hover span,.ytb_list2.on a span{transition: 0.2s;background-image:url('/assets/en/imgs/pc/tips_link3_hover.png')}

.ytb_box .close_ytb{display:block;width:86px;height:92px;position:absolute;right:-40px;top:-46px;cursor:pointer;background-image:url('/assets/en/imgs/pc/tips_close.png');z-index:10;transition:all 0.3s}
.ytb_box .close_ytb:hover{transform:rotate(-180deg)}

.ytb_box .slogan_t{display:block;width:908px;height:200px;position:absolute;top:50%;left:50%;background-image:url('/assets/en/imgs/pc/tips_slogan.png');z-index:20;margin-left:-454px;margin-top:-130px;}

.ytb_box li img{position:absolute;left:0;top:0;z-index:1}
.ytb_box li .tmbg{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;background: rgba(0, 0, 0, 0.74);transition: 0.2s}
.ytb_box li .hover{position: absolute;left:0;top:0;z-index:50;width:100%;height:100%}

.ytb_box li.on .tmbg{opacity:0;transition: 0.2s}

.tips_ytb.hide .ytb_box{transition:0.8s;transform:translateX(-150%)} */

/* add 23.9.12 */
ul.sns li a.wgz .wanguozhi_icon{display: block; width: 35px; height: 28px; background: url('/assets/en/imgs/pc/icon-wanguozhi.png') no-repeat center;filter: brightness(170%)}
ul.sns li a.wgz .wanguozhi_icon:hover{background: url('/assets/en/imgs/pc/icon-wanguozhi_on.png') no-repeat center;}
.part2{width: 100%;height: 1080px;margin: 0 auto;position: relative;background: url('/assets/en/imgs/pc/wanguozhi_bg.jpg') no-repeat center;background-size: cover}
.part2 .wanguozhi_btn{display: block; width: 100%; height: 100%; margin: 0 auto; position: relative;}
.wanguozhi_png{position: absolute;width: 543px;top: 61%;left: 50%;margin-left: -274px;z-index: 40;}