@charset "utf-8";
*{padding:0; margin:0;}
body,html{width:100%; height:100%; font-family:'微软雅黑'; font-size:12px;overflow-x:hidden;}
a{color:#000; text-decoration:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
img{vertical-align:top;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,b,strong{font-weight:normal; font-size:100%;}
i,em{font-style:normal;}
.clearfix:after{display:block; clear:both; content:'';}
.clearfix{zoom:1;}
a img{border:none;}
.fl{float:left;}
.fr{float:right;}
body{width:640px; height:auto; background-color:#52585D; margin:0 auto; max-width:640px; padding-bottom:80px;}
.header{width:640px; height:680px; position:relative;}
.header-info-wrap{margin-left: 24px;position: absolute;top: 550px;left: 0; z-index:10;}
.header-info-wrap img{float:left; margin-right:18px;width:131px;height:131px;}
.header-info{float:left;}
.header-info h1{font-size: 25px;color: #fff;margin-bottom: 2px;padding-top: 25px;}
.mouth{font-size: 25px;color: #fff;padding-top: 10px;}
.forum{display: block;width: 177px;height: 58px;background: url(../img/l_lt.png?jv=1.0.20180910) no-repeat; float: right;margin:35px 0 0 100px;}
/*人物效果*/
.header .ani .ani-item{opacity: 0;transition: all .8s;-webkit-transition: all .8s;-moz-transition: all .8s;-o-transition: all .8s;}
.header .ani.show-ani .ani-item{opacity: 1;transform: scale(1,1) translateX(0) translateY(0)!important;-ms-transform: scale(1,1) translateX(0) translateY(0)!important;-webkit-transform: scale(1,1) translateX(0) translateY(0)!important;-moz-transform: scale(1,1) translateX(0) translateY(0)!important; -o-transform: scale(1,1) translateX(0) translateY(0)!important;}
.roles{position: absolute;top: 0;width: 100%;height: 100%;z-index:5;}
.roles img:first-of-type{z-index: 1;position: absolute;left: 15px;top: 80px;width: 337px;height: 470px;transition: all 1s 1s;-webkit-transition: all 1s 1s;-moz-transition: all 1s 1s;-o-transition: all 1s 1s;transform: translateX(-200px);-ms-transform: translateX(-200px);-webkit-transform: translateX(-200px);-moz-transform: translateX(-200px);-o-transform: translateX(-200px);}
.roles img:nth-of-type(2){z-index: 2;position: absolute;left: 115px;top: 60px;width: 408px;height: 524px;transform: translateY(200px);-ms-transform: translateY(200px);-webkit-transform: translateY(200px);-moz-transform: translateY(200px);-o-transform: translateY(200px);}
.roles img:nth-of-type(3){z-index: 1;position: absolute;right: 0px;top: 170px;width: 319px;height: 339px;transition: all 1s 1s;-webkit-transition: all 1s 1s;-moz-transition: all 1s 1s;-o-transition: all 1s 1s;transform: translateX(200px);-ms-transform: translateX(200px);-webkit-transform: translateX(200px);-moz-transform: translateX(200px);-o-transform: translateX(200px);}
.slogan{z-index: 9;position: absolute;left: 50%;top: 325px;width: 430px;height: 237px;margin-left: -215px;}
.slogan img{width: 430px;height: 237px;transition: all 1s 1s;-webkit-transition: all 1s 1s;-moz-transition: all 1s 1s;-o-transition: all 1s 1s;transform: translateY(100px);-ms-transform: translateY(100px);-webkit-transform: translateY(100px);-moz-transform: translateY(100px);-o-transform: translateY(100px);}
/*游戏介绍*/
.game_info{width: 640px;height: 405px;background: url(../img/bg2.jpg?jv=1.0.20180910) no-repeat;}
.game_info .content{padding: 175px 45px 0 45px;line-height: 45px;font-size: 25px;color: #544748;text-indent: 45px;}
/*预约福利*/
.fuli{width: 640px;height: 526px;background: url(../img/bg3.jpg?jv=1.0.20180910) no-repeat;}
.fuli .content{padding: 170px 0 0 0;}
.fuli h4{font-size: 24px;color: #544748;width: 600px;line-height: 45px;box-sizing: border-box;padding-left: 50px;}
.fuli-img{overflow:hidden; width:450px; margin:0 auto;}
.fuli-img li{width: 150px;float: left;color: #295374;font-size: 14px;margin-bottom: 22px;}
.fuli-img li h5{text-align:center; font-size:17px;}
.fuli-img li b{display: block;color:#fddc5c;}
.fuli-img li img{display:block; margin:0 auto;margin-bottom:5px;}
.fuli-img .last{margin-right:0px;}
.fuli-img2 li h5 {text-align: center;font-size: 20px;color:#fff;}
/*视频*/
.video-info{width: 640px;height: 547px;background: url(../img/bg4.jpg?jv=1.0.20180910) no-repeat;}
.video-wrap{padding-top:200px;}
.video{width:540px; height:305px; margin:0 auto;}
#video-play{width:540px; height:305px;}
#video-play.on{display:block;}
.opa{width:100%; height:100%; background:rgba(0,0,0,0.8); position:fixed; top:0; left:0; display:none; z-index:999999;}
.opa.on{display:block;}
/*高清图*/
.img-info{width:640px; height:718px;overflow: hidden;background: url(../img/bg5.jpg?jv=1.0.20180910) no-repeat;}
.img-wrap{padding-top:200px;}
.wrap{width:640px;}
.img_box{width:550px; margin:0 auto; overflow:auto;}
.img_box img{width:268px;}
.img_box ul{width:1390px; height:476px;}
.img_box ul li{float:left; margin-right:10px;}
.swiper{display:none; width:350px; height:622px; position:fixed; left:50%; margin-left:-170px; top:50%; margin-top:-311px; z-index:9999999;}
.swiper img{width:350px; height:622px;}
.alert_bg2{width:100%; height:100%; background:rgba(0,0,0,.7); position:fixed; left:0px; top:0px; display:none; z-index:999999;}
/*新闻*/
.dev-wrap{width:640px; height:601px;background: url(../img/bg6.jpg?jv=1.0.20180910) no-repeat;}
.dev-wrap li{ padding:10px 0;width:550px; overflow:hidden;    border-bottom: 1px solid #8B8484;}
.dev-list{width:550px; margin:0 auto;padding-top: 200px;}
.dev-list img{float: left;width: 135px;height: 100px;}
.dev-info{float:right; width:400px;}
.dev-info a{color:#544748; font-size:20px; line-height:26px;height: 52px;display:block; margin:5px 0 10px 0;}
.dev-info p{color:#8B8484; font-size:20px;}