:root{overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
:focus{outline:0;}
address,caption,cite,code,dfn,em,b,i,th,var,optgroup{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
abbr,acronym{border:0;font-variant:normal;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
textarea{*overflow:auto;}
code,kbd,samp,tt{font-size:100%;}
input,button,textarea,select{*font-size:100%;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
sup,sub{font-size:100%;vertical-align:baseline;}
:link,:visited,ins{text-decoration:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
/*common*/
body{background: #151515; color:#eee;}
.tl{text-align:left;}
.tc,.center{text-align:center;}
.tr{text-align:right;}
.fl{float:left!important;display:inline;}
.fr{ float:right!important; display:inline;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix{display:inline-block;}* html .clearfix{height:1%}.clearfix{display:block;}
.clear{ clear:both;}
.vm{vertical-align:middle;} 
.pr{position:relative;} 
.pa{position:absolute;}
.abs_right{position:absolute;right:0;}
.zoom{zoom:1;} 
.hidden{visibility:hidden;}  
.highlight{color:#F30!important;}
.blank10 { clear:both; height:10px; overflow:hidden; display:block; }
.blank12 { clear:both; height:12px; overflow:hidden; display:block; }
.blank15 { clear:both; height:15px; overflow:hidden; display:block; }
.blank20 { clear:both; height:20px; overflow:hidden; display:block; }
/*show hide*/
.hide{display: none;}
.show{display: block;}

/*home*/
#home{ width:100%; background:url(../img/bg_top.jpg) top center no-repeat;}
#home img,#page img{ display:block;}
#header{ width:1000px; margin:0 auto; position:relative;}
#header .game-logo{position: absolute;top:0;left:350px;}
#header .nav{ width:1000px; height:82px; position:absolute; top:0; left:0;}
#header .nav a{display:block;float:left;height:82px;width:130px;font:bold 18px/80px "Microsoft YaHei";text-align:center;color: #000;}
#header .nav .nav_a4{ margin-left:219px;}
#header .nav a:hover{color: #d32727;text-decoration:none;}
#header .pa_a{ display:block; width:200px; height:70px; position:absolute; bottom:0; right:0;}
#header .pa_a img{ width:200px; height:70px;}
#header .pa_a:hover img{ border:1px solid #399; width:198px; height:68px;}
/*content*/
.layout{ width:1000px; padding-bottom:30px; margin:0 auto; position:relative; z-index:30;}
.w260{ width:260px; border:1px solid #111;}
.w260 .hd{ width:260px; height:40px; background:#efefef;}
.w260 .hd h6{ font:16px/40px 'Microsoft YaHei'; color:#606060; text-align:center;}
/*left_side*/
.left_side{ width:262px;}
.game_start{ display:block; width:262px; height:167px; background:url(../img/icon.png) 0 0 no-repeat; position:relative; overflow:hidden; text-indent:-99em;}
.game_start:hover{ background:url(../img/icon.png) 0 -167px no-repeat;}
.mod-login{ padding:0 23px; width:214px; height:163px; border:1px solid #111;}
.sub-til{ height:30px; color:#636363; font:16px/30px 'Microsoft YaHei'; border-bottom:1px dashed #111;}
.sub-til span{color: #ffa900;}
#login_box .bd{ width:240px; padding:10px 10px 0; height:113px;}
.in-item{ width:182px; height:57px;}
.in-item input{display:inline-block;float:left;width:161px;height:23px;padding:2px 10px;font:14px/22px 'Microsoft YaHei';color:#000;border: 1px solid #ffa900;/* border-bottom: 0px; */}
.in-item input.psw{ border-top:none;}
.in-option{ width:239px; height:30px; background:url(../img/bg_hv.png) 58px 10px no-repeat;}
.in-option a{ display:inline-block; float:left; width:66px; height:30px; font:14px/30px 'Microsoft YaHei'; color:#333; text-align:center;}
.in-option a:hover{color: #ffa900;}
.btn-login{ width:57px; height:57px;}
.btn-login input{ display:block; width:57px; height:57px; border:none; cursor:pointer; background:url(../img/icon.png) 0 -506px no-repeat;}
.btn-login input:hover{ background:url(../img/icon.png) -57px -506px no-repeat;}
.layout .other-login{ width:239px; height:20px;display: none;}
.other-login i{ display:inline-block; float:left; width:60px; margin-left:4px; height:20px; font:14px/22px 'Microsoft YaHei'; color:#333;}
.other-login .qq{ display:inline-block; float:left; margin-top:4px; width:17px; height:14px; background:url(../img/icon.png) -24px -563px no-repeat;}
.other-login .qq:hover{ background:url(../img/icon.png) 0 -563px no-repeat;}
.other-login .yzz{ display:inline-block; float:left; margin-top:4px; margin-left:4px; width:17px; height:14px; background:url(../img/icon.png) -80px -563px no-repeat;}
.other-login .yzz:hover{ background:url(../img/icon.png) -56px -563px no-repeat;}

/*?????*/
.login-info{ padding-top:10px; border-top:1px dashed #686a6c;}
.ser_list{ width:189px;}
.ser_list p{color: #ffa900;}
.ser_list p,
.ser_list li{ display:inline-block; float:left; height:30px; font:12px/30px 'Microsoft YaHei';}
.ser_list li{ width:125px;}
.ser_list li a{ color:#606060;}
.ser_list li.hover a,.ser_list li a:hover{color: #ffa900;}
.ser_list ul{ display:inline-block; float:right; width:125px; overflow:hidden;}
.t_links{ text-align:right;}
.t_links a{ font:14px/26px 'Microsoft YaHei'; color:#606060; margin:0 5px;}
.t_links a:hover{color: #ffa900;}
/*server_sel*/
.server_sel{ padding-bottom:10px;}
.serve-tj{ text-align:center; font:14px/29px 'Microsoft YaHei'; color:#849c97;}
.serve-tj *{ vertical-align:middle;}
.serve-tj input{ width:58px; height:23px; padding:3px 5px; background:#efefef; color:#606060; border:none; outline:none; margin-left:5px;}
.serve-tj a{ width:80px; height:29px; background:url(../img/icon.png) 0 -439px no-repeat; text-align:center; color:#2f230a; line-height:28px; display:inline-block;}
.serve-list{ margin-top:12px;  padding:0 18px;}
.serve-list li{ height:30px; padding-left:15px;}
.serve-list li.hot{}
.serve-list li span{ float:right; cursor:pointer;}
.serve-list li a{ color:#606060; font:14px/30px 'Microsoft YaHei';}
.serve-list li a:hover{color: #f30;}
.serve-list li a:hover span{ text-decoration:underline;}
.serve-more{display:block;margin:10px auto 0 auto;width:241px;height:40px;font:14px/40px 'Microsoft YaHei';color:#fff;background: #ffa900;text-align:center;}
.serve-more:hover{ color:#000;}
/*weixin_qq*/
.weixin_qq{ width:260px; height:263px; border:1px solid #111;}
.wq-ctrl{ width:260px; height:40px;}
.wq-ctrl span{ display:inline-block; float:left; width:130px; height:40px; text-indent:-99em; overflow:hidden; cursor:pointer;}
#wq1{ background:url(../img/icon.png) 0 -374px no-repeat;}
#wq2{ background:url(../img/icon.png) -130px -374px no-repeat;}
#wq1.hover{ background:url(../img/icon.png) 0 -334px no-repeat;}
#wq2.hover{ background:url(../img/icon.png) -130px -334px no-repeat;}
.wq-con{ width:260px; height:223px;}
/*call_center*/
.call_center .bd{ width:240px; padding:0 10px; height:200px; background:url(../img/bg_callcenter.png) center top no-repeat;}
.call_center .bd p{ height:34px; font:14px/34px 'Microsoft YaHei'; color:#606060;}
.call_center .bd a{ display:inline-block; float:left; margin-right:10px; width:70px; padding-left:28px; height:25px; background:url(../img/icon.png) 0 -414px no-repeat; font:14px/24px 'Microsoft YaHei'; color:#fff;}
/*right_side*/
.right_side{ width:728px; position:relative;}
/*xslide*/
#xslide{width:728px; height:343px; position:relative;}
#xslide img{display:block;}
#xslide .xmain{ position:relative; width:726px; height:341px; overflow:hidden; border:1px solid #111;}
#xslide .xmain ul{ height:341px; position:absolute; left:-560px; top:0;}
#xslide .xmain li{ width:726px; height:341px; position:absolute; left:560px; display: none;}
#xslide .xmain li img{ width:726px; height:341px; display:inline;}
#xslide .xfocus{ width:145px; position:absolute; height:20px; z-index:999; overflow: hidden; right:15px; bottom:10px;}
#xslide .xfocus li{ width:30px; height:10px; float:left; display:inline; margin:0 3px; background:#fefefe; text-indent:-999em; cursor: pointer; overflow:hidden;}
#xslide .xfocus li.hover{background: #ffa900;}
/*four_links*/
.four_links{ width:728px; height:90px;}
.four_links a{ display:inline-block; float:left; width:173px; height:88px; border:1px solid #111; margin-right:9px; background:url(../img/bg_fl.png) no-repeat; text-indent:-99em; overflow:hidden;}
.four_links a:hover{ background:url(../img/bg_fl_on.png) no-repeat;}
.four_links .a1,.four_links .a1:hover{ background-position:0 0;}
.four_links .a2,.four_links .a2:hover{ background-position:-184px 0;}
.four_links .a3,.four_links .a3:hover{ background-position:-368px 0;}
.four_links .a4,.four_links .a4:hover{ margin:0 0 0 1px; background-position:-553px 0;}
/*news*/
.news{ width:456px; height:264px; border:1px solid #111; border-top:none;}
.til-ui2{ height:40px; width:456px; background:#efefef url(../img/bg_span.png) repeat-x;}
.til-ui2 .more{ float:right; margin-right:10px; display:inline-block; width:70px; height:38px; margin-top:2px; text-indent:-99em; overflow:hidden; background:url(../img/icon.png) 0 -468px no-repeat;}
.til-ui2 .more:hover{ background:url(../img/icon.png) -70px -468px no-repeat;}
.news-ctrl span{ display:inline-block; float:left; cursor:pointer; font:14px/38px 'Microsoft YaHei'; color:#606060; width:80px; height:38px; border-top:2px solid #111; text-align:center;}
.news-ctrl span.hover{background:#fff;border-top-color: #ffa900;}
.news-con{ height:224px;}
.news-con h2{ height:50px; text-align:center;  font:bold 16px/50px 'Microsoft YaHei';}
.news-con h2 a{color: #ffa900;}
.news-list{ padding:0 15px;}
.news-list li{ height:32px; line-height:32px; font:14px/32px 'Microsoft YaHei'; border-top:1px dashed #e6e6e6;}
.news-list li a{ font:14px/32px 'Microsoft YaHei'; color:#606060;}
.news-list li a:hover,
.news-con h2 a:hover{ color:#F30;}
.news-list li span{ float:right; color:#606060;}
.news-list li em{ padding:0 5px; color:#606060; margin-right:10px;}
/*game_src*/
.game_src .bd{ width:260px; height:223px;}
.gs_list{ widht:260px; height:30px; padding:5px 0; border-bottom:1px dashed #efefef;}
.gs_list a{display:inline-block;float:left;width:70px;margin:0 8px;font:14px/30px 'Microsoft YaHei';color: #ffa900;text-align:center;}
.gs_list a:hover{background: #ffa900;color:#fff;text-decoration:none;}
.gs_list a.hover{height:28px;line-height:28px;border-bottom: #ffa900;}
.gs-con{ width:260px; height:182px;}
.gs-con a{ display:inline-block; float:left; width:86px; height:32px; font:14px/32px 'Microsoft YaHei'; text-align:center; color:#606060;}
.gs-con a:hover{color: #f30;}
/*ads_media*/
.ads_media{ width:458px; height:416px;}
.coop_media .bd{ width:260px; height:98px;}
.ads_slide_list{ height:140px; position:relative;}
.ads_slide_list li{ display:inline-block; float:left; width:456px; height:140px; margin:0;}
.ads_slide_list li a img{ width:456px; height:140px;}
#bp_ads{ display:block; width:456px; height:140px; border:1px solid #111; position:relative; overflow:hidden;}

/*medias*/
.medias{ width:456px; height:262px; border:1px solid #111;}
.medias .hd{ height:40px; background:#efefef;}
.medias .hd h6{ font:16px/40px 'Microsoft YaHei'; color:#606060; text-align:center;}
.medias .bd{ width:456px; height:222px;}
.medias-ctrl{ width:456px; height:30px; padding:5px 0; border-bottom:1px dashed #efefef;}
.medias-ctrl a{display:inline-block;float:left;width:70px;margin:0 8px;font:14px/30px 'Microsoft YaHei';color: #ffa900;text-align:center;}
.medias-ctrl a:hover{background: #ffa900;color:#fff;text-decoration:none;}
.medias-ctrl a.hover{height:28px;line-height:28px;border-bottom: 2px solid #ffa900;}
.medias-con,.medias-con ul{ width:456px; height:181px;}
.medias-con ul{ display:block;}
.medias-con ul li{ display:inline-block; float:left; width:436px; padding:0 10px; height:34px; font:14px/34px 'Microsoft YaHei';}

.medias-con ul li span{ display:inline-block; float:right; width:50px; height:34px; text-align:center;}
.medias-con ul li a{ color:#606060;}

/*str_coop*/
.str_coop{ width:262px; height:416px;}
.strategy .bd{ padding:0 10px;}
.strategy .bd ul,.strategy .bd{ display:block; width:240px; height:224px;}
.strategy .bd ul li{ display:inline-block; float:left; height:36px; width:240px;}
.strategy .bd ul li a{ font:14px/36px 'Microsoft YaHei'; color:#606060;}
.strategy .bd ul li a:hover,.medias-con ul li a:hover{color: #f30;}

/*coop_media*/
.coop_media .bd{ width:260px; height:98px;}
.slide{width:260px; height:70px; position:relative; overflow:hidden;}
.slide_list{ height:70px; position:relative;}
.slide li{ display:inline-block; float:left; width:130px; height:70px; margin:0;}
.slide li a img{ width:130px; height:70px;}
/*????????*/
.link_box{ width:230px; height:21px; position:absolute; right:6px; bottom:4px;}
.link_box span{ display:inline-block; float:left; height:21px; padding:0 2px; font:14px/20px 'Microsoft YaHei'; color:#333;}
.link_box .link_con{ width:130px; height:21px; float:left;}
.ico-arrowdown{ display:inline-block; float:left; width:17px; height:19px; background:url(../img/icon.png) -111px -439px no-repeat;}
.footer-mt-lnk{ display:block; height:19px;line-height:22px; color:#666;text-indent:1em;font-size:14px; border:1px solid #d7d7d7; cursor:pointer; background:#fff; position:relative;}
.footer-mt1{ z-index:3;}
.footer-mt2{ z-index:2;}
.footer-mt3{ z-index:1;}
.footer-mt-lnk em{ width:106px; height:19px; font:12px/18px 'Microsoft YaHei'; color:#333;}
.footer-mt-st{display:none; position:absolute; width:130px; height:100px; border:1px solid #d7d7d7;background:#fff; overflow-x:hidden;overflow-y:auto; z-index:9999;}
.footer-mt-st a{ display:inline-block; float:left; padding-left:10px; width:120px; height:24px; font:14px/24px 'Microsoft YaHei'; color:#333;}
.footer-mt-st a:hover{ text-decoration:none; color:#fff; background:#30a4f9;}
/*footer*/
.footer{ width: 100%; margin-top:12px; position:relative; z-index:9;background: #fff;}
.footer .tips{ width:100%; height:40px; background: #0f0e0d;}
.footer .tips p{ width:1000px; margin:0 auto; font:14px/40px 'Microsoft YaHei'; height:40px; color:#8d8d8d; text-align:center;}
.footer .footer-ctn{width: 1000px;margin: 0 auto;padding: 20px 0;}
.footer .footer-ctn .pic-link{width: 120px;height: 84px;}
.footer .footer-ctn .cont{width:750px;color:#8a8989;}
.footer .footer-ctn p{ margin-top:6px; font:12px/24px 'Microsoft YaHei'; text-align:center;}
.footer .footer-ctn p a{border-left:1px solid #8a8989;color:#8a8989;padding: 0 6px 0 16px;}
.footer .footer-ctn span{background:url(../img/icons_footer.png) no-repeat; padding-left:18px; margin:0 6px;}
.footer .footer-ctn p a:hover{ color:#1aa5f4;}
.footer .footer-ctn span a{border-left: 0 none;padding: 0;}
.footer .footer-ctn .qq{background-position:-2px -5px;}
.footer .footer-ctn .tel{background-position:-2px -29px; padding-left:22px;}
.footer .footer-ctn .email{background-position:-4px -52px; padding-left:22px;}
.footer .footer-ctn .tx-weibo{background-position:0 -72px; padding-left:28px;line-height: 24px;display: inline-block;*display: inline;*zoom: 1;}
.footer .footer-ctn .sina-weibo{background-position:-4px -96px;padding-left: 22px;line-height: 24px;display: inline-block;*display: inline;*zoom: 1;}
.footer .web_clu{ width:81px; height:80px;}
.footer .web_clu img{ width:81px; height:80px;}

.side-widget{ width:240px; position:absolute;}
.side-widget h2{ font:bold 22px/50px 'Microsoft YaHei'; color:#ff0000; text-align:center;}
.side-widget-con{ background:#fff; }
.side-widget-con h5{font:14px/20px 'Microsoft YaHei'; color:#000; border-bottom:1px #b8b8b8 solid; padding-bottom:12px;}
.side-widget-con h5 span{ color:#ff0000;}
.server-info{margin-top:10px; }
.server-info strong{ color:#ff0000; float:left; width:70px; color:#ff3f00;}
.server-info ul{ padding-left:70px;}
.server-info ul li{ line-height:26px;}
.zhuxiao{ display:block; width:170px; height:35px; font-weight:bold; line-height:35px; text-align:center; color:#fff; background:url(../img/base.png) -330px -125px no-repeat; margin:10px auto 0 auto;}
.zhuxiao:hover{ color:#fff;}
/*list*/
.list{ width:726px; background:#fff;}
.list .hd{ height:44px; width:687px; padding:31px 0 25px 39px; background:#3d3d3d;border-bottom:1px solid #353f5a;}
.list .hd h4{height:32px;font:bold 24px/32px 'Microsoft YaHei';color: #ffffff;}
.list .hd em{display:block;height:12px;font:12px/12px 'Microsoft YaHei';color: #ffffff;}
.columns_nav{ width:705px; height:54px; padding-top:20px; margin:0 10px; background:url(../img/bg_columns_nav.png) 0 20px repeat-x;}
.columns_nav a{ display:inline-block; float:left; width:141px; height:54px; font:18px/42px 'Microsoft YaHei'; color:#606060; text-align:center;}
.columns_nav a.hover,.columns_nav a:hover{ background:url(../img/icon.png) -121px -506px no-repeat; color:#fff;}
.list-con{ padding:20px 10px; background: #202020;}
.textlist{ height:928px;}
.textlist li{ height:34px; border-bottom:1px #ddd dashed; font:14px/34px 'Microsoft YaHei'; color:#444;}
.textlist li span{ float:right; color:#888888;}
.textlist li a{ color:#606060;}
.textlist li a:hover{ color:#30a4f9;}
.area-main .list-con{ height:942px;}
.article-nav a{ color:#606060;}
/*DeDeCMS Default Page Number*/
.page-number{width:100%;overflow:hidden; position:relative; font-size:12px;}
.page-number ul{float:left;width:auto;padding:15px 0px;position:relative;left:50%;}
.page-number ul li{float:left;position:relative;right:50%;font-family:Verdana;padding:2px 10px;width:auto; font:14px/24px 'Microsoft YaHei'; border:1px solid #666; background:none; height:24px; margin:0 2px;}
.page-number ul li a{ display:block;color:#000; font:14px/24px 'Microsoft YaHei';}
.page-number ul li a:hover,.page-number ul li.thisclass a{text-decoration:none;color:#000;}
.page-number .pageinfo{color:#999;float:left;position:relative;line-height:17px;padding:2px 4px;}
.page-number .pageinfo strong{color:#666;font-weight:normal;margin:0px 2px;}
.page-number ul li.thisclass{ background:#30a4f9; color:#fff;}
.page-number ul li.thisclass a{ color:#F60;}
/*ArticleCaption*/
#article{ padding:5px 17px 20px;}
#article h1{font-size:24px;font-family:Microsoft YaHei;color: #ffa900;padding-top:10px;text-align:center;overflow:hidden;font-weight:bold;}
#article address{height:20px;line-height:20px;text-align:center; padding:10px 0 20px; color:#7f7f7f;}
#article address span{margin:0 5px; font-size:12px;}
#article address span a{color: #ffa900;}
#article .copyright{text-align:right;color:#F00; font-size:12px;}
#wrapper{width:100%; border-top:1px dashed #9e9e9e;}
#wrapper td{line-height:1.6;font-size:14px;}
#wrapper td p,#wrapper td center,#wrapper td div{margin:1em 0;}
#wrapper td img{vertical-align:bottom; background:none;display: inline-block;}
.article-nav span{ line-height:24px; color:#30a4f9; font-size:14px; font-weight:bold;}
.article-nav span a:hover{ color:#30a4f9;}

.module .m_hd { height:62px;}
.module .m_bd{ padding-bottom:20px;}
.join .m_hd{ background:url(../img/icons.png) 0 -672px no-repeat;}
.join ul{ overflow:hidden; *zoom:1;}
.join ul li{ float:left; display:inline; margin:0 16px 19px 0;}
.jlink{ padding-top:8px;}
.jlink a{ margin:0 4px 0 3px;}

/*??????????*/
.tj_s{ margin-bottom:20px;}
.list-con .tj_hd,.list-con .every_hd{ height:38px; border-bottom:1px dashed #ddd;}
.list-con .tj_hd h4,
.list-con .every_hd h4{ font-family: "Microsoft YaHei"; font-size:20px; line-height:38px; font-weight: bold;}

.tj_bd ul li,
.every_bd ul li{ color: #fff; display: inline; float: left; height:43px; line-height:42px; margin: 15px 3px 0; text-align: center; width:169px;}
.tj_bd ul li{ background:url(../img/icon.png) 0 -577px no-repeat;}
.every_bd ul li{ background:url(../img/icon.png) 0 -620px no-repeat;}
.tj_bd ul li a,
.every_bd ul li a{ color:#fff;}

.tj_bd ul li a:hover,
.every_bd ul li a:hover{ color:#f8ff7f;}

#c_login_info{ width:102px; float:left;}
#commom-sitenav .c_accountbox {display: inline; float: left; height: 39px; line-height: 39px; overflow: hidden; text-align: left; white-space: nowrap; width: 52px; } 
#commom-sitenav .c_exit {background: #fff none repeat scroll 0 0; border: 1px solid #cfcecd; cursor: pointer; display: inline; float: right; height: 23px; margin: 8px 0 0; width: 42px; }