body{margin: 0;padding: 0;background:#222237;}
a{text-decoration: none;color: #fff;}
img{border: none;}
.white{background: #fff;color: #34114e;}
#toper{width: 100%;height: 40px;background: #f4f4f4;}
.center{width: 1154px;margin: 0 auto;}
.center-bg{width: 1154px;height: 990px;background: url(http://www.ss911.cn/indexrec/img/bg1.png) center top no-repeat;}
#hytec{line-height: 40px;font-size: 14px;}
#hytec:before{content: url('http://oss.ss911.cn/ss911_www/images/haiyou.PNG');padding: 20px;position: relative;top: 6px;}
#hytec a{color: #000000;}
#speaker{width: 350px;height: 40px;line-height: 30px;position: relative;top:-40px;left: 430px;color: #c07a1f;font-size: 14px; 
	   filter:alpha(opacity=0);  
      -moz-opacity:0;  
      -khtml-opacity: 0;  
      opacity: 0;  }
#speaker:before{content: url('http://oss.ss911.cn/ss911_www/images/laba.PNG');position: relative;top: 2px;}
#toper-right{position: relative;line-height: 30px;top: -80px;float: right;}
#toper-right span{padding: 0 12px;font-size: 14px;}
.blue{background: #3091e3;color: #fff;}
#toper-right a{color: #000;}
#toper-right a:hover{color: #f60;}
.bg{width: 100%;height: 990px;background: url(http://www.ss911.cn/indexrec/img/bg2.png) center top no-repeat;}
/*以下为导航*/
.nav{width: 100%;height: 60px;color: #fff;font-family: "微软雅黑";font-size: 18px;}
.nav-left{float: left;position: relative;margin-top: 15px;}
.nav-left p{float: left;margin: 0;padding:0; margin-left: 75px;}
.logo{display: block;width: 200px;height: 95px;float: left;position: relative;top: -14px;left: 30px;
		background: url(http://oss.ss911.cn/ss911_www/images/logo.png) center top no-repeat;}
.nav-left p a{display: block;padding: 3px 5px;border-radius: 5px;}
.slogin{width: 100%;height: 359px;}
.slogin a{display:block;width:615px;height:290px;
	/*background:url('http://www.ss911.cn/indexrec/img/slogin.png') center top no-repeat;*/
	position:relative;top:63px;}
/*以下为login布局*/
.login{width: 100%;height: 256px;position: relative;}
.login-space{width: 435px;height: 240px;background: rgba(255,255,255,0.5);border-radius: 10px 10px;float: left;}
.login-act{width: 100%;height: 180px;}
.down{width: 122px;height: 246px;float: left;margin-left: 10px;
	background: url(http://www.ss911.cn/indexrec/img/down.png) top center no-repeat;background-size:contain;}
.ios{width: 100%;height: 33px;background: url(http://oss.ss911.cn/ss911_www/images/ios.png) center top no-repeat;display: block;margin-top: 132px;}
.yueyu{width: 100%;height: 34px;background: url(http://oss.ss911.cn/ss911_www/images/yuey.png) center top no-repeat;display: block;margin-top: 7px;}
.android{width: 100%;height: 33px;background: url(http://oss.ss911.cn/ss911_www/images/android.png) center top no-repeat;display: block;margin-top: 7px;}
.boom{width: 481px;height: 494px;
	/*background: url(http://oss.ss911.cn/ss911_www/images/boom.png) center top no-repeat;*/
float: left;position: absolute;top: -239px;right: 45px;}
.movie{display: block;width: 84px;height: 84px;
	/*background: url(http://oss.ss911.cn/ss911_www/images/movie.png) center top no-repeat;*/
float: right;margin: 313px 80px 0 0;}
.login-btn{width: 100%;height: 66px;}
.pay{width: 217px;height: 66px;display: block;
	background: url(http://oss.ss911.cn/ss911_www/images/pay.png) center top no-repeat;
	/*background: url(http://www.ss911.cn/indexrec/img/pay.png) center top no-repeat;*/
	float: left;}
.reg{width: 217px;height: 66px;display: block;background: url(http://oss.ss911.cn/ss911_www/images/reg.png) center top no-repeat;float: right;}
.input{width: 247px;position: relative;top: 22px;left: 27px;float: left;}
.input input{width: 80%;height: 33px;border-radius: 3px 3px;border: none;font-size: 12px;font-family: "微软雅黑";padding-left:40px;}
#username{background:#fff url(http://oss.ss911.cn/ss911_www/images/user.png) left center no-repeat;background-position-x: 15px;}
#key{margin-top: 12px;background:#fff url(http://oss.ss911.cn/ss911_www/images/key.png) left center no-repeat;background-position-x: 15px;}
#btn-login{width: 133px;height: 89px;background: url(http://oss.ss911.cn/ss911_www/images/btn-login.png) center top no-repeat;float: right;position: relative;top: 19px;right: 20px;cursor: pointer;}
.other{width: 100%;height: 50px;clear: both;position: relative;top: 27px;line-height: 50px;}
.other input{float: left;position: relative;top: 13px;left: 27px;}
.other span{color: #636363;font-size: 12px;position: relative;top: -3px;display: block;}
.other span.watermelon{left: 29px;float: left;}
.other span.three{left: 123px;float: left;}
.other a.find{color: #636363;font-size: 12px;float: left;position: relative;top: -3px;left: 80px;}
.other a.find:hover{color: #f60;}
.other a.qq,a.web,a.wex{width: 30px;height: 30px;display: block;float: left;position: relative;left: 125px;top: 5px;padding: 0 4px;}
.qq{background: url(http://oss.ss911.cn/ss911_www/images/QQ.png) center top no-repeat;}
.web{background: url(http://oss.ss911.cn/ss911_www/images/web.png) center top no-repeat;}
.wex{background: url(http://oss.ss911.cn/ss911_www/images/wex.png) center top no-repeat;}
.login-ok{width: 435px;height: 180px;position: relative;top: 0px;display: none;}
.user-info{width: 250px;height: 115px;position: relative;top: 35px;left: 42px;font-size: 14px;float: left;font-family: "微软雅黑";}
.name{width: 100%;height: 40px;line-height: 40px;}
.manage{display: block;width: 194px;height: 40px;background: url(http://oss.ss911.cn/ss911_www/images/manage.png) center top no-repeat;}
#quiet{color: #696263;font-family: "微软雅黑";font-size: 12px;position: relative;left: 70px;top: 20px;cursor: pointer;}
.enter{display: block;float: left;position: relative;width: 133px;height: 89px;background: url(http://oss.ss911.cn/ss911_www/images/enter.png) center top no-repeat;top: 47px;left: 20px;}
/*轮播*/
.slider{width: 100%;height: 307px;}
div.slideBox{ position:relative; width:570px; height:307px; overflow:hidden;float: left;}
div.slideBox ul.items{ position:absolute; float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.slideBox ul.items li{ float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.slideBox ul.items li a{ float:left; line-height:normal !important; padding:0px !important; border:none/*For IE.ADD.JENA.201206300844*/;}
div.slideBox ul.items li a img{ margin:0px !important; padding:0px !important; display:block; border:none;border-radius: 10px 10px;/*For IE.ADD.JENA.201206300844*/;}
div.slideBox div.tips{ position:absolute; bottom:0px; width:100%; height:30px; background-color:#000; overflow:hidden;border-radius: 0 0 10px 10px;}
div.slideBox div.tips div.title{ position:absolute; left:0px; top:0px; height:100%;}
div.slideBox div.tips div.title a{ color:#FFF; font-size:14px; line-height:30px; margin-left:10px; text-decoration:none;}
div.slideBox div.tips div.title a:hover{ text-decoration:underline !important;}
div.slideBox div.tips div.nums{ position:absolute; right:0px; top:0px; height:100%;}
div.slideBox div.tips div.nums a{ display:inline-block; >float:left/*For IE.ADD.JENA.201206300844*/; width:15px; height:15px; background-color:#FFF; text-indent:-99999px; margin:10px 10px 0px 0px;}
div.slideBox div.tips div.nums a.active{ background-color:#ffba00;}
#news{width: 570px;height: 307px;float: right;background: #fff;border-radius: 10px 10px;position: relative;}
#news-title{width: 100%;height: 50px;}
#news-title ul{margin: 0;padding: 0;list-style: none;color: #8c8c8c;font-family: "微软雅黑";}
#news-title ul li{ float: left;padding: 0 20px;position: relative;}
#news-title ul li span.span-title{font-size: 16px;line-height: 50px;cursor: pointer;padding: 3px 20px;border-radius: 20px 20px;}
.flright{float: right;}
.article{position: absolute;top: 50px;width: 500px;display: none;}
.article h4{text-align: center;font-size: 18px;width: 570px;height: 48px;position: relative;left: -20px;background: #ece9dc;margin: 0;line-height: 48px;}
.article h4 a{color: #e25340;}
.article p{padding: 15px 0;margin: 0;}
.article p a{color: #000;font-size: 15px;}
.article a:hover{color: #f60;}
.article-show{display: block;}
#xinwen{left: -92px;}
#huodong{left: -204px;}
#meiti{left: -316px;}
.x{width: 18px;height: 18px;background: url(http://oss.ss911.cn/ss911_www/images/x.png) center top no-repeat;display: block;float: right;margin: 16px 16px 0 0;}
/*专题页*/
.topic{width: 100%;height: 125px;margin-top: 15px;}
.topic a{width: 278px;height: 125px;display: block;float: left;border-radius: 10px 10px;}
/*.t1{background: url(http://oss.ss911.cn/ss911_www/images/t1.png) center top no-repeat;}*/
.t1{background: url(http://www.ss911.cn/indexrec/img/t1.png) center top no-repeat;}
.t2{background: url(http://www.ss911.cn/indexrec/img/t2.png) center top no-repeat;margin-left: 14px;}
/*.t2{background: url(http://oss.ss911.cn/ss911_www/images/t2.png) center top no-repeat;margin-left: 14px;}*/
.t3{background: url(http://oss.ss911.cn/ss911_www/images/t3.png) center top no-repeat;margin-left: 14px;}
/*.t4{background: url(http://oss.ss911.cn/ss911_www/images/t4.png) center top no-repeat;margin-left: 14px;}*/
.t4{background: url(http://www.ss911.cn/indexrec/img/t4.png) center top no-repeat;margin-left: 14px;}
/*角色和截图*/
.eleco{width: 100%;height: 357px;margin-top: 15px;}
.eleco-left{width: 570px;height: 357px;float: left;}
.eleco-left-top{width: 570px;height: 53px;background: #fff;border-radius: 20px 20px 0 0;color: #3091e3;font-size: 16px;font-family: "微软雅黑";line-height: 29px;}
.eleco-left-bottom{width: 570px;height: 302px;background: #fff;border-radius: 0 0 20px 20px;margin-top: 2px;}
.eleco-right{width: 570px;height: 357px;float: right;}
.eleco-right-top{width: 570px;height: 53px;background: #fff;border-radius: 20px 20px 0 0;}
.eleco-right-bottom{width: 570px;height: 302px;background: #fff;border-radius: 0 0 20px 20px;margin-top: 2px;}
.eleco-right-top{color: #3091e3;font-size: 16px;font-family: "微软雅黑";position: relative;}
.eleco-right-top span.xpg{margin-left: 30px;line-height: 53px;}
.eleco-right-top span.update{position: absolute;left: 330px;top: 13px;}
.eleco-right-top span.update:after{content: url(http://oss.ss911.cn/ss911_www/images/up.png);position: relative;top: 6px;left: 3px;}
.more{width: 18px;height: 18px;background: url(http://oss.ss911.cn/ss911_www/images/x2.png) center top no-repeat;display: block;float: right;margin-right: 20px;margin-top: 18px;}
.left-choose{width: 130px;height: 100%;}
.left-choose span{font-family: "微软雅黑";display: block;position: relative; top: 23px;left: 20px;width: 90px;height: 30px; text-align: center;line-height: 30px;margin: 0 0 22px 0;cursor: pointer;}
.gamer{color: #3091e3;}
.psr{color: #3091e3;}
.blue-two{background: #3091E3;color: #fff;border-radius: 15px 15px;}
.img-one{width: 420px;height: 265px;position: absolute;top: 0px;left: 110px;}
.img-one img{border-radius:10px 10px;}
.img-two{width: 420px;height: 265px;position: absolute;top: -50px;left: 110px;display: none;}
.img-two img{border-radius:10px 10px;}
.character{float: left;width: 85px;height: 30px;text-align: center;position: relative;top: 15px;left: 50px;cursor: pointer;}
.version{float: left;width: 85px;height: 30px;text-align: center;position: relative;top: 15px;left: 85px;cursor: pointer;}
.eleco-left-bottom{position: relative;}
.eleco-left-bottom a{display: block;width: 82px;height: 100px;position: relative;left: 20px;top: 20px;float: left;padding-left: 21px;padding-top: 20px;}
#cha-page{position: relative;}
.hd{background: url(http://oss.ss911.cn/ss911_www/images/hd.png) center top no-repeat;}
.jc{background: url(http://oss.ss911.cn/ss911_www/images/jc.png) center top no-repeat;}
.ys{background: url(http://oss.ss911.cn/ss911_www/images/ys.png) center top no-repeat;}
.cd{background: url(http://oss.ss911.cn/ss911_www/images/cd.png) center top no-repeat;}
.tg{background: url(http://oss.ss911.cn/ss911_www/images/tg.png) center top no-repeat;}
.tp{background: url(http://oss.ss911.cn/ss911_www/images/tp.png) center top no-repeat;}
.lr{background: url(http://oss.ss911.cn/ss911_www/images/lr.png) center top no-repeat;}
.sz{background: url(http://oss.ss911.cn/ss911_www/images/sz.png) center top no-repeat;}
.qbt{background: url(http://oss.ss911.cn/ss911_www/images/qbt.png) center top no-repeat;}
.pm{background: url(http://oss.ss911.cn/ss911_www/images/pm.png) center top no-repeat;}
#cha-page-t{position: relative;}
.ss{background: url(http://oss.ss911.cn/ss911_www/images/ss.png) center top no-repeat;}
.jjs{background: url(http://oss.ss911.cn/ss911_www/images/jjs.png) center top no-repeat;}
.kb{background: url(http://oss.ss911.cn/ss911_www/images/kb.png) center top no-repeat;}
.dz{background: url(http://oss.ss911.cn/ss911_www/images/dz.png) center top no-repeat;}
.bp{background: url(http://oss.ss911.cn/ss911_www/images/bp.png) center top no-repeat;}
.jd{background: url(http://oss.ss911.cn/ss911_www/images/jd.png) center top no-repeat;}
.bf{background: url(http://oss.ss911.cn/ss911_www/images/bf.png) center top no-repeat;}
.wxr{background: url(http://oss.ss911.cn/ss911_www/images/wxr.png) center top no-repeat;}
/*2018年3月19日改版--10.0新增*/
.jf{background: url(http://oss.ss911.cn/ss911_www/images/jf.png) center top no-repeat;}
.tz{background: url(http://oss.ss911.cn/ss911_www/images/tz.png) center top no-repeat;}
.yz{background: url(http://oss.ss911.cn/ss911_www/images/yz.png) center top no-repeat;}
.hy{background: url(http://oss.ss911.cn/ss911_www/images/hy.png) center top no-repeat;}
#cha-page-th{position: relative;}
.next{width: 12px;height: 18px;display: block;position: absolute;background: url(http://oss.ss911.cn/ss911_www/images/nex.png) center top no-repeat;top: 128px;right: 22px;cursor: pointer;}
.nin{width: 12px;height: 18px;display: block;position: absolute;background: url(http://oss.ss911.cn/ss911_www/images/nin.png) center top no-repeat;top: 128px;left: 9px;cursor: pointer;}
#co{position: relative;}
#co a,#co-two a{width: 148px;height: 58px;display: block;padding: 1px;margin: 11px;}
.bigger{background-size: cover;}
.three-version{background: url(http://oss.ss911.cn/ss911_www/images/3.0.png) left top no-repeat;}
.four-version{background: url(http://oss.ss911.cn/ss911_www/images/4.0.png) left top no-repeat;}
.five-version{background: url(http://oss.ss911.cn/ss911_www/images/5.0.png) left top no-repeat;}
.enhance-version{background: url(http://oss.ss911.cn/ss911_www/images/ja.png) left top no-repeat;}
.six-version{background: url(http://oss.ss911.cn/ss911_www/images/6.0.png) left top no-repeat;}
.seven-version{background: url(http://oss.ss911.cn/ss911_www/images/7.0.png) left top no-repeat;}
.eight-version{background: url(http://oss.ss911.cn/ss911_www/images/8.0.png) left top no-repeat;}
.nine-version{background: url(http://oss.ss911.cn/ss911_www/images/9.0.png) left top no-repeat;}
.ten-version{background: url(http://oss.ss911.cn/ss911_www/images/10.0.png) left top no-repeat;}
.one-version{background: url(http://oss.ss911.cn/ss911_www/images/9.0.png) left top no-repeat;}
/*结束*/
/*微信微博*/
.thorns {width: 100%;height: 193px;background: url(http://www.ss911.cn/indexrec/img/bot.png) center top no-repeat;margin-top: 16px;}
.thorns div{width: 189px;height: 162px;float: left;margin-left: 20px;margin-top: 15px;}
.wx{background: url(http://www.ss911.cn/indexrec/img/wx.png) center top no-repeat;}
.wb{background: url(http://www.ss911.cn/indexrec/img//wb.png) center top no-repeat;}
/*底部*/
.foot{background: #f3d39d;height: 0; font-family: 微软雅黑;}
#bottom p{margin: 0;padding: 0;color: #59a0a6;text-align: center;}/*#59a0a6*/
#bottom a{color: #59a0a6;}/*#59a0a6*/
#bottom a:hover{color: #f60;}
/*登录注册遮罩层使用*/
#fullbg { 
background-color:gray; 
left:0; 
opacity:0.5; 
position:absolute; 
top:0; 
z-index:3; 
display:none;
filter:alpha(opacity=50); 
-moz-opacity:0.5; 
-khtml-opacity:0.5; 
} 

#toper-right{position: relative;line-height: 40px;top: -80px;float: right; display: block;}
#toper-right span{padding: 0 12px;font-size: 14px;}
#toper-right a{color: #000;}
#toper-right a:hover{color: #f60;}

#toper-right1{position: relative;line-height: 40px;top: -80px;float: right;display: none;}
#toper-right1 span{padding: 0 12px;font-size: 14px;}
#toper-right1 a{color: #000;}
#toper-right1 a:hover{color: #f60;}

.a-hide-css {
	  filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity: 1;  
      opacity: 1; 
}

#bottom{
	height: 45px;
	position: relative;
	top: 60px;
}

.wallpaper{margin: 0;list-style: none;padding: 0;}
.wallpaper li{width: 250px;height: 200px;float: left;margin:0 15px 15px 0;}
.wallpaper li p{margin: 0;}
.wallpaper li p.taga{margin: 7px 0 0 0;}
.wallpaper li p.tit{text-align: center;}
.wallpaper li p span a{color: #3E3D3D;border: solid 1px #dadada;padding: 5px;font-size: 14px;margin-right: 7px;} 
.wallpaper li p span a:hover{background: #379be9;color: #fff;}
.wallp{height: 1134px;width: 100%;}

/*以下为新增2017-1-14*/
#info{display: none; width: 89px;height: 200px; margin: 0;padding: 0;list-style: none;position: absolute;left: 387px;top: 43px;background: rgba(0,0,0,0.37);text-align: center;font-size: 16px;z-index: 999;}
#info a{padding: 3px 5px;display: block;border-radius: 5px;margin: 10px 0;}
#info li a:hover{background: #fff;color: #000;}