@charset "utf-8";
/* CSS Document */
body{padding:0px; margin:0px; background:url(../images/bg_01.jpg) no-repeat center top scroll #000; font-size:18px; color:#ad835f; font-family:"Microsoft YaHei", sans-serif; width:100%; height:100%;}
ul,p,span,h1,h2,h3,h4,h5,h6{padding:0px; margin:0px;}
ul li{list-style:none;}
a{text-decoration:none; outline:none; color:#725e38;}
a:hover{color:#8c7240;}
img{border:0px;}
html{width:100%; height:100%;}

.wrap{width:1136px; height:auto; margin:0 auto;}
.banner_top{background:url(../images/bg_02.jpg) no-repeat; width:1136px; height:673px; float:left;}
.logo{width:265px; height:127px; float:left; margin:38px 0 0 66px; cursor:pointer;}
.top_content{width:100%; height:auto; float:left; margin:94px 0 0 0;}
.qrcode{width:155px; height:auto; float:left; margin:0 0 0 78px;}
.qrcodeimg{width:125px; height:125px; float:left; margin:0 0 0 15px;}
.qrcode span{width:100%; height:auto; float:left; line-height:34px; font-size:18px; color:#000000; text-align:center;}
/*播放按钮动画*/
.videobox{width:95px; height:95px; float:left; cursor:pointer; border-radius:100%; margin:23px 0 0 18px;}
.video1{background:url(../images/pow_bg.png) no-repeat; width:95px; height:95px; float:left; animation:video1 4s linear infinite; -moz-animation:video1 4s linear infinite; -webkit-animation:video1 4s linear infinite; -o-animation:video1 4s linear infinite; -ms-animation:video1 4s linear infinite;}
.video2{background:url(../images/pit_bg.png) no-repeat; width:51px; height:53px; float:left; margin:21px 0 0 -71px; animation:video2 2s linear infinite alternate; -moz-animation:video2 2s linear infinite alternate; -webkit-animation:video2 2s linear infinite alternate; -o-animation:video2 2s linear infinite alternate; -ms-animation:video2 2s linear infinite alternate;}
@keyframes video1
{
	0%{transform:rotate(0);}
	100%{transform:rotate(360deg);}
}
@-moz-keyframes video1
{
	0%{-moz-transform:rotate(0);}
	100%{-moz-transform:rotate(360deg);}
}
@-webkit-keyframes video1
{
	0%{-webkit-transform:rotate(0);}
	100%{-webkit-transform:rotate(360deg);}
}
@-o-keyframes video1
{
	0%{-o-transform:rotate(0);}
	100%{-o-transform:rotate(360deg);}
}
@-ms-keyframes video1
{
	0%{-ms-transform:rotate(0);}
	100%{-ms-transform:rotate(360deg);}
}

@keyframes video2
{
	0%{transform:scale(1,1);}
	50%{transform:scale(0.9,0.9);}
	100%{transform:scale(1,1);}
}
@-moz-keyframes video2
{
	0%{-moz-transform:scale(1,1);}
	50%{-moz-transform:scale(0.9,0.9);}
	100%{-moz-transform:scale(1,1);}
}
@-webkit-keyframes video2
{
	0%{-webkit-transform:scale(1,1);}
	50%{-webkit-transform:scale(0.9,0.9);}
	100%{-webkit-transform: scale(1,1);}
}
@-o-keyframes video2
{
	0%{-o-transform:scale(1,1);}
	50%{-o-transform:scale(0.9,0.9);}
	100%{-o-transform:scale(1,1);}
}
@-ms-keyframes video2
{
	0%{-ms-transform:scale(1,1);}
	50%{-ms-transform:scale(0.9,0.9);}
	100%{-ms-transform:scale(1,1);}
}

.black_overlay{display:none; position:absolute; background-color:#000000; float:left; top:0%; left:0%; width:100%; height:100%; z-index:1000; animation:overlay 500ms linear forwards; -moz-animation:overlay 800ms linear forwards; -webkit-animation:overlay 800ms linear forwards; -o-animation:overlay 800ms linear forwards; -ms-animation:overlay 800ms linear forwards;}
@keyframes overlay
{
	0%{-moz-opacity:0; opacity:0; filter:alpha(opacity=0);}
	100%{-moz-opacity:0.7; opacity:0.70; filter:alpha(opacity=70);}
}
@-moz-keyframes overlay
{
	0%{-moz-opacity:0; opacity:0; filter:alpha(opacity=0);}
	100%{-moz-opacity:0.7; opacity:0.70; filter:alpha(opacity=70);}
}
@-webkit-keyframes overlay
{
	0%{-moz-opacity:0; opacity:0; filter:alpha(opacity=0);}
	100%{-moz-opacity:0.7; opacity:0.70; filter:alpha(opacity=70);}
}
@-o-keyframes overlay
{
	0%{-moz-opacity:0; opacity:0; filter:alpha(opacity=0);}
	100%{-moz-opacity:0.7; opacity:0.70; filter:alpha(opacity=70);}
}
@-ms-keyframes overlay
{
	0%{-moz-opacity:0; opacity:0; filter:alpha(opacity=0);}
	100%{-moz-opacity:0.7; opacity:0.70; filter:alpha(opacity=70);}
}
.Hide{width:848px; height:450px; float:left; position:absolute; top:50%; left:50%; margin:-225px 0 0 -400px; z-index:1001; display:none;}
.closebtn{width:27px; height:27px; float:right; position:absolute; right:0px; top:0px; cursor:pointer;}

/*.download{background:url(../images/download.png) no-repeat; width:448px; height:103px; float:left; margin-top:88px;}
.download a{width:100%; height:100%; float:left;}*/
.downbtn{width:483px; height:auto; float:left; margin-top:48px;}
.downbtn span a{background:url(../images/downbtn.png) no-repeat; height:186px; display:block; float:left; cursor:pointer;}
.downbtn span.android a{background-position:left top; width:242px;}
.downbtn span.android a:hover{background-position:left -190px; width:242px;}
.downbtn span.ios a{background-position:-242px top; width:241px;}
.downbtn span.ios a:hover{background-position:-242px -190px; width:241px;}

/*ios越狱下载平台*/
.iosbox{width:100%; height:600px; float:left; margin:0px 0 50px 0;}
.ios_yy{width:100%; height:100%; float:left; background-color:#000; -moz-opacity:0.4; opacity:0.40; filter:alpha(opacity=40);}
.iosmain{width:1016px; height:auto; float:left; position:relative; margin:-560px auto auto 60px; color:#FFF;}

.iosmain h1{width:100%; height:auto; float:left; line-height:50px; font-size:28px; font-weight:normal;}
.infotitle{width:100%; height:auto; float:left; color:#fffaf4; font-size:20px; background-color:#000; line-height:28px; padding:3px 0px; margin:40px 0 10px 0; -moz-opacity:0.6; opacity:0.60; filter:alpha(opacity=60);}
.iosmain ul{width:100%; height:auto; float:left;}
.iosmain ul li{width:16%; height:auto; float:left; display:block; font-size:20px; line-height:60px; color:#fffaf4;}
.iosmain ul li a{color:#fffaf4;}


/*游戏介绍*/
.jieshao{width:100%; height:auto; float:left; margin-top:17px;}
.jieshao_title{background:url(../images/title.png) no-repeat left top; width:226px; height:52px; float:left; margin-bottom:17px;}
.jieshaomain{width:100%; height:auto; float:left;}
.jieshaomain p{width:100%; height:auto; line-height:32px; color:#ffffff; font-size:18px; text-indent:2em; display:block; text-shadow:0 0 1px #000000;}
.jieshaomain img{width:1136px; height:330px; margin-top:17px;}

/*精彩截图*/
.jietu{width:100%; height:auto; float:left; margin:35px 0 98px 0;}
.jietu_title{background:url(../images/title.png) no-repeat left -55px; width:226px; height:52px; float:left; margin-bottom:19px;}
.jietuimg{width:100%; height:auto; float:left;}
.jietuimg ul{width:100%;}
.jietuimg ul li{width:362px; height:203px; float:left; display:block; margin-right:25px; overflow:hidden;}
.jietuimg ul li img{width:100%; height:100%;}
.jietuimg ul li.img01{margin-right:0px;}

.copyright{width:100%; height:auto; float:left; line-height:30px; margin:0 0 50px 0;}

/*footer*/
footer{width:1050px; height:auto; float:left; padding-bottom:63px;}
.sothinklogo{width:202px; height:45px; float:left; margin-left:70px;}
.footer_right{float:right; width:610px;}
.footer_right p{width:100%; float:left; height:auto; line-height:30px; font-size:14px; color:#725e38; margin-right:70px;}