.wrap{position: relative;overflow: hidden;}
.main{background: url('/web/zplay/activity/demonWars/img/first_main_bg.jpg') no-repeat center;background-size: cover; height: 1090px;margin: 0 auto -200px;}
.enter{position: absolute;top:96px;right:0px;}
.enter a{display: inline-block;width:122px;height: 38px; background: url('/web/zplay/activity/demonWars/img/icon_welcome.png') no-repeat;}
.leaf_con{position:absolute;overflow: hidden;height: 850px;width:100%;z-index: 0;}
.leaf{position:absolute;width:100%; height: 650px; background: url('/web/zplay/activity/demonWars/img/first_leaf.png') no-repeat center 120px;}
.role_con{position:absolute;overflow: hidden;height: 792px;width:921px;left:-900px;top:20px; -webkit-animation: moveRight linear  .6s .6s both;
    -moz-animation: moveRight linear  .6s .6s both;-ms-animation: moveRight linear  .6s .6s both;animation: moveRight linear .6s .6s both}
.role{position:absolute;width:921px; height: 792px; background: url('/web/zplay/activity/demonWars/img/first_role.png') no-repeat center;}
@-webkit-keyframes moveRight{0%{-webkit-transform:  translate3d(-100%,0,0); opacity: 0; filter: alpha(opacity=0)}
    50%{-webkit-transform:  translate3d(0,0,0);}
    75%{-webkit-transform:  translate3d(100%,0,0);}}

.downloadBox{height:176px;padding-top: 550px;margin-left: 670px;position: relative;z-index:1;}
.code{margin-left: 65px;}
.downBtnBox{ width:180px;}
.downBtnBox a{ display:block}
.pop_video{ position:fixed; width:700px; height:390px; left:50%; top:50%; margin-left:-350px; margin-top:-195px; background:#000; display:none; z-index:100}
.closeVideo{ position:absolute; top:0px; right:-40px; color:#fff; font-size:26px; font-weight:bold; cursor:pointer; width:40px; height:40px; text-align:center; line-height:40px; background:#000; opacity:0.5; z-index:50}
.video{ position:relative; z-index:50; color:#fff; line-height:30px; font-size:14px; }
.videoBtn{ background:url("/web/zplay/activity/demonWars/img/video_btnBg.png") center center no-repeat; display:block; width:119px; height:119px; text-align:center; line-height:119px; }
@-webkit-keyframes btnRotate {
    0% {-webkit-transform: rotateZ(0deg);}
    100% {-webkit-transform: rotateZ(360deg);}}
@-moz-keyframes btnRotate {0% {-moz-transform: rotateZ(0deg);}100% {-moz-transform: rotateZ(360deg);}}
@keyframes btnRotate {0% {transform: rotateZ(0deg);}
    100% {transform: rotateZ(360deg);}}
#btnVideo{ -webkit-animation: btnRotate 1.5s linear infinite; -moz-animation: btnRotate 1.5s linear infinite; animation: btnRotate 1.5s linear infinite;background:url("/web/zplay/activity/demonWars/img/video_quan.png") center center no-repeat; width:119px; height:119px; display:block;  }
.videoBg{ position:fixed; width:100%; height:100%; left:0; top:0; background:#000; opacity:0.5; filter:alpha(opacity=50); z-index:10}

.welcome_footer{height: 208px;width: 100%;background: url('/web/zplay/activity/demonWars/img/first_footer_bg.png') no-repeat;}
.welcome_footer .subcon{height: 108px;padding-top: 0px;}
.footLogo{ padding:22px 0 0 108px}
.address{ width:584px; line-height:21px; color:#666; padding-top:36px;}
.address a{ color:#666;}

.share{text-align: center;vertical-align: middle;padding-top: 35px;border-bottom: 1px solid #fff;padding-bottom: 10px;}
.share_tip{display: inline-block;height: 24px;font-size:12px;margin-right:14px;vertical-align: middle;line-height: 9px;}
.share_con {display: inline-block;height: 24px;line-height: 0;position: relative;top:11px;}
#share a{display: inline-block;margin-right:10px;width:24px;height: 24px;cursor: pointer;background: url('/web/zplay/activity/demonWars/img/icon_share.png') no-repeat;padding-left:0; }
#share a.bds_wx{background-position: 0 0;}
#share a.bds_wb{background-position: -24px 0;}
#share a.bds_kj{background-position: -48px 0;}
#share a.bds_twb{background-position: -72px 0;}
#share a.bds_wx:hover{background-position: 0 -24px;}
#share a.bds_wb:hover{ background-position:-24px -24px;}
#share a.bds_kj:hover{background-position: -48px -24px;}
#share a.bds_twb:hover{background-position: -72px -24px;}