@charset "utf-8";
/*********************/
body{ background:url(../../images/index_201308_cn/bg.jpg) 50% 114px no-repeat #000;}
/* wrap */
#container{width:100%;min-width:1002px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1002?"1002px":"");overflow:hidden;line-height:20px;}
.wrap{width:1920px;overflow:hidden;position:relative;height:1301px;}
/* banner */
.banner{width:5760px; position:relative;top:0;left:0;}
.banner li{float:left;width:1920px;}
.banner,.banner li{height:376px; overflow: hidden;}
.banner_line{ background: url(../../images/index_201308_cn/banner_line.png) 50% 0 no-repeat; height: 1px;}

#banner1{background:url(../../images/ad/sg_1920x376_20130925.jpg) no-repeat center top;}
#banner2{background:url(../../images/ad/zhuxian_20140109.jpg) no-repeat center top;}
#banner3{background:url(../../images/ad/chibi_1902_20140924.jpg) no-repeat center top;}
#banner4{background:url(../../images/ad/pic-04.jpg) no-repeat center top;}
#banner5{background:url(../../images/ad/ch_20130826.jpg) no-repeat center top;}
#banner6{background:url(../../images/ad/pic-01.jpg) no-repeat center top;}
#banner7{background:url(../../images/ad/sns_20130826.jpg) no-repeat center top;}
#banner8{background:url(../../images/ad/download_20130826.jpg) no-repeat center top;}
#banner9{background:url(../../images/ad/touch_1920x376_20131115.jpg) no-repeat center top;}
#banner10{background:url(../../images/ad/w2i_20160623.jpg) no-repeat center top;}
#banner_xa{background:url(../../images/ad/xa_1920x376_20140605.jpg) no-repeat center top;}
#banner_com{background:url(../../images/ad/banner_com.jpg) no-repeat center top;}
#banner_seiya{background:url(../../images/ad/seiya_1920_20141117.jpg) no-repeat center top;}

.banner .btns{width:966px; overflow:hidden; position:relative; margin: 0 auto;}
.banner .btns a{display: block; width:116px; height: 33px; float: right; margin: 250px -4px 0 0;}
.banner .btns a.banner0{width:131px; height: 37px; float: right; margin:254px 4px 0 0;}
.banner .btns a.banner1{background:url(../../images/enter3.png);width:131px; height: 37px; float: left; margin:300px 0 0 250px;}
.banner .btns a.banner2{background:url(../../images/enter3.png);width:131px; height: 37px; float: right; margin: 300px 250px 0 0;}
.banner .btns a.banner_chibi{width:136px; height: 44px; float: right; margin: 300px 328px 0 0;;}
.banner .btns a.banner3{background:url(../../images/enter5.png);width:131px; height: 37px; float: right; margin: 276px 308px 0 0;}
.banner .btns a.banner4{background:url(../../images/enter6.png);float:left;width:187px;height:49px;margin:276px 0 0 75px;}
.banner .btns a.banner_download{width: 133px;height: 38px;margin-left: 92px;margin-top:230px;display:block;float:none;}
.banner .btns a.banner_download2{width: 133px;height: 38px;margin-left: 92px;margin-top:10px;display:block;float:none;}
.banner .btns a.banner9{width:158px; height:44px; float:right; margin:304px 285px 0 0;}
.banner .btns a.banner10{background:url(../../images/enter3.png);width:131px; height: 37px; float: right; margin: 260px 20px 0 0;}
.banner .btns a.banner_xa{width:155px; height: 65px; float: right; margin: 297px 445px 0 0;}
.banner .btns a.banner_seiya{background:url(../../images/enter3.png);width:131px; height: 37px; float:left; margin:260px 0px 0 10px;}
.banner .btns a.banner_com{background:url(../../images/enter3.png);width:131px; height: 37px; float:left; margin: 330px 900px 0 450px;}

.page{width:33px;height:52px;position:absolute;top:134px;cursor:pointer;background-image:url(../../images/index_201308_cn/btn.png);background-repeat:no-repeat;filter:alpha(opacity=90);opacity:0.9;}
.page:hover{filter:alpha(opacity=100);opacity:1;}
#p_prev{background-position:0 0px;left:0px;}
#p_next{background-position:-39px 0px;right:0px;}
.wrap_slide{width:100%;overflow:hidden;position:absolute;top:342px; left: 0;}
.slide{overflow:hidden;height:19px;width:966px;margin:0 auto;}
.slide ul{float:right;}
.slide ul li{width:19px;height:19px;float:left;margin-left:10px;cursor:pointer;background:url(../../images/index_201308_cn/btn.png) -46px -68px no-repeat;}
.slide ul li.on{background-position:-6px -68px;}

/* main */
.main{width:966px; overflow:hidden; position:relative; margin: 0 auto;}

/* recommended game */
.recommended{margin-top: 17px;}
.recommended .bar{margin:0; padding: 0; height: 37px; background: url(../../images/index_201308_cn/title1.png) no-repeat;}
.recommended .bar a{display: block; width: 40px; height: 37px; float: right; margin-right: 10px;}
.recommended ul li{float: left; width: 161px; height: 187px;}
.recommended ul li:hover .img_mass{}
.recommended ul li .mass{position:absolute; width: 139px; height: 165px; padding: 10px; display: none; z-index: 2;filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;opacity: 0.8;background-color:#000; margin: 1px;}
.recommended ul li .mass a{display: block; text-align: center;}
.recommended ul li span{display: block; height: 145px}

.news{float: left; width: 594px; margin-top: 17px;}
.news .bar{margin:0; padding: 0; height: 37px; background: url(../../images/index_201308_cn/title2.png) no-repeat;}
.news .bar a{display: block; width: 40px; height: 37px; float: right; margin-right: 10px;}
.news .list{padding: 23px 0 0 38px; background: url(../../images/index_201308_cn/list_bg.png) no-repeat #00121e; min-height: 185px;}
.news .list .title{color: #00deff; font-size: 17px;}
.news .list .title a{color: #00deff; }
.news .list .content{margin-top: 10px; width: 542px; font-size: 12px; color: #cccccc;}
.news .list .content img{float: left; border: 1px solid #0088b6; margin: 0 25px 10px 0;}
.news .list .more{float: right; margin-top: 10px; font-size: 12px; color: #cccccc;}

.right{float: right; margin-top: 17px;}
.ad{width: 355px; height: 390px;}
.player_ad a{width:355px;height:74px;margin-top:16px;display:block;}
.player{width: 355px; height: 254px; margin-top: 17px; overflow: hidden;}
.player .bar{margin:0; padding: 0; height: 29px; background: url(../../images/index_201308_cn/title3.png) no-repeat;}
.player .list{padding: 15px 0 0 15px; background-color:#00121e; min-height: 208px; border: 1px solid #032b42;}
.player .list ul li{float: left; margin-bottom: 15px; width: 320px; height: 57px;}
.player .list ul li .line{text-decoration: underline;}
.player .list ul li img{float: left; display: block; padding: 0 15px 15px 0;}
.player .list ul li p a{color: #00deff; text-decoration:underline;}