body{min-width:1200px;overflow-x:hidden; background:#000; font:14px/1.5 \5FAE\8F6F\96C5\9ED1,sans-serif;}

.hide{display: none;}

.main{ overflow-x:hidden; }

.header{  margin: 0 auto; background: url(../images/header.jpg) no-repeat center top;}

.content{  margin: 0 auto; background: url(../images/content.jpg) no-repeat center top; }

.header-box{position: relative; width: 1200px; height: 1135px; margin: 0 auto;}

.content-box{position: relative; width: 1200px; height: 150px; margin: 0 auto;}



/*btns 游戏下载部分*/

.btn-box{position: absolute; width: 600px;height: 230px; top: 473px; right: 0;}

.btns{position: absolute;background: url(../images/btn.png); overflow: hidden;}

.btn-down{top:-27px;left:0;width: 324px;height: 170px; background-position: 0 0;}

.btn-down:hover{background-position: 0 -170px;}

.btn-pay{top:-26px;left:351px;width: 249px;height: 170px; background-position: 0 -340px;}

.btn-pay:hover{background-position: 0 -510px;}

.btn-gift{top:150px;left:1px;width: 324px;height: 88px; background-position: 0 -680px;}

.btn-gift:hover{background-position: 0 -768px;}

.btn-reg{top:147px;left:351px;width: 249px;height: 88px; background-position: 0 -856px;}

.btn-reg:hover{background-position: 0 -944px;}



/*轮播*/

.play-box{position: absolute; top: 710px; right: 0;width: 593px;height: 362px;}

.play-panel{width: 593px;height: 288px; overflow: hidden;}

.play-panel ul{position: relative;width: 593px;height: 460px;}

.play-panel ul li img{width: 593px; height:288px;}

.play-panel ul li span{position: absolute; top:0;left:0;width: 593px;height:288px;background: url(../images/player-box.png) no-repeat 0 0;}

.play-box .num a{position: relative; display: inline-block; width: 30px; height: 30px; margin: -5px 0; cursor: pointer;}

.num-box{position: absolute; bottom: 0px; left: -29px; width: 30px;}

.num{width: 30px;}

.play-box .num span{position: absolute; width: 30px; height: 30px; overflow: hidden; background: url(../images/ad-icon.png) no-repeat 0 0;}

.play-box .num .active span{background-position: 0 -30px;}

.con-left{float: left; width: 345px;  height: 752px;}

.con-rigth{float: left; width: 855px; height: 752px;}

.con1{height: 368px;}



/*新闻公告*/

.con-news{padding:2px;position: absolute; top: 710px; left: 0; width: 560px;height: 361px;background: url(../images/news-bg.png) no-repeat 0 0;}

.official{}

.official dt{position: absolute; top: 16px; right: 14px; width: 50px; height: 40px; text-align: center; line-height: 40px;  overflow: hidden; z-index: 10; }

.official dt a{display: inline-block; width: 50px; height: 40px;color: #d8b773; font-size: 30px;background: url(../images/more-icon.png) no-repeat center center;}

.official dd{position: relative; height: 60px;}

.official dd a{display: block; position: relative; float: left; height: 60px; line-height: 42px; text-align: center; font-size: 20px; color: #48c7ec; }

.official dd a span{display:inline-block;overflow:hidden;height: 60px;text-indent:-200em;background: url(../images/tabs.png) no-repeat;}

.official dd a span.news{background-position: 0 0;width: 88px;}

.official dd a span.ann{background-position: -88px 0;width: 76px;}

.official dd a span.act{background-position: -164px 0;width: 75px;}

.official dd a span.media{background-position: -239px 0;width: 100px;}

.official dd a span.article{background-position: -239px 0;width: 100px;}

.official dd a:hover span.news,.official dd .active span.news{background-position: 0 -60px;}

.official dd a:hover span.ann,.official dd .active span.ann{background-position: -88px -60px;}

.official dd a:hover span.act,.official dd .active span.act{background-position: -164px -60px;}

.official dd a:hover span.media,.official dd .active span.media{background-position: -239px -60px;}

.official dd a:hover span.article,.official dd .active span.article{background-position: -239px -60px;}



.official ul{}

.official ul li{display: none;}

.official ul li h4{ width: 550px; margin:0 auto; height: 39px; line-height: 39px; border-bottom:1px dashed #797ead; }

.official ul li h4.noborder{ border-bottom:none; }

.official ul li h4 a{ display: inline-block; width:420px; color: #7277a5; overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}

.official ul li h4 a:hover{color: #01eff1;}

.official ul li h4 em{ float:left; }

.official ul li h4.green em{color: #719f48;}

.official ul li h4.red em{color: #47528f;}

.official ul li h4.blue em{color: #dca931;}

.official ul li h4.yellow em{color: #159c8b;}

.official ul li h4.orange em{color: #dca931;}

.official ul li h4 span{ float:right; color:#7277a5; }





.dlq-news{margin:0;width: 343px;height: 167px;background: url(../images/dlqbg.png); no-repeat 0 0;}

.dlq-newsofficial ul{}

.dlq-newsofficial ul li{display: none;height: 167px;}

.dlq-newsofficial ul li h4{ width: 330px; margin:0 auto; height: 31px; line-height: 31px; border-bottom:1px dashed #797ead; font-size:12px;}

.dlq-newsofficial ul li h4.noborder{ border-bottom:none; }

.dlq-newsofficial ul li h4 a{ display: inline-block; width:240px; color: #7277a5; overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}

.dlq-newsofficial ul li h4 a:hover{color: #01eff1;}

.dlq-newsofficial ul li h4 em{ float:left; }

.dlq-newsofficial ul li h4.green em{color: #719f48;}

.dlq-newsofficial ul li h4.red em{color: #47528f;}

.dlq-newsofficial ul li h4.blue em{color: #dca931;}

.dlq-newsofficial ul li h4.yellow em{color: #159c8b;}

.dlq-newsofficial ul li h4.orange em{color: #dca931;}

.dlq-newsofficial ul li h4 span{ float:right; color:#7277a5; }





/*右侧广告*/

.right-ad{position: absolute; top: 0px; right: 0px; width: 160px;}

.right-ad li a{display: block; width: 156px; height: 104px; padding: 2px; background: url(../images/border.png) no-repeat;}

.right-ad li {margin-bottom: 20px;}

.right-ad li img{vertical-align: top;width: 156px; height: 104px;}

.right-ad .last{margin-bottom: 0;}



/*新闻公告*/

.official dt{position: absolute; top: 16px; right: 14px; width: 50px; height: 40px; text-align: center; line-height: 40px;  overflow: hidden; z-index: 10; }

.official dt a{display: inline-block; width: 50px; height: 40px;color: #d8b773; font-size: 30px;background: url(../images/more-icon.png) no-repeat center center;}

.official dd{position: relative; height: 60px;}

.official dd a{display: block; position: relative; float: left; height: 60px; line-height: 42px; text-align: center; font-size: 20px; color: #48c7ec; }

.official dd a span{display:inline-block;overflow:hidden;height: 60px;text-indent:-200em;background: url(../images/tabs.png) no-repeat;}

.official dd a span.news{background-position: 0 0;width: 88px;}

.official dd a span.ann{background-position: -88px 0;width: 76px;}

.official dd a span.act{background-position: -164px 0;width: 75px;}

.official dd a span.media{background-position: -239px 0;width: 100px;}

.official dd a span.article{background-position: -239px 0;width: 100px;}

.official dd a:hover span.news,.official dd .active span.news{background-position: 0 -60px;}

.official dd a:hover span.ann,.official dd .active span.ann{background-position: -88px -60px;}

.official dd a:hover span.act,.official dd .active span.act{background-position: -164px -60px;}

.official dd a:hover span.media,.official dd .active span.media{background-position: -239px -60px;}

.official dd a:hover span.article,.official dd .active span.article{background-position: -239px -60px;}







/* 音乐播放 */

.music{position:absolute; z-index:10;  transform:rotate(0deg); right:0px;top:114px; width:34px; height:34px; background:url(../images/music2.png) no-repeat;animation:scroll 2s linear 0s infinite normal;-webkit-animation:scroll 2s linear 0s infinite normal; cursor: pointer; }

.music.pause{ background-position:0px -34px;-webkit-animation:none; animation:none;}

@keyframes scroll

{

100% {transform:rotate(360deg);}

}

@-webkit-keyframes scroll

{

100% {-webkit-transform:rotate(360deg);}

}