﻿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(/Skins/ol/Images/header.jpg) no-repeat center top;}
.content{  margin: 0 auto; background: url(/Skins/ol/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(/Skins/ol/Images/btn.png); overflow: hidden;}
.btn-down{top:0;left:0;width: 324px;height: 170px; background-position: 0 0;}
.btn-down:hover{background-position: 0 -170px;}
.btn-pay{top:0;left:351px;width: 249px;height: 170px; background-position: 0 -340px;}
.btn-pay:hover{background-position: 0 -510px;}
.btn-gift{top:190px;left:0;width: 324px;height: 88px; background-position: 0 -680px;}
.btn-gift:hover{background-position: 0 -768px;}
.btn-reg{top:190px;left:351px;width: 249px;height: 88px; background-position: 0 -856px;}
.btn-reg:hover{background-position: 0 -944px;}

/*轮播*/
.play-box{position: absolute; top: 788px; right: 0;width: 593px;height: 288px;}
.play-panel{width: 593px;height: 288px; overflow: hidden;}
.play-panel ul{position: relative;width: 593px;height: 288px;}
.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(/Skins/ol/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: -32px; width: 30px;}
.num{width: 30px;}
.play-box .num span{position: absolute; width: 30px; height: 30px; overflow: hidden; background: url(/Skins/ol/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(/Skins/ol/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(/Skins/ol/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(/Skins/ol/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(/Skins/ol/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(/Skins/ol/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(/Skins/ol/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(/Skins/ol/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(/Skins/ol/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);}
}