@charset "UTF-8";
/*! Project:m86434, Create:杨丽萍 2020.03.10 09:58, Update:杨丽萍 2020.03.12 11:55 */ 

a{color:#fff;text-decoration:none}
a:hover{text-decoration:none}
input:focus,textarea:focus{outline:0}
-ms-input-placeholder,::-webkit-input-placeholder{color:#9a9a9a}
textarea{resize:none}
body{position:relative;width:100%;background:url(../images/bg-01.jpg) no-repeat center 0;color:#fff;font-size:16px;overflow:hidden;overflow-y:auto}
.g-wrap{position:relative;width:100%;margin:0 auto;background-repeat:no-repeat;background-position:center 0}
.g-wrap--01{height:1338px;background-image:url(../images/bg-02.jpg);background-position:center 600px}
.g-wrap--02{height:1025px;background-image:url(../images/bg-03.jpg)}
.g-wrap--03{height:850px;background-image:url(../images/bg-04.jpg)}
.g-wrap--04{height:1000px;background-image:url(../images/bg-05.jpg)}
.g-wrap--05{height:1410px;background-image:url(../images/bg-06.jpg)}
.g-wrap--06{height:595px;background-image:url(../images/bg-07.jpg)}
.g-wrap--07{height:670px;background-image:url(../images/bg-08.jpg)}
.g-wrap--08{height:462px;background-image:url(../images/bg-09.jpg)}
.g-pop{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:709px;height:556px;background-image:url(../images/msg.png);background-repeat:no-repeat;background-position:center 0;color:#1f3045}
.g-pop .u-tit{width:432px;height:49px;background-image:url(../images/log-tit.png);background-repeat:no-repeat;background-position:center 0;margin:70px auto 0}
.g-pop .m-form{width:600px;margin:80px auto 0;text-align:center}
.g-pop .m-form .u-inp{width:500px;height:44px;margin-bottom:20px;text-align:center;font-size:18px;border:1px #c3c3c3 solid;border-top:0 none;-webkit-box-shadow:inset 1px -1px 3px #c3c3c3;box-shadow:inset 1px -1px 3px #c3c3c3}
.g-pop .m-logbtns{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-justify-content:space-between;-webkit-justify-content:space-between;-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:500px;margin:70px auto 0}
.g-pop .m-logbtns .u-btn{display:block;width:218px;height:67px}
.g-pop .m-logbtns .u-btn--ios{background-image:url(../images/btn-log-ios.png);background-repeat:no-repeat;background-position:center 0}
.g-pop .m-logbtns .u-btn--google{background-image:url(../images/btn-log-google.png);background-repeat:no-repeat;background-position:center 0}
.g-pop .m-cont{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-justify-content:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-direction:normal;-webkit-box-orient:vertical;-moz-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:600px;height:100%;margin:0 auto;font-size:18px;line-height:3}
.g-pop .m-cont .u-btn{display:block;width:218px;height:67px;background-image:url(../images/btn.png);background-repeat:no-repeat;background-position:center 0;margin-top:30px;text-align:center;font-size:20px;line-height:67px}
.g-pop .u-close{position:absolute;right:55px;top:40px;width:28px;height:26px;background-image:url(../images/icon-close.png);background-repeat:no-repeat;background-position:center 0}
.g-pop--video{width:1000px;height:563px;background:#000;border:2px #000 solid}
.g-pop--video iframe{width:100%;height:100%}
.g-pop--video .u-close{right:-62px;top:-2px;width:60px;height:60px;background:#000}
.g-pop--video .u-close::after,.g-pop--video .u-close::before{position:absolute;left:12px;top:30px;width:36px;height:2px;content:" ";background:#fff}
.g-pop--video .u-close::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.g-pop--video .u-close::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
#g-pop{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:100}
.logo{position:absolute;left:10px;top:40px;z-index:5}
.m-slogan .u-slogan{position:absolute;left:50%}
.m-slogan .u-slogan--1{top:600px;margin-left:-220px}
.m-slogan .u-slogan--2{top:700px;margin-left:-291px}
.m-video{position:absolute;left:50%;top:980px;margin-left:-616px;width:495px;height:282px;border:1px #fff solid;background:#000;overflow:hidden}
.m-video img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);-moz-opacity:.4;-khtml-opacity:.4;opacity:.4}
.m-video .u-play{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:" ";width:0;height:0;font-size:0;overflow:hidden;border-width:20px;vertical-align:middle;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #fff}
.m-btns{position:absolute;left:50%;top:1135px;margin-left:-20px;width:525px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-justify-content:space-between;-webkit-justify-content:space-between;-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.m-btns .u-btn{display:block;width:167px;height:51px;margin-bottom:20px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.m-btns .u-btn:hover{-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px)}
.m-btns .u-btn--ios{background-image:url(../images/btn-ios.png);background-repeat:no-repeat;background-position:center 0}
.m-btns .u-btn--google{background-image:url(../images/btn-google.png);background-repeat:no-repeat;background-position:center 0}
.m-btns .u-btn--line{background-image:url(../images/btn-line.png);background-repeat:no-repeat;background-position:center 0}
.m-btns .u-btn--twitter{background-image:url(../images/btn-twitter.png);background-repeat:no-repeat;background-position:center 0}
.m-btns .u-btn--mail{background-image:url(../images/btn-mail.png);background-repeat:no-repeat;background-position:center 0}
.m-btns .u-btn--other{background-image:url(../images/btn-other.png);background-repeat:no-repeat;background-position:center 0}
.m-girl{position:absolute;left:50%;top:0;margin-left:-800px;z-index:10}
.m-twitter{position:absolute;left:50%;top:245px;margin-left:-210px;width:858px;height:705px;background-image:url(../images/newsbg.png);background-repeat:no-repeat;background-position:center 0;padding:200px 100px 110px 110px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.m-logBox{width:1232px;margin:0 auto}
.m-logBox .u-tit{position:relative;left:-50px;width:701px;height:72px;background-image:url(../images/logNum.png);background-repeat:no-repeat;background-position:center 0;background-position:left bottom;padding-top:140px}
.m-logBox .u-tit span{display:block;width:275px;padding-left:380px;color:#142e5b;font-size:78px;line-height:56px;font-weight:400;font-style:italic;letter-spacing:-3px;text-align:center}
.m-cards{position:relative;width:460px;margin-top:20px}
.m-cards li{position:relative;float:left;width:211px;height:272px;margin:0 15px 15px 0}
.m-cards li:last-child{position:absolute;left:372px;top:-78px;width:634px;height:637px}
.m-cards li:last-child .u-finished{right:80px;top:78px}
.m-cards li.on .u-finished{display:block}
.m-cards li.on img{-webkit-filter:grayscale(1);filter:grayscale(1)}
.m-cards li .u-finished{display:none;position:absolute;right:-15px;top:0;width:119px;height:106px;background-image:url(../images/icon-finished.png);background-repeat:no-repeat;background-position:center 0}
.m-container{width:960px;height:520px;padding-top:320px;margin:0 auto}
.m-container .swiper-slide{width:754px;height:423px;background:#000}
.m-container .swiper-slide img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3;opacity:.3}
.m-container .swiper-slide-active img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
.m-container .swiper-pagination-bullet{width:24px;height:24px;background:url(../images/icon-cur.png) no-repeat;border:0 none;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
.m-container .swiper-pagination-bullet-active{background-image:url(../images/icon-cur-on.png)}
.m-rolesBox{width:100%;padding-top:130px}
.m-rolesBox .u-tit{position:relative;z-index:5;width:440px;height:51px;background-image:url(../images/roletit.png);background-repeat:no-repeat;background-position:center 0;margin:0 auto}
.m-rolesBox .u-next,.m-rolesBox .u-prev{position:absolute;right:50px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;z-index:10}
.m-rolesBox .u-prev{width:160px;height:150px;background-image:url(../images/btn-prev.png);background-repeat:no-repeat;background-position:center 0}
.m-rolesBox .u-prev:hover{background-image:url(../images/btn-prev-on.png)}
.m-rolesBox .u-next{width:160px;height:150px;background-image:url(../images/btn-next.png);background-repeat:no-repeat;background-position:center 0}
.m-rolesBox .u-next:hover{background-image:url(../images/btn-next-on.png)}
.m-rolesBox .m-box .u-bg{position:absolute;left:50%;top:163px;margin-left:-867px;width:1075px;height:1073px}
.m-rolesBox .m-box .u-role{position:absolute;left:50%}
.m-rolesBox .m-box .u-info{position:absolute;left:50%;margin-left:-15px}
.m-rolesBox .m-box--male .u-bg{background-image:url(../images/zhanshibg.png);background-repeat:no-repeat;background-position:center 0}
.m-rolesBox .m-box--male .u-role{top:-83px;margin-left:-960px;width:1319px;height:1467px;background-image:url(../images/zhanshi.png);background-repeat:no-repeat;background-position:center 0}
.m-rolesBox .m-box--male .u-info{top:318px}
.m-rolesBox .m-box--female{display:none}
.m-rolesBox .m-box--female .u-bg{background-image:url(../images/fashibg.png);background-repeat:no-repeat;background-position:center 0}
.m-rolesBox .m-box--female .u-role{top:144px;margin-left:-960px;width:1029px;height:1197px;background-image:url(../images/fashi.png);background-repeat:no-repeat;background-position:center 0}
.m-rolesBox .m-box--female .u-info{top:286px}
.m-world{width:1232px;margin:0 auto}
.m-world .u-txt{position:relative;z-index:6;padding-top:150px;text-align:center;line-height:60px}
.m-world .u-long{position:absolute;left:50%;top:-206px;margin-left:196px;width:734px;height:867px;background-image:url(../images/shuilong.png);background-repeat:no-repeat;background-position:center 0;z-index:5}
.m-notice{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);line-height:3}
.m-notice .u-tit{font-size:20px;font-weight:400;text-align:center}
.m-gameInfo{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-justify-content:space-between;-webkit-justify-content:space-between;-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:360px;padding-top:48px;margin:0 auto}
.m-gameInfo .u-avatar{width:105px;height:105px;overflow:hidden}
.m-gameInfo .m-txt{padding-left:40px;border-left:1px #141a26 solid;color:#141a26;line-height:2.2}
.m-shareBtns{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-justify-content:space-between;-webkit-justify-content:space-between;-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:700px;margin:60px auto 100px}
.m-shareBtns .u-btn{display:block;width:190px;height:67px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.m-shareBtns .u-btn:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}
.m-shareBtns .u-btn--twitter{background-image:url(../images/icon-tweeter.png);background-repeat:no-repeat;background-position:center 0}
.m-shareBtns .u-btn--facebook{background-image:url(../images/icon-facebook.png);background-repeat:no-repeat;background-position:center 0}
.m-shareBtns .u-btn--line{background-image:url(../images/icon-line.png);background-repeat:no-repeat;background-position:center 0}
.m-links{width:100%;text-align:center}
.m-links a{display:inline-block;margin:0 40px;color:#141824;border-bottom:1px #131823 solid;line-height:1.3}
.m-links a:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7}
.u-copyRight{margin-top:20px;text-align:center;color:#141824;letter-spacing:2px}
.btn-top{position:fixed;right:100px;bottom:100px;width:83px;height:83px;background-image:url(../images/btn-top.png);background-repeat:no-repeat;background-position:center 0;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.btn-top:hover{background-image:url(../images/btn-top-on.png)}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 15px}