@charset "utf-8";

/**
 * bzzr_main.css
 * @author szc
 * @date 2015-01-17
 **/
html,body,div,span,iframe,h1,h2,h3,h4,h5,p,pre,em,img,strong,b,i,dl,dt,dd,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0}
a,input,button{padding:0;margin:0;outline:0}
h1,h2,h3,h4,h5{font-size:100%}
ul,li{list-style:none}
a,button{cursor:pointer}
table{border-collapse:collapse;border-spacing:0;margin:0 auto;}
input,select,img{vertical-align:middle;}
.clearfix{*zoom:1;}
.clearfix:after{display:block;overflow:hidden;clear:both;height:0;visibility:hidden;content:".";}
.clear{clear:both;}
a{color:#a5a5a5;text-decoration:none;}
a:hover{color:#ffdf7c;text-decoration:none;}
.hidden{display:none;}
em,i,strong{font-style:normal;font-weight:normal;}
.content strong{font-weight:bold;}
.f-l{display:inline;float:left;}
.f-r{display:inline;float:right;}
.body{color:#a5a5a5;font:14px/1.5 "Microsoft Yahei",SimSun;margin-top:-600px;}
.container{width:1160px;margin:0 auto;}
.header{width:1160px;height:725px;position:relative;z-index:2;_overflow-x:hidden;}
.wrap{width:1160px;}
.side{width:300px;float:left;_overflow:hidden;margin-bottom:0px;margin-top:76px;}
.main{width:850px;float:right;position:relative;top:0px;}
.nav{background:url(../images/head.png) no-repeat center top;width:1160px;height:140px;position:relative;z-index:2;}
.nav ul{position:relative;height:140px;width:1200px;margin-left:-5px;}
.nav li{width:133px;float:left;_display:inline;height:77px;margin-right:2px;}
.nav li:hover{background:url(../images/head2.png) no-repeat}
#li4{margin-left:359px;}
#li1:hover{background-position:5px 0;}
#li2:hover{background-position:-130px 0;}
#li3:hover{background-position:-265px 0;}
#li4:hover{background-position:-759px 0;}
#li5:hover{background-position:-894px 0;}
#li6:hover{background-position:-1029px 0;}
.nav a{display:block;overflow:hidden;text-indent:-9999em;width:100%;height:100%;}
.nav em{font-size:16px;color:#fBF3DC;}
.top-img{position:absolute;top:0;left:0;width:1000px;height:1px;overflow:hidden;background:url(../images/t-bg.jpg) no-repeat;}
.logo{width:310px;height:126px;text-indent:-9999px;overflow:hidden;position:absolute;left:426px;top:0;display:block;z-index:3;}
.tips18{position:absolute;bottom:-9px;font-size:14px;color:#fff;text-shadow:2px 0 #000,0 2px #000,0 -2px #000,-2px 0 #000;left:8px;z-index:2;}
#qq{position:absolute;left:310px;bottom:-9px;width:90px;height:22px;text-indent:-9999px;overflow:hidden;background:url(../images/qq.png) no-repeat;z-index:2;}

/* start */
.start{height:148px;width:300px;}
.start ul{width:302px;height:148px;background:url(../images/down.png) no-repeat;position:relative;left:-1px;top:0px;}
.start ul:hover{width:302px;height:148px;background:url(../images/downs.png) no-repeat;position:relative;left:-1px;top:0px;transition:.2s;}
/* start */
.starts{height:148px;width:300px;}
.starts ul{width:302px;height:128px;background:url(../images/down1.png) no-repeat;position:relative;left:-1px;top:0px;}
.starts ul:hover{width:302px;height:128px;background:url(../images/down1s.png) no-repeat;position:relative;left:-1px;top:0px;transition:.2s;}

/* loginframe */
.block-a{display:block;height:100%;text-indent:-9999em;overflow:hidden;}
.login-t{height:39px;position:relative;overflow:hidden;}
.login-t a{width:100px;height:100%;background:url(../images/jpg.jpg) no-repeat;float:left;transition:.2s;}
.login-t .charge{background-position:0 0;}
.login-t .charge:hover{background-position:0 -39px;}
.login-t .wd{background-position:-100px 0;}
.login-t .wd:hover{background-position:-100px -39px;}
.login-t .get-reg{background-position:-200px 0;}
.login-t .get-reg:hover{background-position:-200px -39px;}
.login{background-color:#101214;height:167px;color:#999;font-size:12px;margin-bottom:20px;}
.login a{color:#999;}
.login a:hover{color:#ffdf7c;}
.log{position:relative;}
.log li{position:absolute;}
.text{width:171px;height:25px;line-height:25px;padding:0 6px;font-family:"Microsoft Yahei";color:#5c3e2d;background-color:#d9e3e6;border-radius:3px;border:1px solid #00060A;}
.user{left:19px;top: 8px;}
.psw{left:19px;top: 42px;}
.user label,.psw label{display:none;}
.remember{left:20px;top: 74px;}
.get-psw{left:214px;top: 74px;}
.log-btn{width:64px;height:60px;left:214px;top: 8px;}
.log-btn a{width:64px;height:60px;left:214px;top:26px;background:url(../images/png.png) no-repeat 0 -49px;transition:.2s;}
.log-btn a:hover{background-position:0 -110px;}
.loged{margin:0 auto;padding:12px 0 0 0;width:260px;}
.loged li{line-height:20px;}
.loged-usercenter{text-align:right;}
.loged-usercenter a{margin-left:5px;}

/*server*/
.server{}
.t{width:100%;height:30px;line-height:30px;font-size:16px;color:#575f63;}
.con{background-color:#101214;margin:0 0 20px 0;}
.server .con{padding-top:10px;height:289px;background:#101214 url(../images/line-server.png) no-repeat 0 -2px;margin-bottom:23px;}
#quick-enter-click{width:72px;height:22px;background:url(../images/png.png) no-repeat;text-indent:9999em;margin:0 0 0 28px;vertical-align:middle;display:inline-block;overflow:hidden;}
#quick-enter-click:hover{background-position:0 -24px;}
.server ul{width:230px;margin:18px auto;height:155px}
.server li{height:30px;line-height:30px;overflow:hidden;border-bottom:1px solid #1f2223;}
.server li:last-child{border:0;}
.server li a{display:block;background:url(../images/png.png) no-repeat 0 -199px;padding-left:24px;}
.server li span{float:right;color:#61d7f3;}
.server li a:hover{color:#d99502;}
.server-more{color:#1d9fd2;display:block;width:258px;height:38px;background:#101214;text-align:center;line-height:38px;margin:15px auto;border:#1d3e47 1px solid;}
.server-more:hover{color:#FFF;display:block;width:258px;height:38px;background:#046784;text-align:center;line-height:38px;margin:15px auto;border:#1d3e47 1px solid;}
.fastin-input{width:41px;height:24px;text-align:center;line-height:24px;background:url(../images/png.png) no-repeat -91px -131px;color:#FFDF7C;}

/*gonglue*/
.gonglue .con{height:284px;padding-top:16px;background:#101214 url(../images/line-gonglue.png) no-repeat;}
.gonglue .con i{width:260px;height:68px;background:url(../images/jpg.jpg) no-repeat 0 -80px;display:block;margin:0 auto;}
.gonglue ul{width:260px;margin:6px auto 0;height:168px;}
.gonglue li{line-height:27px;border-bottom:1px solid #262528;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.gonglue li a{color:#ccc;}
.gonglue li a:hover{color:#ffdf7c;}

/*service*/
.service{margin:16px 0 19px 0;}
.service .con{height:88px;background:#101214 url(../images/service.jpg) no-repeat right 0;padding:12px 0 0 18px;line-height:25px;}
.service{line-height:23px;}
.service span{font-size:12px;}
.service a{background:url(../images/png.png) -76px 0;width:68px;display:inline-block;vertical-align:middle;height:22px;}
.service a:hover{background-position:-76px -24px}

/*kv*/
.kv{width:850px;height:301px;position:relative;margin:0  0 20px 0;float:left;overflow: hidden;margin-top:90px;}
/*------------banner轮播-------------*/
.main-centont{float:left;margin-left:16px;width:850px;height:auto;margin-top:30px;}
.cbanner{width:850px;height:311px;overflow:hidden;position:relative;border:1px solid #000;}
.cbanner ul{width:2950px;height:311px;position:absolute;left:0;top:0;}
.cbanner ul li{width:850px;height:311px;float:left;}
.cbfBtn{position:absolute;bottom:0;width:120px;height:66px;line-height:66px;margin:0px 0 0 20px;text-align:center;}
.cbfBtn span{width:16px;height:18px;display:inline-block;background:url(../images/sun19.png);margin-left:6px;}
#num .active{background:url(../images/sun18.png);}
/*------------新闻公告-------------*/

#news .con{width:840px;padding:5px 5px 0;height:294px;background:#101214 url(../images/line-news.png) no-repeat -2px -2px;}
.more{float:right;display:block;padding-right:18px;line-height:28px;}
#news{float:left;width:780px;margin:0 10px 0 0;_margin:0 5px 0 0;}
#news-more{color:#575f63;padding:0;line-height:38px;}
.mc-news{width:790px;height:294px;background:url(../images/sun30.jpg) no-repeat;margin-top:5px;}
.mc-news-nav{width:100%;height:50px;line-height:50px;margin-top:-10px;}
.mc-news-nav span,.mc-pic-nav span{font-size:18px;color:#aaabad;margin-left:24px;cursor:pointer;}
.mc-pic-nav span a{font-size:18px;color:#aaabad;}
.mc-pic-nav .mc-more{font-size:14px;color:#aaabad;margin-left:220px;position:relative;}
.mc-news-nav span:hover,.mc-pic-nav span:hover,.mc-news-nav .mc-first,.mc-pic-nav .mc-first a{color:#ff0000;}
.mc-news-nav .mc-more b,.mc-pic-nav .mc-more b{position:absolute;border:1px solid #aaabad;height:11px;line-height:10px;top:20px;text-align:center;display:inline-block;vertical-align: middle;margin-left:6px;
	             transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s}
.mc-more:hover.mc-more b{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.mc-news-nav .mc-more{font-size:14px;color:#aaabad;margin-left:270px;position:relative;}
.mc-tab{position:relative;margin:5px 0 0 24px;}
.mc-newses{position:absolute;top:0;left:0;width:798px;height:220px;display:none;overflow:hidden;}
#mc-newses{display:block;}
.mc-newses a{width:798px;color:#aaabad;font-size:14px;height:30px;line-height:30px;border-bottom:1px dashed #686868;display:block;position:relative;}
.mc-newses a:hover{background:#353535;color:#fff;}
.mc-newses a img{vertical-align: middle;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s}
.mc-newses a span{margin-left:6px;}
.mc-newses a i{position:absolute;right:6px;}
.mc-newses .mn-three,.mc-newses .mn-seven{color:#ff0000;opacity:1;filter:alpha(opacity:100);}
.mn-two:hover.mn-two img{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.mn-three:hover.mn-three img{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.mn-four:hover.mn-four img{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.mn-five:hover.mn-five img{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.mn-six:hover.mn-six img{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.mn-seven:hover.mn-seven img{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}


/*huodong*/
.huodong{float:left;width:300px;}
.huodong .con{height:300px;overflow:hidden;padding-top:3px;background:url(../images/line-huodong.png) no-repeat 0 0px;position:relative;top:-3px;}
.huodong li{width:149px;height:99px;margin:0 0 1px 0;border-left:1px solid #101214;overflow:hidden;float:left;background:url(../images/jpg.jpg) no-repeat 0 -218px;}
.huodong li:hover{background-position:-149px -218px;}
.hd-hot{width:149px;height:99px;display:block;text-align:center;}
.hd-hot i{width:70px;height:70px;display:block;background:url(../images/icona.png) no-repeat;margin:4px auto 0;transition:.5s;transform-origin:50% 50%;}
.hd-hot:hover i{transform:rotate(360deg);background-image:url(../images/iconb.png)}
#hd1 i{background-position:-4px -6px}
#hd2 i{background-position:-134px -3px}
#hd3 i{background-position:-3px -107px;}
#hd4 i{background-position:-132px -106px}
#hd5 i{background-position:-8px -206px}
#hd6 i{background-position:-132px -206px}
.hd-hot em{width:100%;height:20px;line-height:20px;color:#2482C6;font-weight:bold;}
.hd-hot:hover em{color:#69A0C8;}

/*article list*/
.c-body{height:auto;}
.c-body .container{height:auto;}
.c-body .main{top:14px;background:#101214;margin:0 0 50px 0;_top:0;}
.c-body .service{margin:15px 0 0 0;}
.news-tle{position:relative;height:109px;background:#162029}
.news-tle .position{position:relative;height:72px;border-bottom:1px solid #101214;}
.news-tle .position span{font-size:28px;color:#61d7f3;display:inline;float:left;margin:24px 0 0 29px;}
.position .p-det{line-height:22px;position:absolute;right:26px;bottom:6px;color:#575f63;font-size:12px;}
.position .p-det a{color:#575F63}
.n-main-nav{position:absolute;top:73px;left:0;width:900px;height:37px;}
.n-main-nav li{line-height:36px;display:inline;float:left;width:120px;height:36px;text-align:center;border-right:solid 1px #101214}
.n-main-nav a{display:block;height:100%;font-size:16px;transition:.5s;}
.n-main-nav a:hover,.n-main-nav li.cur a{color:#fff;background:#28313a}
.article-con{min-height:640px;padding:26px 30px;_height:583px}
.art-title{padding:0 2px;text-align:center;color:#717174;border-bottom:solid 1px #343130;font-size:12px;}
.art-title .hd{font-size:24px;margin:4px 0 6px}
.art-title h1{font-weight:700;color:#d8a55b}
.n-detail .f-r{padding-top:8px}
.art-main{font-size:14px;padding:18px 14px 0;}
.art-main a{}
.news-list-main li{line-height:28px;height:28px;border-bottom:dashed 1px #545252;margin-bottom:1px;}
.news-list-main .time,.news-list-main a{color:#cecece}
.article-relation{overflow:hidden;margin:20px 10px 0;color:#717171}
.article-relation dt{line-height:30px;height:30px;border-top:1px solid #373436;font-size:14px;color:#cecece;padding-top:6px}
.article-relation dd{line-height:30px;display:inline;float:left;overflow:hidden;width:350px;height:30px;margin:0 0px 0 20px}
.article-relation dd span{float:right}
.article-relation a{}
.article-relation .time{font-size:14px;color:#a5a5a5;}
.pageNum{height:50px;margin:20px auto 0;padding-top:20px;text-align:center}
.pageNum a{line-height:24px;margin:3px;padding:0 9px;border:1px solid #9d9d9d;height:24px;display:inline-block;color:#9d9d9d}
.pageNum a:hover{background:#6d82a6}
.pageNum .current{line-height:26px;margin:3px;padding:0 9px;background:#ffdf7c;color:#171311;height:26px;display:inline-block}

/*server list*/
.s-body{background:url(../images/s-bg.jpg) top center no-repeat}
.s-body a{color:#fff}
.s-wrap{position:relative;width:1000px;height:1100px;margin:0 auto;background:url(../images/s-main.jpg) no-repeat}
.s-header{position:relative;height:220px}
.s-content{position:relative;margin:64px 16px 0 357px}
.s-logo{position:absolute;top:0;left:48px;overflow:hidden;width:288px;height:120px;text-indent:-9999px}
.s-nav{height:44px;padding:13px 0 0 371px}
.s-nav a{float:left;width:142px;height:44px;margin-right:7px}
.s-nav a:hover{background:url(../images/server.png) no-repeat 0 0}
#sn-2:hover{background-position:-149px 0}
#sn-3:hover{background-position:-298px 0}
#sn-4:hover{background-position:-447px 0}
.s-body .loginframe{position:absolute;top:124px;left:357px;width:616px;height:96px;padding-top:0;color:#999;background:none;font-size:12px;}
.s-body .ipt1{width:179px;height:24px;padding:2px 5px;color:#333;border:solid 1px #fff;background:#fff;border-radius:2px;}
.s-body .user{top:22px;left:15px}
.s-body .psw{top:22px;left:213px}
.s-body .psw-btn a,.s-body .reg-btn a{color:#999}
.s-body .log-btn{position:absolute;top:22px;left:422px;float:none;width:173px;height:53px}
.s-body .log-btn a{display:block;width:100%;height:100%;background:url(../images/server.png) no-repeat 0 -45px}
.s-body .log-btn a:hover{background-position:0 -99px}
.s-body .remember{top:61px;left:15px}
.s-body .psw-btn{top:61px;left:214px}
.s-body .reg-btn{top:61px;left:278px}
.s-body .reg-btn a:hover{background:0 0}
.s-body .loged{font-size:14px;display:block;width:580px;}
.s-body .loged li{line-height:25px;float:left;width:284px;height:25px;color:#ccc}
.s-body .loged li a{color:#ccc}
.s-body .loged li a:hover{color:#FFDF7C}
.s-server-list{padding:0 0 0 15px}
.s-server-list li{line-height:45px;float:left;width:189px;height:45px;margin:0 9px 6px 0;text-align:center;background:url(../images/server.png) -174px -45px no-repeat;font-size:12px;}
.s-server-list a{display:block;height:100%;}
.sp-panel-wrap li{background-position:-174px -91px;}
.s-server-list a:hover{filter:alpha(opacity=80);opacity:.8;}
.s-body .fastin-btn:hover{background-position:-160px -32px}
.s-body .all{overflow-y:auto;height:556px}
.s-body .loged .colored{color:#dc8b25}
.s-server-list span{color:#ffd640;}
.sp-pager li{line-height:24px;width:80px;height:24px;margin:0 3px;margin:1px 4px 1px 0;cursor:pointer;background:#232d37}
.sp-pager{overflow:hidden;margin:10px 0}
.sp-pager li.on{color:#fff;background:#7E4606}
.s-name{font-size:18px;line-height:40px;color:#ccc;padding-top:2px;}
.c-name{font-size:18px;color:#ccc;padding:26px 0 0 16px;line-height:18px;}
.s-body #quick-enter-click{margin:0 14px 0 0;}
.s-body .fastin-input{color:#000;background:#fff;width:44px;line-height:18px;box-shadow:inset 1px 1px 1px  #BABABA,1px 1px 1px #BABABA;height:18px;}
.quick-ingame{height:38px;line-height:38px;text-align:center;width:258px;margin:0 auto;font-size:12px;background:#181f25;}
.s-body .quick-ingame{line-height:35px;height:35px;color:#dcdcdc;border-bottom:0;background:0 0;width:100%;text-align:right;}
#rec-server{width:612px;height:102px;}

.navlogo,.nav-box,.tj-btn {overflow: hidden }
.navlogo,.nav,.tj-btn {display: block }
.nav-box {position: fixed; _position: absolute; _top: expression(eval(document.documentElement.scrollTop+100)); background-repeat: no-repeat; margin: 0; padding: 0; z-index: 99999; background-position: center; background-image: url(../images/nav-box.jpg); background-color: transparent; width: 162px; height: 567px; top: 37%; right: 10px }
.nav-box-2 {background-image: url(../images/nav-box-2.jpg); width: 146px; height: 519px }
.nav-box-2 .logo {height: 128px }
.nav-box-2 .nav {width: 117px; margin-bottom: 9px }
.nav-box-2 .active,.nav-box-2 .nav:hover {width: 121px }
.nav-box-2 .tj-btn {width: 100%; height: 96px; background: url(../images/goto-2.png) center no-repeat }
.nav-box-2 .tj-btn:hover {background-image: url(../images/goto-2-hover.png) }
.nav {text-align: center; width: 130px; height: 30px; line-height: 30px; font-size: 16px; margin-bottom: 12px; color: #8b8b8b; background: url(../images/icon-1.png) center right no-repeat; -webkit-transition: .2s; transition: .2s }
.nav.active,.nav:hover {background: url(../images/icon-2.png) center right no-repeat; width: 134px; color: #d1ac5c }
.nav:hover {text-decoration: none }
.navlogo {width: 150px; height: 120px; margin-top:30px;margin-left:5px}
.tj-btn {position: absolute; bottom: 0; left: 0; width: 162px; height: 106px; background: url(../images/goto.png) center no-repeat; text-indent: -99999px }
.tj-btn:hover {background-image: url(../images/goto-hover.png) }

.kv-music{position:fixed;z-index:9999;top:0px;left:270px; width:58px;height:100px;}