@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ margin:0; padding:0; background:#1b181f;}
img{ border:none;}
ul,ul li{ list-style:none;}
.container{}
.top{ height:464px; margin:0 auto; background:url(../../images/top/topbg.jpg) top center no-repeat;}
.top_con{ width:964px; height:464px; margin:0 auto; position:relative;}
.app{ display:block; width:172px; height:60px; position:absolute; right:2px; top:60px; background:url(../../images/index/app.png) top no-repeat; cursor:pointer;}
.app:hover{ background:url(../../images/index/app.png) bottom no-repeat;}
h3{ font-size:14px; font-weight:400;}
/* nav */
.nav{ width:1028px; height:39px; position:absolute; z-index:999; top:0; left:-32px; background:#191919;}
.nav1{ float:left; width:140px; height:39px; background:url(../../images/xinshouzhinan/navhome.png) top no-repeat;}
.nav1:hover{ float:left; width:140px; height:39px; background:url(../../images/xinshouzhinan/navhome.png) bottom no-repeat;}
.nav2{ float:left; width:140px; height:39px; background:url(../../images/xinshouzhinan/navcharge.png) top no-repeat;}
.nav2:hover{ float:left; width:140px; height:39px; background:url(../../images/xinshouzhinan/navcharge.png) bottom no-repeat;}
.nav3{ float:left; width:140px; height:39px; background:url(../../images/xinshouzhinan/navnews.png) top no-repeat;}
.nav3:hover{ float:left; width:140px; height:39px; background:url(../../images/xinshouzhinan/navnews.png) bottom no-repeat;}
.nav4{ float:left; width:140px; height:39px; background:url(../../images/xinshouzhinan/navservice.png) top no-repeat;}
.nav4:hover{ float:left; width:140px; height:39px; background:url(../../images/xinshouzhinan/navservice.png) bottom no-repeat;}
.nav5{ float:left; width:140px; height:39px; background:url(../../images/xinshouzhinan/navbbs.png) top no-repeat;}
.nav5:hover{ float:left; width:140px; height:39px; background:url(../../images/xinshouzhinan/navbbs.png) bottom no-repeat;}
.nav6{ float:left; width:140px; height:39px; background:url(../../images/xinshouzhinan/navguide.png) top no-repeat;}
.nav6:hover{ float:left; width:140px; height:39px; background:url(../../images/xinshouzhinan/navguide.png) bottom no-repeat;}
.nav7{ float:left; width:171px; height:39px; background:url(../../images/xinshouzhinan/navshare.png) top no-repeat;}
.nav7:hover{ float:left; width:171px; height:39px; background:url(../../images/xinshouzhinan/navshare.png) bottom no-repeat;}
.nav a h2{ display:none;}
h3{ font-size:14px; font-weight:400;}
/* content */
.content{ background:url(../../images/xinshouzhinan/conbg.jpg) top center no-repeat;}
.content_con{ width:964px; margin:0 auto; background:#000;}
.main{ float:left; width:714px; margin:0 0 0 7px; display:inline;}
.titimg{ position:absolute; top:-14px; left:0;}
.tittoppic{ float:left; margin:0 0 0 45px; display:inline;}
.titdetail{ float:right; margin:13px 21px 0 0; display:inline;}
/* side */
.side{ float:left; width:237px; margin:0 0 0 6px; display:inline; position:relative;}
/* infor */
.infor{ width:237px;}
.infortit{ float:left; width:237px; height:71px; background:#2d3e66;}
.inforul{ float:left; width:237px; margin:0; padding:0; background:#151d30; position:relative;}
.inforul li{ float:left; width:145px; height:45px; border-bottom:1px #1d2a50 solid; line-height:45px; background:url(../../images/xinshouzhinan/inforlibg.gif) no-repeat 42px 21px; margin:0 0 0 6px; display:inline; padding:0 0 0 80px;}
.inforul li:hover{ background:url(../../images/xinshouzhinan/inforlibgon.gif) no-repeat 42px 21px; border:none;}
.inforlist{ float:left; display:block; width:231px; height:46px; font-size:12px; color:#8091c4; text-decoration:none; cursor:pointer;}
.inforlist:hover{ background:#fc4849; color:#fff;}
/* 客服 */
.sidetit{ width:237px; height:45px; background:url(../../images/xinshouzhinan/conbotrtitbg.gif) repeat-x; text-align:center;}
.service{ width:237px; background:#181820;}
.servicecon{ width:227px; height:123px; background:url(../../images/xiugaimima/conbotrserbg.gif) bottom right no-repeat; padding:30px 0 0 10px;}
.ser{ float:left; width:70px; height:53px; font-size:12px; color:#7b7b7b;}
/* 健康公告 */
.health{ width:237px; height:213px; background:#181820;}
.healthcon{ width:237px; height:138px; font-size:12px; color:#555560; line-height:24px; text-align:center; padding:30px 0 0 0;}
/* main内容 */
.maintit{ float:left; width:714px; height:47px; background:url(../../images/xinshouzhinan/maintxtitbg.gif) repeat-x; position:relative;}
.maincon{ width:714px; background:#151c2c;}
.sctxcon{ width:600px; background:#1d2740; margin:0 auto;}
.szxtit{ width:600px; height:56px; background:#151c2c;}
/* role */
.role1bg,.role2bg,.role3bg,.role4bg,.role5bg,.role6bg,.role7bg,.role8bg,.role9bg,.role10bg{ float:left; width:130px; height:195px; margin:15px 6px; display:inline; cursor:pointer;}
.r1,.r2,.r3,.r4,.r5,.r6,.r7,.r8,.r9,.r10{ width:130px; height:195px;}
.r1on,.r2on,.r3on,.r4on,.r5on,.r6on,.r7on,.r8on,.r9on,.r10on{ display:none; width:130px; height:195px;}
.r1{ background:url(../../images/xinshouzhinan/role1.jpg) left no-repeat;}
.r2{ background:url(../../images/xinshouzhinan/role2.jpg) left no-repeat;}
.r3{ background:url(../../images/xinshouzhinan/role3.jpg) left no-repeat;}
.r4{ background:url(../../images/xinshouzhinan/role4.jpg) left no-repeat;}
.r5{ background:url(../../images/xinshouzhinan/role5.jpg) left no-repeat;}
.r6{ background:url(../../images/xinshouzhinan/role6.jpg) left no-repeat;}
.r7{ background:url(../../images/xinshouzhinan/role7.jpg) left no-repeat;}
.r8{ background:url(../../images/xinshouzhinan/role8.jpg) left no-repeat;}
.r9{ background:url(../../images/xinshouzhinan/role9.jpg) left no-repeat;}
.r10{ background:url(../../images/xinshouzhinan/role10.jpg) left no-repeat;}
.r1on{ background:url(../../images/xinshouzhinan/role1.jpg) right no-repeat;}
.r2on{ background:url(../../images/xinshouzhinan/role2.jpg) right no-repeat;}
.r3on{ background:url(../../images/xinshouzhinan/role3.jpg) right no-repeat;}
.r4on{ background:url(../../images/xinshouzhinan/role4.jpg) right no-repeat;}
.r5on{ background:url(../../images/xinshouzhinan/role5.jpg) right no-repeat;}
.r6on{ background:url(../../images/xinshouzhinan/role6.jpg) right no-repeat;}
.r7on{ background:url(../../images/xinshouzhinan/role7.jpg) right no-repeat;}
.r8on{ background:url(../../images/xinshouzhinan/role8.jpg) right no-repeat;}
.r9on{ background:url(../../images/xinshouzhinan/role9.jpg) right no-repeat;}
.r10on{ background:url(../../images/xinshouzhinan/role10.jpg) right no-repeat;}
.r1con,.r2con,.r3con,.r4con,.r5con,.r6con,.r7con,.r8con,.r9con,.r10con{ margin:0 0 0 30px; width:356px; height:222px; padding:78px 0 0 94px; position:relative; display:none;}
.r1con{ background:url(../../images/xinshouzhinan/r1conbg.png) no-repeat;}
.r2con{ background:url(../../images/xinshouzhinan/r2conbg.png) no-repeat;}
.r3con{ background:url(../../images/xinshouzhinan/r3conbg.png) no-repeat;}
.r4con{ background:url(../../images/xinshouzhinan/r4conbg.png) no-repeat;}
.r5con{ background:url(../../images/xinshouzhinan/r5conbg.png) no-repeat;}
.r6con{ background:url(../../images/xinshouzhinan/r6conbg.png) no-repeat;}
.r7con{ background:url(../../images/xinshouzhinan/r7conbg.png) no-repeat;}
.r8con{ background:url(../../images/xinshouzhinan/r8conbg.png) no-repeat;}
.r9con{ background:url(../../images/xinshouzhinan/r9conbg.png) no-repeat;}
.r10con{ background:url(../../images/xinshouzhinan/r10conbg.png) no-repeat;}
.maincon p{ font-size:12px; color:#97b5e3; line-height:20px; margin:0; padding:0;}
.rconpic{ position:absolute; top:0; left:450px;}
/* 房间模式 */
.fjcon{ width:670px; margin:0 auto;}
.fjline{ clear:both; background:url(../../images/xinshouzhinan/fjline.gif) repeat; height:1px; overflow:hidden; width:500px; margin:0 auto;}
.fjmscon{ width:670px;}
.fjcontit{ font-size:14px; color:#fc4849;}
.fjmscond{ width:663px;}
.fjmsconmid{ width:643px; background:#2a3a5e; font-size:12px; color:#97b5e3; line-height:20px; padding:4px 0 16px 20px;}
.fjmscontop{ width:663px; height:15px; background:url(../../images/xinshouzhinan/fjmscond.gif) no-repeat top;}
.fjmsconbot{ width:663px; height:15px; background:url(../../images/xinshouzhinan/fjmscond.gif) no-repeat bottom;}
/* 界面说明 */
.jmcon{ width:470px; text-align:center; margin:0 auto;}
.jmline{ width:470px; height:1px; clear:both; background:url(../../images/xinshouzhinan/fjline.gif) repeat-x; overflow:hidden;}
/* 游戏说明 */
.yxcon{ width:672px; text-align:center; margin:0 auto;}
.yxline{ width:470px; height:1px; margin:0 auto; clear:both; background:url(../../images/xinshouzhinan/fjline.gif) repeat-x; overflow:hidden;}
/* 胜负规则 */
.sfcon{ width:470px; text-align:center; margin:0 auto;}
.sfline{ width:470px; height:1px; clear:both; background:url(../../images/xinshouzhinan/fjline.gif) repeat-x; overflow:hidden;}
/* 断线强退 */
.dxcon{ width:470px; text-align:center; margin:0 auto;}
.dxline{ width:470px; height:1px; clear:both; background:url(../../images/xinshouzhinan/fjline.gif) repeat-x; overflow:hidden;}
/* 游戏术语 */
.sycon{ width:470px; text-align:center; margin:0 auto;}
.syline{ width:470px; height:1px; clear:both; background:url(../../images/xinshouzhinan/fjline.gif) repeat-x; overflow:hidden;}
/* 热门游戏 */
.rmtit{ float:left; width:714px; height:45px; background:url(../../images/xinshouzhinan/conblwjtitbg.gif) repeat-x; position:relative;}
.rmcon{ float:left; width:714px; height:123px; background:#0e1320;}
.rmconpic{ float:left; margin:10px 5px 0 6px; display:inline;}
/* footer */
.footer{ padding:30px 0 0 0; width:964px; height:170px; margin:0 auto; text-align:center; color:#4c4357; font-size:12px; line-height:24px;}
.footer a{ color:#4c4357; text-decoration:none;}
.footer a:hover{ color:#4c4357; text-decoration:underline;}
/* public */
.clear{ clear:both;}
.blank4{ clear:both; height:4px; overflow:hidden; display:block;}
.blank10{ clear:both; height:10px; overflow:hidden; display:block;}
.blank18{ clear:both; height:18px; overflow:hidden; display:block;}
.blank22{ clear:both; height:22px; overflow:hidden; display:block;}
.blank30{ clear:both; height:30px; overflow:hidden; display:block;}
.blank50{ clear:both; height:50px; overflow:hidden; display:block;}
.blank200{ clear:both; height:200px; overflow:hidden; display:block;}