@charset "utf-8";
html,body{ width:100%; height:100%; overflow:hidden;}
html{font-size:20px;}
body{ margin:0; padding:0; font:normal 100% "微软雅黑","宋体",Arial, Helvetica, sans-serif; background:#000;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;}
ol,ul{list-style:none;}
a{ font-family:"微软雅黑",Arial, Helvetica, sans-serif; text-decoration:none;outline:none;}
a:hover,a:active{ text-decoration:none;}
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}
.disn{ display:none;}

.rel_box{ position:relative; width:100%; height:100%; overflow:hidden; max-width:750px;}
#music{ position:absolute; width:10%; top:3%; right:5%; z-index:1111;}
#down{ position:absolute; width:10%; bottom:5%; left:45%; right:5%; z-index:111;}
#wrap{ position:absolute; width:100%; left:0; top:0; height:100%; z-index:11; }
.screen{ position:absolute; width:100%; overflow:hidden; left:0; top:0; display:none; z-index:1;}
#screen1{ background:url(https://ylz.games.wanmei.com/mobile/images/p1.jpg) no-repeat center top; background-size:100% auto;}
#screen2{ background:url(https://ylz.games.wanmei.com/mobile/images/p2.jpg) no-repeat center top; background-size:100% auto;}
#screen3{ }
#screen4{ }
#screen5{ }
#screen6{ background:url(https://ylz.games.wanmei.com/mobile/images/p6.jpg) no-repeat center top; background-size:100% auto; position:relative; display:block;}


.pos{ position:absolute;}

.top{ background:rgba(0,0,0,0.7); height:94px; position:fixed; left:0; top:0; z-index:9999; width:100%;}
.top a{ position:absolute;}
.top .logo{ background:url(https://ylz.games.wanmei.com/mobile/images/logo.png) no-repeat; width:127px; height:73px; left:31px; top:17px;}
.top .home{ background:url(https://ylz.games.wanmei.com/mobile/images/icon_home.png) no-repeat; width:39px; height:35px; top:29px; right:135px;}
.top .news{ background:url(https://ylz.games.wanmei.com/mobile/images/icon_news.png) no-repeat; width:32px; height:32px; top:30px; right:60px;}

.btn_video{ z-index:99; top:420px; left:50%; margin-left:-235px;}
.video_grid{ background:url(https://ylz.games.wanmei.com/mobile/images/grid.png) repeat; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;}
.video{position: absolute;left:0;top: 0;width:100%; height:100%;-ms-transform: translate(-0%, -0%);transform: translate(-0%, -0%);-webkit-transform: translate(-0%, -0%); z-index:1;}


.p1_slogan{ background:url(https://ylz.games.wanmei.com/mobile/images/p1_slogan.png) no-repeat; width:547px; height:315px; top:648px; left:50%; margin-left:-273px; -webkit-animation:an-width 1s linear both; animation:an-width 1s linear both;}
@-webkit-keyframes an-width{
	0%{ width:0;}
	100%{ width:547px;}
}
@keyframes an-width{
	0%{ width:0;}
	100%{ width:547px;}
}
#screen2 .txt1{ left:70px; top:210px; z-index:111;}
#screen2 .txt2{ left:113px; top:310px; z-index:11;}
#screen2 .txt3{ left:115px; top:436px; z-index:22;}

#screen3 .txt1{ left:70px; top:244px; z-index:111;}
#screen3 .txt2{ left:113px; top:360px; z-index:11;}
#screen3 .txt3{ left:160px; top:443px; z-index:22;}

#screen4 .txt1{ left:70px; top:260px; z-index:111;}
#screen4 .txt2{ left:113px; top:360px; z-index:11;}
#screen4 .txt3{ left:133px; top:473px; z-index:22;}

#screen5 .txt1{ left:70px; top:470px; z-index:111;}
#screen5 .txt2{ left:113px; top:580px; z-index:11;}
#screen5 .txt3{ left:110px; top:683px; z-index:22;}

#screen2 img,
#screen3 img,
#screen4 img,
#screen5 img{ opacity:0;}

.an-inLeft{ -webkit-animation:an-inLeft 0.5s ease-in-out both; animation:an-inLeft 0.5s ease-in-out both;}
.an-inRight{ -webkit-animation:an-inRight 0.5s ease-in-out both; animation:an-inRight 0.5s ease-in-out both;}
.an-inBottomLeft{ -webkit-animation:an-inBottomLeft 0.5s ease-in-out both; animation:an-inBottomLeft 0.5s ease-in-out both;}
@-webkit-keyframes an-inLeft{
	0%{ -webkit-transform:translate(-100px,-100px); transform:translate(-100px,-100px); opacity:0;}
	80%,100%{ -webkit-transform:translate(0,0); transform:translate(0,0); opacity:1;}
}
@keyframes an-inLeft{
	0%{ -webkit-transform:translate(-100px,-100px); transform:translate(-100px,-100px); opacity:0;}
	80%,100%{ -webkit-transform:translate(0,0); transform:translate(0,0); opacity:1;}
}
@-webkit-keyframes an-inRight{
	0%{ -webkit-transform:translate(100px,-100px); transform:translate(100px,-100px); opacity:0;}
	80%,100%{ -webkit-transform:translate(0,0); transform:translate(0,0); opacity:1;}
}
@keyframes an-inRight{
	0%{ -webkit-transform:translate(100px,-100px); transform:translate(100px,-100px); opacity:0;}
	80%,100%{ -webkit-transform:translate(0,0); transform:translate(0,0); opacity:1;}
}
@-webkit-keyframes an-inBottomLeft{
	0%{ -webkit-transform:translate(-100px,100px); transform:translate(-100px,100px); opacity:0;}
	80%,100%{ -webkit-transform:translate(0,0); transform:translate(0,0); opacity:1;}
}
@keyframes an-inBottomLeft{
	0%{ -webkit-transform:translate(-100px,100px); transform:translate(-100px,100px); opacity:0;}
	80%,100%{ -webkit-transform:translate(0,0); transform:translate(0,0); opacity:1;}
}




.b_logo{ width:486px; left:50%; margin-left:-243px; top:203px;}
.btn_top{ left:50%; margin-left:-95px; bottom:88px;}
.sns_box{ top:712px; left:0; right:0; text-align:center; z-index:111;}
.sns_box .code{ width:207px; margin-bottom:10px;}
.sns_box p{ font-size:20px; color:#fff; line-height:30px;}
.sns_box p a{ color:#c71c05;}
.copy_bottom{ bottom:0; left:0; right:0; background:#0d0d0d; height:87px; font-size:17px; color:#706b6a; /*display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;*/ text-align:center;}


.main_bottom{ position:relative; height:628px;}
.main_bottom .sns_box{ top:0;}
.mb_btn{width: 100%;text-align:center;}
.mb_btn a{width:106px;height:122px;margin: 0 13px;display: inline-block;background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.mb_btn a.wechat{background-image:url(https://ylz.games.wanmei.com/mobile/images/icon_wechat.png)}
.mb_btn a.weibo{background-image: url(https://ylz.games.wanmei.com/mobile/images/icon_sina.png)}
.mb_btn a.baidu{background-image: url(https://ylz.games.wanmei.com/mobile/images/icon_baidu.png)}
.mb_btn a.qzone{background-image: url(https://ylz.games.wanmei.com/mobile/images/icon_qzone.png)}

.share_box{ text-align:center; width:100%; left:0; top:315px;}
.share_box a{ width:77px; height:99px; display:inline-block; margin:0 17px;}
.share_box .weibo{ background:url(https://ylz.games.wanmei.com/mobile/images/weibo.png) no-repeat;}
.share_box .tieba{ background:url(https://ylz.games.wanmei.com/mobile/images/tieba.png) no-repeat;}


.news_content{ padding:95px 0 90px; background:url(https://ylz.games.wanmei.com/mobile/images/news.jpg) no-repeat;}
.news_t{ text-align:right;}
.new_list{width: 100%;}
.new_list ul{width: 100%; padding:20px 0;}
.new_list ul li{ margin:0 20px; padding:24px 0 24px 55px; font-size:30px;position:relative; display:none; border-bottom:1px solid #551101;}
.new_list ul li:after{ content:'';width: 0;height: 0; position:absolute ; left:10px; top:50%; margin-top:-8px; border-width:8px;border-style:solid;border-color:transparent  transparent  transparent  #fff;}
.new_list ul li a{ display:block;}
.new_list ul li .news_cont{}
.new_list ul li .news_cont_t{color:#fff; line-height:1; width:100%;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.new_list ul li .news_info_date{ font-size:20px; color:#5c5c5c; padding:16px 0;}
.btn_more{ margin:0 auto; display:block; font-size:25px; color:#fefefe; width:705px; height:72px; line-height:72px; -webkit-box-sizing:border-box; box-sizing:border-box; background:#220700;text-align:center;}

.pop_wx {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 999}   
.pop_wx_bd {background-size: 100%;width:450px;position: absolute;left: 50%;top: 50%;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0)}
.pop_wx_bd img {width: 100%;}
.pop_wx_close {position: absolute;right: 0;top: 0;width:100px;height:100px;}

.content_box{width: 100%; padding:0 60px; overflow: hidden; -webkit-box-sizing:border-box; box-sizing:border-box;}
.c_tit{width: 100%;line-height:1;font-size:36px;color: #eaeaea; padding:20px 0;}
.c_subtit{width: 100%;font-size:24px;color: #666; line-height:2; text-align:center;}
.c_subtit a{margin-right: .05rem;font-size: .1rem;color: #838383;}

.c_txt{width: 100%;color: #666;font-size:24px;  padding-top:30px; line-height:1.5;}
.c_txt p{ padding:20px 0;}
.c_txt a{color: #666;}
.c_txt img{max-width: 100%;margin: 0 auto;display: block;}




.zoomIn{ -webkit-animation:zoomIn 1s both; animation:zoomIn 1s both;}
@-webkit-keyframes zoomIn{
	0%{ -webkit-transform:scale(3); transform:scale(3);}
	100%{ -webkit-transform:scale(1); transform:scale(1);}	
}
@keyframes zoomIn{
	0%{ -webkit-transform:scale(3); transform:scale(3);}
	100%{ -webkit-transform:scale(1); transform:scale(1);}	
}
.fastIn{ -webkit-animation:fastIn 0.5s linear both; animation:fastIn 0.5s linear both;}
@-webkit-keyframes fastIn{
	0% {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);opacity: 0;}
	100%{-webkit-transform: none;transform: none;opacity: 1;}
}
@keyframes fastIn{
	0% {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);opacity: 0;}
	100%{-webkit-transform: none;transform: none;opacity: 1;}
}


/* load */
/*.slogan{ top:442px; width:700px; left:50%; margin-left:-350px; z-index:999;}
.loading_box{ width:100%; height:100%; z-index:111; background:#171515; left:0; top:0;}
.loading{position:absolute;top:594px;left:50%;margin-left:-235px;width:476px;height:57px;background: url(https://ylz.games.wanmei.com/mobile/images/loading-before.png) no-repeat center;}
.loadText{margin-top:50px;text-align:center;font-size:24px;color:#fff;text-align: center;width: 100%;display: block;padding-top:20px;}
#loadNumber{position:absolute;height:57px;left:0;top:0;background: url(https://ylz.games.wanmei.com/mobile/images/loading-after.png) no-repeat left center;}
.loading-role{position: absolute;left:50%;margin-left:-16px;top:-56px;width: 32px;height: 56px;background: url(https://ylz.games.wanmei.com/mobile/images/loading-role.png) no-repeat center;}*/


.center {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	/*水平居中*/
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	/*垂直居中*/
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
}

.updown{ animation:key_updown 0.5s linear infinite alternate; -webkit-animation:key_updown 0.5s linear infinite alternate;}
@keyframes key_updown{
0%{bottom:5%;}
100%{bottom:4%;}
}
@-webkit-keyframes key_updown{
0%{bottom:5%;}
100%{bottom:4%;}
}

.none{display:none;}
.music{width:60px;height:60px;position: absolute;top:110px;right:40px;z-index:1111; display:-none;}
.music img{display: none; width:100%;}
#musicBtn.play{/*-webkit-animation: rotate 4s linear infinite;animation: rotate 4s linear infinite;*/ background:url(https://ylz.games.wanmei.com/mobile/images/Music-Open.png) no-repeat center;background-size: cover}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
	to{-webkit-transform: rotate(360deg)}
}
@keyframes rotate{from{-webkit-transform: rotate(0deg);transform: rotate(0deg)}
	to{-webkit-transform: rotate(359deg);transform: rotate(359deg)}
}

.shareImg{ width:100%; height:100%; position:fixed; left:0; top:0; bottom:0; right:0; z-index:1111; text-align:right; -webkit-box-sizing:border-box; box-sizing:border-box; background:rgba(0,0,0,0.8); padding:50px; display:none;}
.erweima_pop{ width:100%; height:100%; position:fixed; left:0; top:0; bottom:0; right:0; z-index:1111; background:rgba(0,0,0,0.8); display:none;}


@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada { -webkit-animation:tada 1s both; animation:tada 1s both;}