/* CSS Document */
*{margin:0; padding:0;}
body{position:relative; overflow-x:hidden; font:12px Microsoft YaHei; color:#565656;}
a, input{text-decoration:none; outline:none;}
img, input{border:0 none;}
li{list-style:none; vertical-align:top;}
em, i{font-style:normal;}
.w1200{width:1200px; margin:0 auto;}
.clear{float:none; clear:both;}

/*头部*/
.header{width:100%; height:90px; background:#fff; box-shadow:0 4px 4px rgba(0,0,0,.2); *border-bottom: 1px solid #e1e1e1; *border-bottom: 1px solid #e1e1e1 \9; position:relative; z-index:1;}
.logo{float:left; display:inline;}
.nav{float:right; display:inline; height:30px; margin-top:30px;}
.nav li{width:95px; height:30px; float:left; display:inline; font:16px/30px Microsoft YaHei; text-align:center; margin:0 5px;}
.nav li a{display:block; color:#5e5e5e; border-radius:15px;}
.nav li.on a, .nav li a:hover{background: #4c9ff5;color: #fff;text-decoration: none;}

/*内容*/
.con_box{width:1240px; margin:0 auto; position:relative;}

/*banner*/
.banner{padding-top:452px; }
.focus-box{width:1920px; height:605px; overflow:hidden; position:absolute; top:0; left:50%; margin-left:-960px;}
.focus-box ul{display:block; width:100%; height:605px;}
.focus-box ul li{width:100%; height:605px; display:none; left:0; position:absolute; top:0;}
.focus-box ul li img{width:100%; height:605px;}
.focus-btn{position:absolute; left:0; bottom:175px; width:100%; text-align:center; z-index:3;}
.focus-btn a{background:#434343; width:15px; height:15px; display:inline-block; z-index:2; margin:0 3px; border-radius:10px; text-indent:35px; overflow:hidden;}
.focus-btn a.act{width:33px; background:#26a9ff;}

/*内容*/
.main{width:1200px; padding:0 20px; position:relative; background:url(../../img/index/con_bg.png) no-repeat; margin:0 auto;}

/*登录*/
.log_kinds{width:290px; height:340px; background:url(../../img/index/log_bg.png); border-radius:10px; box-shadow:0 0 4px rgba(0,0,0,0.2); position:absolute; top:-400px; right:0px; z-index:11;}
.log_box, .log_ewm{width:100%; height:100%; position:absolute; top:0; left:0;}
.log_inp{width:250px; margin:0 auto;}
.log_inp h2, .log_ewm h2{font-size:18px; color:#3e3e3e; padding-top:35px;}
.log_inp dl dd{width:203px; height:40px; padding-left:45px; border:1px solid #C9C9C9; background:#fff; margin-top:15px; position:relative;}
.log_inp dl dd i{width:27px; height:16px; background:url(../../img/index/icon.png) no-repeat; background-position:-1px -198px; position:absolute; top:12px; left:8px;}
.log_inp dl dd+dd i{background-position:-52px -198px;}
.log_inp dl dd input{width:100%; height:18px; padding:10px 0; color:#979797;}
.autolog{padding:20px 0 25px; color:#6c6c6c;}
.autolog span{float:left; display:inline;}
.autolog span input{margin-right:5px; vertical-align:-3px;}
.autolog a{float:right; display:inline; color:#2980b4;}
.autolog a:hover, .log_other a:hover, .only_name a:hover, .m_news_lis ul li a:hover{text-decoration:underline;}
.log_btn{width:248px; height:40px; display:block; background:url(../../img/index/icon.png) no-repeat; background-position:0 -76px; text-align:center; font-size:14px; line-height:40px; color:#fff; transition:all 200ms linear;}
.log_btn:hover{background-position:0 -122px;}
.log_other{border-top:1px dashed #cccecd; padding-top:15px; margin-top:20px; text-align:center; line-height:18px;}
.log_other a{color:#2980b4; display:inline-block; margin:0 2px;}
.log_other a.log_qq, .log_other a.log_wb{background:url(../../img/index/icon.png) no-repeat; padding:0 5px 0 25px; color:#525050; border-right:1px dashed #adb0af;}
.log_other a.log_qq{background-position:0 -227px;}
.log_other a.log_wb{background-position:-1px -253px;}

.logined{display:none;}
.user_inf{padding:20px 20px 10px; border-bottom:1px dashed #cccecd;}
.user_head{width:93px; height:93px; border:1px solid #d3d3d2; border-radius:100%; overflow:hidden; float:left; display:block;}
.user_head img{width:100%; height:100%;}
.user_txt{width:145px; float:right; display:inline; line-height:23px;}
.user_txt span{float:left; display:inline;}
.user_txt a{float:right; display:inline; color:#5492bc;}
.user_txt em{color:#26a9ff;}
.user_btns a{width:43px; height:17px; float:left; display:block; margin:5px 10px 0 0; text-align:center; line-height:17px; color:#fff; background:url(../../img/index/icon.png) no-repeat; background-position:0 0;}
.user_btns a:hover{background-position:-48px 0;}
.user_vip{width:260px; height:18px; background:url(../../img/index/icon.png) no-repeat; background-position:0 -169px; margin-top:10px; position:relative;}
.vip{width:48px; height:14px; background:url(../../img/index/icon.png) no-repeat; background-position:0 -439px; position:absolute; top:2px; left:2px;}
.vip1{background-position:0 -421px;}
.vip2{background-position:0 -403px;}
.vip3{background-position:0 -386px;}
.vip4{background-position:0 -368px;}
.vip5{background-position:0 -351px;}
.vip6{background-position:0 -333px;}
.vip7{background-position:0 -315px;}
.vip8{background-position:0 -298px;}
.vip9{background-position:0 -280px;}
.level_line{width:194px; height:6px; position:absolute; top:6px; left:60px; position:relative;}
.level_line i{position:absolute; top:-4px; right:0; color:#e93900; font-size:10px;}
.level_line_l, .level_line_r{width:2px; height:6px; float:left; display:block; background:url(../../img/index/icon.png) no-repeat;}
.level_line_l{background-position:-96px -203px;}
.level_line_r{background-position:-106px -203px;}
.level_num{max-width:190px; height:6px; background:url(../../img/index/level_bg.jpg); float:left; display:inline; width:60%;}
.lately{padding:15px 0 0 15px;}
.lately h3{font-size:14px; color:#e93900;}
.lately ul li{height:22px; line-height:22px; margin-top:3px;}
.lately ul li{color:#6c6c6c;}
.lately ul li img, .lately ul li a, .lately ul li em{float:left; display:block;}
.lately ul li img{width:14px; height:14px; border:1px solid #f1d6cd; margin-top:4px;}
.lately ul li a{width:70px; margin:0 5px; overflow:hidden; color:#6c6c6c;}
.lately ul li a.s_btn{width:67px; height:22px; display:block; background:url(../../img/index/icon.png) no-repeat; background-position:0 -23px; text-align:center; line-height:22px; color:#fff; margin-left:5px;}
.lately ul li a.s_btn:hover{background-position:0 -49px;}

/*独代大作*/
.til{font:30px Microsoft YaHei; color:#565656; padding:20px 0 0; height:40px;}
.only_li{margin-top:10px;}
.only_li ul li{width:590px; height:280px; border-radius:5px; overflow:hidden; float:left; display:inline; position:relative;}
.only_li ul li img{width:100%; height:100%;}
.only_li ul li+li{margin-left:20px;}
.only_txt{width:100%; height:184px; font-size:14px; background:url(../../img/index/pic_h.png) no-repeat; position:absolute; bottom:-184px; left:0;}
.only_name{margin-top:110px; float:left; display:inline; padding-left:20px; color:#fff;}
.only_name h2{font-size:22px;}
.only_name a{color:#fff;}
.only_btns{margin-top:125px; padding-right:20px; float:right; display:inline;}
.only_btns a{width:96px; height:28px; display:inline-block; border:1px solid #26a9ff; line-height:28px; color:#26a9ff; text-align:center; border-radius:5px; margin-left:10px;}
.only_btns a:hover{color:#fff; background:#26a9ff;}

/*左侧内容*/
.m_conl{width:880px; float:left; display:inline;}

/*热门游戏*/
.til a{width:43px; height:17px; border:1px solid #26a9ff; display:inline-block; font-size:12px; color:#26a9ff; line-height:17px; text-align:center; border-radius:3px; margin-left:15px;}
.til a:hover{background:#26a9ff; color:#fff;}
.game_li ul li{width:280px; *width:278px; width:278px \9; height:240px; background:#fff; box-shadow:0 0 4px rgba(0,0,0,0.2); *border:1px solid #dadada; border:1px solid #dadada \9; border-radius:3px; overflow:hidden; margin:20px 20px 0 0; float:left; display:inline;}
.game_pic{width:100%; height:170px; display:block; overflow:hidden;}
.game_pic img{width:100%; height:100%;}
.game_li ul li h4{height:40px; padding:0 20px;}
.game_li ul li h4 a{float:left; display:inline; font:bold 14px/40px Microsoft YaHei; color:#565656;}
.game_li ul li h4 a+a{width:75px; height:20px; border:1px solid #26a9ff; border-radius:3px; float:right; display:block; margin-top:9px; font:14px/20px Microsoft YaHei; color:#26a9ff; text-align:center; transition:all 200ms linear;}
.game_li ul li h4 a+a:hover{background:#26a9ff; color:#fff;}
.g_gw{height:30px; line-height:30px; color:#888; background:#f6f6f6; padding:0 20px;}
.g_gw i{float:left; display:inline;}
.g_gw span{float:right; display:inline;}
.g_gw span a{margin:0 3px; color:#888;}
.g_gw span a:hover{color:#26a9ff;}

/*更多游戏*/
.game_more{height:380px; box-shadow:0 0 4px rgba(0,0,0,0.2); margin-top:20px; *border:1px solid #dadada; border:1px solid #dadada \9;}
.game_more ul li{width:230px; margin:40px 15px 0 40px; float:left; display:inline;}
.g_pic{width:75px; height:75px; overflow:hidden; float:left; display:block; position:relative;}
.g_pic img{width:100%; height:100%; transition:all 200ms linear;}
.g_pic i{width:75px; height:75px; background:url(../../img/index/pic_bor.png) no-repeat; position:absolute; top:0; left:0;}
.g_pic:hover img{transform:scale(1.2);}
.g_dec{width:135px; float:right; display:inline;}
.g_dec a{font:bold 14px Microsoft YaHei; color:#363636;}
.g_dec span{display:block; line-height:30px;}
.g_dec p a{width:45px; height:20px; border:1px solid #8a8a8a; float:left; display:block; text-align:center; color:#8a8a8a; border-radius:3px; transition:all 200ms linear; font-weight:normal;}
.g_dec p a+a{width:75px; border:1px solid #26a9ff; float:right; display:block; color:#26a9ff;}
.g_dec p a:hover{border-color:#26a9ff; color:#26a9ff;}
.g_dec p a+a:hover{background:#26a9ff; color:#fff;}

/*右侧内容*/
.m_conr{width:300px; float:right; display:inline;}

/*新闻资讯*/
.m_news_lis{height:230px; padding:10px 10px 0; box-shadow:0 0 4px rgba(0,0,0,0.2); *border:1px solid #dadada; border:1px solid #dadada \9; margin-top:20px;}
.m_news_pic{width:280px; height:80px; overflow:hidden; position:relative;}
.m_news_pic img{width:100%; height:100%;}
.m_news_til{width:100%; height:24px; position:absolute; bottom:0; left:0;}
.n_til_bg{width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50); position:absolute; bottom:0; left:0;}
.m_news_til p{width:260px; padding:0 10px; line-height:24px; color:#fff; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:absolute; bottom:0; left:0;}
.m_news_til p a{color:#fff;}
.m_news_til p a:hover{text-decoration:underline;}
.m_news_lis ul li{line-height:28px; color:#898989; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.m_news_lis ul li a{color:#898989;}

/*开服动态*/
.m_ser_box{height:450px; border-radius:3px; box-shadow:0 0 4px rgba(0,0,0,0.2); *border:1px solid #dadada; border:1px solid #dadada \9; margin-top:20px;}
.m_ser_til{height:38px; border-bottom:1px solid #ececec;}
.m_ser_til a{width:50%; height:38px; float:left; display:block; font:16px/38px Microsoft YaHei; color:#ff6633; text-align:center; position:relative;}
.m_ser_til a i{width:0; height:2px; position:absolute; bottom:-1px; left:0; background:#ff6633; transition:all 200ms linear;}
.m_ser_til a.on{font-weight:bold;}
.m_ser_til a.on i{width:100%;}
.m_ser_til a:hover{font-weight:bold;}
.m_ser_til a:hover i{width:100%;}
.m_ser_con{padding:15px 15px 0;}
.m_ser_egcon{height:400px;}
.m_ser_egli, .m_ser_eg{display:none;}
.m_ser_egdec{border-bottom:1px dashed #dcdcdc;}
.m_ser_egdec p{height:33px; line-height:33px; color:#929292;}
.m_ser_egdec p span{float:left; display:block; text-align:center; overflow:hidden;}
.w75{width:75px;}
.w110{width:110px;}
.m_ser_kf{height:56px; display:none;}
.m_ser_kf a{display:block;}
.m_ser_pic{width:78px; height:44px; margin-top:5px; overflow:hidden; border:1px solid #f1efef; float:left;}
.m_ser_pic img{width:100%; height:100%;}
.m_ser_kf em{width:75px; margin-top:5px; float:left; display:block; margin-left:10px; color:#26a9ff; line-height:24px;}
.m_ser_kf em a{font-weight:bold; color:#26a9ff;}
.m_ser_btn{width:67px; height:22px; margin-top:16px; background:#26a9ff; float:right; color:#fff; text-align:center; line-height:22px; border-radius:3px;}
.m_ser_kf2 em, .m_ser_kf2 em a{color:#1b93e2;}
.m_ser_kf2 .m_ser_btn{background:#26a9ff;}

.m_ser_ico{text-align:center; padding:15px 0;}
.m_ser_ico i{width:10px; height:10px; margin:0 3px; display:inline-block; border-radius:100%; background:#8c8c8c; text-indent:-15px; overflow:hidden; cursor:pointer;}
.m_ser_ico i.on{background:#26a9ff;}
.m_ser_ico2 i.on{background:#26a9ff;}

/*快速通道*/
.fast_con{height:200px; box-shadow:0 0 4px rgba(0,0,0,0.2); margin-top:20px; border-radius:3px; overflow:hidden; *border:1px solid #dadada; border:1px solid #dadada \9; border-bottom:0;}
.fast_con a{width:88px; height:49px; padding-left:60px; display:block; height:49px; border-right:1px solid #ececec; border-bottom:1px solid #ececec; float:left; font-size:14px; line-height:49px; color:#7f7f7f; position:relative;}
.fast_con a i{width:20px; height:17px; background:url(../../img/index/icon.png) no-repeat; position:absolute; top:17px; left:25px;}
.fast_con a i.f_ico1{background-position:-60px -280px;}
.fast_con a i.f_ico2{background-position:-138px -280px;}
.fast_con a i.f_ico3{background-position:-60px -330px;}
.fast_con a i.f_ico4{background-position:-138px -328px;}
.fast_con a i.f_ico5{background-position:-60px -379px;}
.fast_con a i.f_ico6{background-position:-137px -379px;}
.fast_con a i.f_ico7{background-position:-60px -428px;}
.fast_con a i.f_ico8{background-position:-138px -428px;}
.fast_con a:hover{background:#F26522; color:#fff;}
.fast_con a:hover i.f_ico1{background-position:-95px -280px; }
.fast_con a:hover i.f_ico2{background-position:-178px -280px;}
.fast_con a:hover i.f_ico3{background-position:-97px -330px;}
.fast_con a:hover i.f_ico4{background-position:-179px -327px;}
.fast_con a:hover i.f_ico5{background-position:-97px -379px;}
.fast_con a:hover i.f_ico6{background-position:-177px -379px;}
.fast_con a:hover i.f_ico7{background-position:-97px -428px;}
.fast_con a:hover i.f_ico8{background-position:-178px -428px;}

/*客服中心*/
.kf_til{height:47px;}
.kf_til a{width:98px; height:20px; border:1px solid #26a9ff; color:#26a9ff; line-height:20px; font-size:14px; text-align:center; border-radius:3px; margin-top:15px; float:right; display:block;}
.kf_til a:hover{background:#26a9ff; color:#fff;}
.kf_con{height:130px; box-shadow:0 0 4px rgba(0,0,0,0.2); *border:1px solid #dadada; border:1px solid #dadada \9;}
.kf_con span{width:132px; height:105px; padding-top:25px; border-right:1px solid #dadada; float:left; display:block; text-align:center;}
.kf_con span a{width:78px; height:20px; display:block; border:1px solid #26a9ff; border-radius:3px; margin:10px auto 0; color:#26a9ff; line-height:20px;}
.kf_con span a:hover{background:#26a9ff; color:#fff;}
.kf_con p{width:165px; float:left; display:inline;}
.kf_con p a{width:100%; height:65px; display:block; font-size:16px; line-height:65px; text-align:center; border-bottom:1px solid #dadada; color:#26a9ff; position:relative;}
.kf_con p a i{width:12px; height:16px; background:url(../../img/index/icon.png) no-repeat; background-position:-128px -198px; position:absolute; top:24px; left:15px;}
.kf_con p a:hover{text-decoration:underline;}
.kf_con p em{padding:10px 0 0 20px; font-size:14px; color:#8a8a8a; display:block;}
.kf_con p em b{font-size:18px; color:#26a9ff; display:block;}




/*侧边栏*/
.side_nav{width:52px; position:fixed; bottom:20px; right:0; z-index:999;}
.side_nav a, .side_nav a.side_ico4 i, .side_nav a.side_ico3 i{width:52px; height:52px; display:block; background:url(../../img/index/side_ico.png) no-repeat; transition:all 200ms linear;}
.side_nav a+a{margin-top:10px;}
.side_nav a.side_ico4, .side_nav a.side_ico3{width:auto; height:auto; position:relative;}
.side_nav a.side_ico1{background-position:0 0; display:none;}
.side_nav a.side_ico2{background-position:0 -104px;}
.side_nav a.side_ico3 i{background-position:0 -208px;}
.side_nav a.side_ico4 i{background-position:0 -312px;}

.side_nav a.side_ico1:hover{background-position:0 -52px;}
.side_nav a.side_ico2:hover{background-position:0 -156px;}
.side_nav a.side_ico3:hover i{background-position:0 -260px;}
.side_nav a.side_ico4:hover i{background-position:0 -364px;}
.side_wx{position:absolute; bottom:0; left:-145px; display:none;}
.token{position:absolute; bottom:-63px; left:-155px; display:none;}


/*底部*/
.foot{text-align:center; background:#F6F6F6; padding-bottom:20px; margin-top:40px; font-size:13px; color:#b0b0b0;}
.foot a:hover{text-decoration:underline;}
.f_head{height:50px; line-height:50px; position:relative;}
.f_head a{color:#626161; margin:0 8px;}
.f_ico{position:absolute; top:0; right:0; height:50px;}
.f_ico a{width:24px; height:20px; float:left; display:block; margin-top:15px; background:url(../../img/index/icon.png) no-repeat; background-position:-155px -197px;}
.f_ico a.f_wx{background-position:-192px -196px; position:relative;}
.f_ico a.f_wx img{position:absolute; bottom:30px; left:-35px; display:none;}
.f_links{height:34px; line-height:34px; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.f_links a{color:#b0b0b0; margin:0 5px;}
.f_logo{padding:15px 0 20px;}
.f_logo span{float:left; display:inline;}
.f_logo span a{margin-left:15px;}
.f_logo p{width:820px; line-height:22px; float:right; display:inline; text-align:left;}
.f_logo p a{color:#b0b0b0;}
.f_logo a:hover{text-decoration:none;}
.f_pic{line-height:47px; padding-top:20px;}
.f_pic a{display:inline-block; margin:0 10px; color:#b0b0b0;}
.f_pic_m img{float:left; display:inline;}
.f_pic_m i{float:left; display:inline-block; line-height:47px; margin-left:10px;}