@charset "UTF-8";
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,em,img,samp,small,strong,sub,b,i,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{padding:0;margin:0;}
table{font-size:12px;border-collapse:collapse;border-spacing:0;margin:0 auto!important;}
tr,th,td{font-size:12px;}
ol,ul{list-style:none;}
li{list-style-type:none;vertical-align:bottom;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:normal;}
a{color:#080000;text-decoration:none;outline:none;}
input{outline:none;}
a:hover{text-decoration:none;}
a,button{cursor:pointer}
.clear{clear:both;}
.cls{*zoom:1;}
.cls:after{display:block;overflow:hidden;clear:both;height:0;visibility:hidden;content:".";}
.hidden{display:none;}
.a-nb{background:url(about:blank);text-indent:-9999px;}
.wPage{width:1200px;margin:0 auto;}
.f-l{float:left;display:inline;}
.f-r{float:right;display:inline;}
.i-b{display:inline-block;vertical-align:top;*zoom:1;}
.i-b{*display:inline;}
input::-webkit-input-placeholder{color:#393737;}
-ms-input-placeholder{color:#393737;}
-moz-input-placeholder{color:#393737;}
.s-body input::-webkit-input-placeholder{color:#5b5a5d;}
.s-body input::-ms-input-placeholder{color:#5b5a5d;}
.s-body input::-moz-input-placeholder{color:#5b5a5d;}
.time{float:right;color:#595d61;}
.text-out{position:absolute;left:-9999px;top:-9999px;}
body {
    min-width: 1200px; 
    overflow: auto;
}
/*content*/
.content{background:url(images/bg.jpg) no-repeat center 790px;overflow:hidden;position: relative;}
.wrap{background:url(images/main.jpg) no-repeat center 790px;margin:0 auto;width:1200px;padding-bottom:160px;}
.newsPage .wrap{background:#f6f6f6 url(images/main.jpg) no-repeat center bottom;}
.newsPage{background:#f6f6f6 url(images/bg.jpg) no-repeat center bottom;}
.header{height:520px;position:relative;}
.main-nav{height:25px;z-index:8;position:absolute;top:27px;left:175px;font-size:16px;}
.main-nav a{float:left;height:25px;width:88px;padding-left:14px;color:#1a1818;line-height:25px;}
.main-nav a:hover{color:#fff;background:url(images/nav-h.png) center 2px no-repeat;}
.xue_bg{width:1000px;height:600px;position:absolute;left:0;top:0;z-index:3;}
.banner{height:795px;width:2000px;position:absolute;left:50%;margin-left:-1000px;top:0;overflow:hidden;z-index:1;}
.banner .item li{height:795px;width:2000px;display:none;}
.banner .tab{position:absolute;top:500px;left:1560px;}
.kv-top{position:absolute;z-index:1;left:50%;overflow:hidden;width:2000px;height:590px;margin-left:-1000px;}
.kv-top-img{position:relative;clear:both;overflow:hidden;width:2000px;height:795px;}
.kv-top-img li{overflow:hidden;width:2000px;height:795px;}
.kv-top-img li img{width:2000px;height:795px;}
.kv-top-num{position:absolute;top:488px;right:50%;margin-right:-582px;}
.kv-top-num li,.kv-num li{text-indent:-9999em;float:left;cursor:pointer;overflow:hidden;height:18px;width:18px;margin:0 0 0 9px;background:#D0E0FF;border-radius:50%;}
.kv-top-num li:hover,.kv-top-num li.focus,.kv-num li:hover,.kv-num li.current{background:#06A0CF;}
.header .logo{display:block;height:137px;width:102px;position:absolute;left:61px;top:4px;z-index:5;}
.tips{height:22px;line-height:22px;color:#524e4f;font-size:14px;position:absolute;left:2px;bottom:2px;z-index:5;}
.qq_group{position:absolute;left:908px;bottom:2px;z-index:10;}
.mod-left{width:287px;overflow:hidden;}
.main{position:relative;z-index:10;}
.main a{color:#e8e8e8;}
.main a:hover{color:#fbcc10;}
.startgame{height:117px;background:#b73421;}
.relat-btn{height:43px;font-size:16px;}
.relat-btn a{float:left;height:43px;background:url(images/cmb.png) -87px -93px no-repeat;width:92px;color:#a5a5a5;padding-left:52px;line-height:40px;}
.relat-btn .r-btn-2{width:91px;background-position:-87px -137px;}
.loginframe{height:112px;overflow:hidden;background:url(images/login_bg.png) center bottom no-repeat;}
.loginframe .log{position:relative;}
.loginframe .log li{position:absolute;}
.loginframe label{color:#093531;line-height:22px;}
.loginframe .ipt1{height:24px;line-height:24px;width:152px;padding-left:5px;background:#5c5c5c;border-radius:1px;color:#e8f7f6;}
.log .user{left:14px;top: 4px;}
.log .psw{left:14px;top: 34px;}
.log-btn{left:195px;top: 2px;}
.remember{left:14px;top: 60px;}
.psw-btn{left:195px;top: 60px;}
.reg-btn{left:194px;top:90px;}
.log-btn a{display:block;background:url(images/cmb.png) no-repeat 0 -93px;height:56px;width:84px;text-indent:-9999px;transition:all .2s ease;opacity:.8;}
.log-btn a:hover{opacity:1;}
.remember label,.psw-btn a,.reg-btn a{color:#bdbdbd;}
.loged{padding:8px 20px 0;}
.loged li{line-height:18px;color:#fff;}
.server-list{overflow:hidden;background:url(images/server_bg.png) center bottom no-repeat;font-size:14px;height:276px;}
.quick-ingame{text-align:left;line-height:58px;margin:5px 0;color:#e8e8e8;font-size:14px;text-align:center;border-bottom:solid 1px #666;height:58px;}
.server-list .s-int{width:45px;height:18px;text-align:center;line-height:18px;background:#e8e8e8;color:#000;margin:0 10px;border:solid 1px #e4d5d2;}
.quick-ingame a{margin-left:3px;display:inline-block;height:20px;width:64px;background:#4c1c1c;vertical-align:middle;text-align:center;line-height:20px;color:#fff;font-size:12px;}
.quick-ingame a:hover{background-position:0 -47px;}
.ser-con{padding:20px 10px 0 40px;}
.ser-list{height:120px;overflow:hidden;}
.ser-list li{line-height:25px;padding-left:15px;margin-bottom:4px;background:url(images/s-dot.png) left center no-repeat;}
.ser-list li a,.gl-con li a{color:#e8e8e8;transition:all .4s ease;}
.ser-list li a:hover,.gl-con li a:hover{padding-left:8px;color:#db2d04;}
.ser-list li span{color:#fbcc10;}
.more-list{margin-top:10px;text-align:center;padding-left:4px;}
.more-list a{display:block;width:185px;height:32px;line-height:32px;background:#4c1b1b;transition:all .4s ease;}
.gonglue{height:264px;}
.gonglue .c-hd h4{background-position:0 -114px;}
.gl-con{padding:14px 22px 0;}
.kefu{height:195px;color:#e8e8e8;position:relative;background:url(images/kf_bg.png) center bottom no-repeat;}
.kefu i{display:block;height:72px;width:72px;background:url(images/cmb.png) no-repeat -234px -105px;position:absolute;left:16px;top:60px;}
.kf-con{padding:58px 0 0 107px;}
.kf-con p{line-height:22px;margin:3px 0;}
.kf-con a{display:inline-block;height:20px;line-height:20px;text-align:center;width:74px;background:#4c1b1b;transition:all .4s ease;color:#fff;}
.kefu .code{height:60px;width:60px;overflow:hidden;position:absolute;top:88px;right:10px;}
.media{height:110px;background:url(images/media_bg.png) center bottom no-repeat;overflow:hidden;}
.c-hd{height:50px;width:45px;font-size:20px;color:#d2d2d2;margin:26px 0 0 34px;line-height:28px;}
.media .m-con{height:50px;width:150px;margin:28px 0 0 100px;overflow:hidden;}
.media .m-con li{height:50px;}
.links{height:159px;background:url(images/link_bg.png) center bottom no-repeat;overflow:hidden;}
.links .c-hd{margin:50px 0 0 34px;}
.links .lk-con{margin:10px 0 0 90px;}
.lk-con .bd{padding-right:20px;font-size:14px;}
.lk-con .bd a{margin-right:8px;white-space:nowrap;}

/* right */
.mod-right{width:913px;}
.kv-card{height:272px;position:relative;overflow:hidden;}
.kv-contain{height:272px;width:620px;overflow:hidden;position:relative;}
.kv-cnt li{display:inline;float:left;height:272px;width:620px;overflow:hidden;}
.kv-cnt li img{height:100%;width:100%;}
.kv-nav{position:absolute;right:10px;bottom:10px;height:12px;}
.kv-nav li,.banner .tab li{display:inline;float:left;height:12px;width:12px;overflow:hidden;line-height:0;border-radius:6px;margin:0 4px;background:#8a8c8f;cursor:pointer;}
.kv-nav li.cur,.banner .tab li.cur{background:#a52c2b;}
.card-list{width:293px;overflow:hidden;position:absolute;right:0;top:0;}
.card-list a{padding-left:102px;line-height:90px;color:#fbcc10;font-size:24px;display:block;height:91px;background:url(images/cmb.png) no-repeat 0 0;position:relative;}
.card-list a i{display:block;height:34px;width:34px;background:url(images/cmb.png) no-repeat -295px 0;position:absolute;left:41px;top:31px;transition:all .3s ease;}
.card-list .card-2 i{background-position:-295px -35px;}
.card-list .card-3 i{background-position:-295px -70px;}
.card-list a:hover i{background-position:-330px 0;}
.card-list .card-2:hover i{background-position:-330px -35px;}
.card-list .card-3:hover i{background-position:-330px -70px;}
.news-video{height:276px;overflow:hidden;position:relative;}
.news{width:620px;overflow:hidden;background:url(images/news_bg.png) center bottom no-repeat;height:276px;}
.news .n-hd{position:relative;height:58px;margin:5px 0;border-bottom:solid 1px #666;padding-left:15px;}
.news .n-hd li{width:42px;text-align:center;display:inline;float:left;font-size:14px;margin:15px 0 0 20px;}
.news .n-hd li a{display:block;height:100%;color:#6b6b6b;padding-bottom:5px;}
.news .n-hd li.cur a{color:#fff;font-weight:700;border-bottom:solid 2px #ab2b3b;}
.news .n-hd .first a{border-left:none;}
.news-more{display:block;position:absolute;top:25px;right:50px;background:#5b1717;height:20px;line-height:18px;text-align:center;width:45px;color:#a1a1a1;}
.news-list{font-size:14px;padding:5px 30px 0 55px;}
.hot-line{line-height:38px;text-align:center;font-size:18px;}
.news-list .hot-line a{display:inline-block;*display:inline-block;*zoom:1;padding-left:20px;height:15px;line-height:15px;background:url(images/h.png) left center no-repeat;color:#39c0ec;}
.news-list li{line-height:24px;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list li .time{margin-right:20px;}
.news-list a{color:#fff;}
.n-link{transition:all .4s ease;}
.n-link:hover{padding-left:8px;color:#db2d04;}
.video-con{height:276px;width:294px;position:absolute;right:0;top:0;}
.video-con a{display:block;height:100%;width:100%;overflow:hidden;}
.video-con img{transition:all .4s ease;}
.video-con a:hover img{transform:scale(1.08);}
.role-contain{height:305px;position:relative;background:url(images/role_bg.png) center bottom no-repeat;overflow:hidden;}
.role-contain .role{padding:15px 57px 0;}
.r-cm-tle{height:26px;color:#fff;line-height:26px;font-size:18px;}
.r-cm-tle span{color:#716d6c;font-size:16px;display:inline-block;line-height:20px;position:relative;top:3px;left:10px;}
.charac-show{overflow:hidden;position:relative;}
.charBtn{display:block;height:31px;width:16px;position:absolute;top:102px;left:0;}
.charNextBtn{right:0;left:auto;}
.charBtn:hover{background:url(images/cmb.png) no-repeat 0 -152px;}
.charNextBtn:hover{background-position:-20px -152px;}
.charac-show .r-list{position:relative;height:260px;width:610px;margin:auto;}
.charac-show .r-list li{height:210px;width:208px;position:absolute;}
.r-list li img{height:100%;width:100%;position:relative;z-index:5;}
.charac-show .r-list li:after{display:block;position:absolute;bottom:0;height:12%;width:100%;text-align:center;color:#a4957b;background:#2e2d2d;opacity:.4;-webkit-box-reflect:below -10%;}
.r-list li.r-1:after{content:"横霜护天下，仗剑荡八荒";}
.r-list li.r-2:after{content:"三千婆娑劫，悯生灰飞灭";}
.r-list li.r-3:after{content:"魂与或有期，香堕何不归";}
.r-list li.r-4:after{content:"玄镇定九州，一步一生狂";}
.zl-code{height:159px;position:relative;}
.ziliao{height:159px;background:url(images/zl_bg.png) center bottom no-repeat;overflow:hidden;width:716px;}
.ziliao .zl{width:238px;display:inline;float:left;height:159px;}
.ziliao .zl-2{width:240px;}
.ziliao .con{padding:10px 30px 0 18px;color:#d71b29;position:relative;}
.ziliao .con p{line-height:20px;margin-bottom:10px;font-size:20px;}
.ziliao .con li{height:18px;line-height:18px;text-align:center;width:70px;font-size:12px;margin-bottom:1px;}
.ziliao .con li a{display:block;height:100%;transition:all .3s linear;}
.ziliao .con li a:hover{padding-left:8px;}
.ziliao .r-more{position:absolute;left:30px;top:135px;color:#fbcc10;}
.code{height:159px;background:url(images/code_bg.png) center bottom no-repeat;overflow:hidden;width:197px;position:absolute;right:0;top:0;text-align:center;color:#9a9a9a;font-size:14px;}
.code .c{height:91px;margin:23px 0 10px;text-align:center;}
.code .c img{height:91px;width:91px;}
.news-wrap{background:#444141;}
.i-news-hd{height:128px;background:#4d2828;color:#e8ebe4;padding:30px 110px 0;border:solid 1px #623f3f;}
.position{height:50px;border-bottom:solid 1px #411e1e;margin-bottom:18px;}
.i-news-hd .position span{color:#fff;font-size:28px;line-height:30px;margin-top:5px;}
.position .p-det{margin-top:15px;}
.i-news-hd a{color:#e8ebe4;}
.i-news-hd a:hover{color:#ff8812;}
.news-sub-nav li{display:inline;float:left;width:137px;height:42px;font-size:18px;text-align:center;}
.news-sub-nav a{color:#706666;display:block;height:100%;background:#3f2525;line-height:42px;}
.news-sub-nav li.cur a{color:#c1bfbf;background:#741f1f;border-top:solid 3px #ca3d25;height:39px;line-height:39px;}
.news-main{padding:25px 108px;min-height:533px;_height:533px;font-size:14px;}
.news-list-main li{height:24px;line-height:24px;padding-bottom:5px;margin-bottom:4px;}
.news-list-main li a{float:left;padding-left:10px;color:#b7b6b7;transition:all .3s linear;}
.news-list-main li a:hover{color:#ff8812;margin-left:10px;}
.pageNum{height:50px;margin:20px auto 0;padding-top:20px;text-align:center;}
.pageNum a{margin:3px;padding:5px 9px 3px;line-height:26px;border:1px solid #3f2525;border-radius:15px;color:#b7b6b7;}
.pageNum a:hover{background:#741f1f;color:#c1bfbf;}
.article-con{color:#b7b6b7;}
.article-con a{color:#b7b6b7;}
.art-title{text-align:center;padding-bottom:10px;}
.art-title h1{font-size:24px;color:#f35132;line-height:35px;}
.art-main{padding-top:14px;font-size:14px;}
.article-relation{overflow:hidden;margin:50px 10px 0;font-size:12px;color:#717171}
.article-relation dt{height:30px;line-height:30px;border-top:1px solid #8a8a8a;font-weight:bold;margin:5px 0;color:#b7b6b7;}
.article-relation dd{width:285px;display:inline;float:left;margin:0 22px 0 10px;overflow:hidden;height:30px;line-height:30px;}
.article-relation dd span{float:right;}
.article-relation a{color:#b7b6b7;}
.article-relation .time{color:#717171;}
.art-main a:hover,.article-relation a:hover{color:#ff8812;}
.bdShare{width:150px;margin:2px auto 0;}
.sq-dialog-alert{font-size:13px;}

/*video page*/
.video-list-main li{display:inline;float:left;width:200px;text-align:center;margin:14px 13px 0 0}
.video-list-main li .tle{line-height:30px;color:#e8e8e8;}
.video-list-main li a{display:block;height:114px;width:200px;overflow:hidden;position:relative}
.video-list-main li img{transition:all .4s ease;height:114px;width:200px}
.video-list-main li a:hover img{transform:scale(1.1);}
.video-list-main .v-con{position:relative;margin-bottom:11px;min-height:100px;}
.v-con .t{font-size:26px;color:#c1bfbf;line-height:28px;}
.v-con .more{height:18px;line-height:18px;color:#c1bfbf;position:absolute;left:640px;bottom:0;}

/*video*/
.video-alert{width:654px;height:368px;background:#505050;position:fixed;top:50%;left:50%;margin:-180px 0 0 -320px;z-index:999;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+300));border:3px solid #505050;display:none}
.video-code{width:654px;height:368px}
.video-close{position:absolute;width:44px;height:44px;top:-3px;right:-44px;display:block;background:url(images/close.jpg) no-repeat}
.layout{display:none;position:absolute;left:0;top:0;height:100%;width:100%;background:#000;opacity:.4;filter:alpha(opacity=40);z-index:99}

/*server list*/
.s-body{background:url(images/s-bg.jpg) center top no-repeat;color:#4a4846;}
.s-wrap{width:1020px;height:1100px;background:url(images/s-main.jpg) no-repeat;margin:0 auto;position:relative;}
.s-header{height:270px;position:relative;overflow:hidden;}
.s-content{position:relative;margin:63px 10px 0 410px;}
.s-logo{position:absolute;width:100px;height:135px;left:235px;top:35px;text-indent:-9999px;}
.s-nav{padding:51px 0 0 390px;height:63px;}
.s-nav a{float:left;width:157px;height:63px;}
.s-nav .sn-1{margin-left:0;}
.s-body .loginframe{position:absolute;padding:0;width:623px;height:75px;left:392px;top:172px;background:none;overflow:hidden;font-size:14px;color:#031b33;}
.s-body .ipt1{background:#f4ffff;width:170px;padding:2px 5px 2px 5px;height:26px;font-size:14px;color:#5b5a5d;}
.s-body .user{top: 8px;}
.s-body .psw{left:223px;top: 8px;}
.s-body .psw-btn a,.s-body .reg-btn a{color:#c0cce1;}
.s-body .log-btn{position:absolute;float:none;width:176px;height:50px;left:422px;top: 7px;}
.s-body .log-btn a{display:block;height:100%;width:176px;background:url(images/s-login-btn.jpg) no-repeat 0 0;}
.s-body .log-btn a:hover{background-position:0 0;}
.s-body .remember{left:15px;top: 45px;font-size: 12px;color: #c0cce1;}
.s-body .remember a{color: #c0cce1;}
.s-body .remember label{color:#c0cce1;}
.s-body .psw-btn{left:223px;top:47px;}
.s-body .reg-btn{left:310px;top:47px;}
.s-body .reg-btn a:hover{background:none;}
.s-body .loged{padding: 14px 10px 0 40px;color:#fff;}
.s-body .loged li{width:280px;float:left;height:22px;line-height:22px;overflow:hidden;}
.s-body .loged a{color:#fff;}
.s-body .loged .loged-usercenter{width:150px;}
.rec-server{height:80px;position:relative;}
.s-server-list li{float:left;width:175px;height:34px;text-align:center;line-height:34px;margin:0 15px 6px 2px;font-size:14px;}
.s-server-list a{display:block;height:100%;color:#fff;background:#325ba1;}
.s-server-list a:hover{color:#db2d04;}
.all .sq-panel a{background-position:-189px 0;}
.s-server-list span{color:#f4e609;margin-left:2px;}
.recom li{margin:0 12px 0 0;color:#fff;}
.rec-server li a{color:#fff;}
.s-server-list .s-name{height:30px;text-indent:-9999px;margin-bottom:5px;}
.s-body .quick-ingame{height:35px;line-height:35px;color:#fff;border-bottom:none;background:none;font-size:14px;position:absolute;left:400px;top:30px;margin:0;}
.s-body .fastin-input{width:40px;height:16px;border:1px solid #355ca0;background:#fff;color:#000;text-align:center;line-height:16px;margin:0 3px;}
.s-body .fastin-btn{display:inline-block;width:60px;height:24px;line-height:24px;overflow:hidden;background:#325ba1;vertical-align:middle;color:#d9e9dd;}
.s-body .fastin-btn:hover{color:#db2d04;}
.s-body .all{height:660px;overflow-y:auto;}
.loged .colored{color:#ff3529;margin-left:4px;}
.sp-pager li{color:#cccaca;width:70px;height:24px;line-height:24px;background:#597284;cursor:pointer;margin:0 10px 2px 2px;font-size: 12px}
.sp-pager{margin:10px 0 0;overflow:hidden;}
.sp-pager li.on{background:#325ba1;color:#f4e609;}
.sp-panel-wrap{padding-top:10px;}

/*three*/
.loged img, .s-loged img { margin-right: 3px;vertical-align: middle;}
.three{top: 78px;left: 14px;font-size: 12px;line-height: 30px;color: #bdbdbd;}
.three-icon{background: url("//img1.37wanimg.com/common/css/images/three.png") no-repeat;transition: .5s;width: 28px;height: 28px;display: inline-block;text-indent: -9999em;vertical-align: middle;margin: 0 8px;}
.three-wx{background-position:  -39px 0;}
.three-wb{background-position:  -78px 0;}
.s-body .log .three{left: 224px;top: 40px;}
.s-body .three-icon{margin: 0 3px;}
