@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;}
.s-body input::-webkit-input-placeholder{color:#c8dddb;}
.s-body input::-ms-input-placeholder{color:#c8dddb;}
.s-body input::-moz-input-placeholder{color:#c8dddb;}
.time{float:right;color:#a0c1bf;}

/*content*/
.content{background:#fffffe url(images/bg.jpg?t=20180108) no-repeat center top;position: relative;overflow: hidden;}
.wrap{background:#fffffe url(images/main.jpg?t=20180108) no-repeat center top;margin:0 auto;width:1000px;padding-bottom:50px;}
.header{height:483px;position:relative;}
.main-nav{height:121px;margin-left:198px;}
.main-nav a{float:left;height:65px;width:100px;text-indent:-9999px;background:url(about:blank);}
.header .logo{display:block;height:134px;width:192px;background:url(images/logo.png) center no-repeat;position:absolute;left:28px;top:44px;}
.tips{line-height:22px;font-size:14px;color:#093531;height:22px;position:absolute;left:268px;bottom:0;}
.tips span{color:#c12306;}
.banner{height:325px;width:100%;position:absolute;left:0;top:95px;}
.mod-left{width:247px;overflow:hidden;}
.startgame{height:117px;background:#b73421;}
.loginframe{height:180px;background:#e5eff3;}
.loginframe .log{position:relative;}
.loginframe .log li{position:absolute;font-size:14px;}
.loginframe label{color:#093531;line-height:22px;}
.loginframe .ipt1{height:22px;line-height:22px;width:157px;padding-left:5px;background:#7d95a2;border-radius:1px;color:#e8f7f6;}
.log .user{left:18px;top: 10px;}
.log .psw{left:18px;top: 40px;}
.log-btn{left:41px;top: 100px;}
.remember{left:20px;top: 70px;}
.psw-btn{left:120px;top: 70px;}
.reg-btn{left:194px;top: 70px;}
.log-btn a{display:block;background:url(images/cmb.png) no-repeat 0 0;height:44px;width:167px;text-indent:-9999px;transition:all .2s ease;}
.log-btn a:hover{background-position:0 -45px;}
.remember label,.psw-btn a,.reg-btn a{color:#809b99;}
.loged{padding:22px 22px 0;}
.loged li{color:#22516b;line-height:24px;}
.c-hd{height:34px;background:url(images/com-tle.jpg) left center no-repeat;padding-top:9px;}
.c-hd h4{background:url(images/cmb.png) no-repeat 0 -91px;text-indent:-9999px;height:25px;margin:0 auto;width:87px;}
.server-list,.kefu,.gonglue,.media{overflow:hidden;background:#e5eff3;font-size:14px;}
.server-list{height:265px;margin:18px 0;}
.server-list .c-hd h4{background-position:0 -91px;width:120px;}
.ser-con{padding:10px 22px;}
.ser-list{height:160px;overflow:hidden;}
.ser-list li,.gl-con li{overflow:hidden;line-height:25px;height:25px;text-overflow:ellipsis;border-bottom:dashed 1px #b3cfcd;padding:0 4px;margin-bottom:4px;white-space:nowrap;}
.ser-list li a,.gl-con li a{color:#093531;transition:all .4s ease;}
.ser-list li a:hover,.gl-con li a:hover{padding-left:6px;color:#db2d04;}
.ser-list li span{margin-left:16px;}
.more-list{text-align:center;}
.more-list a{display:block;width:104px;height:22px;line-height:22px;background:#7faec8;border:solid 3px #7597ab;color:#e8f7f6;margin:8px auto 0;transition:all .4s ease;}
.more-list a:hover,.kf-con a:hover{background:#22516b;border-color:#22516b;}
.gonglue{height:264px;position:relative;}
.gonglue  .more-gl{bottom:5px;}
.gonglue .c-hd h4{background-position:0 -114px;}
.gl-con{padding:14px 22px 0;}
.kefu{height:175px;color:#093531;margin:18px 0;position:relative;}
.kefu .c-hd h4{background-position:0 -138px;}
.kf-con{padding:40px 0 0 20px;}
.kf-con p{line-height:22px;margin:8px 0;}
.kf-con a{display:inline-block;height:18px;line-height:18px;text-align:center;color:#e8f7f6;width:64px;background:#7faec8;border:solid 2px #7597ab;transition:all .4s ease;}
.kefu .code{height:60px;width:60px;overflow:hidden;position:absolute;top:88px;right:10px;}
.media{height:128px;}
.media .c-hd h4{background-position:0 -162px;}
.media .m-con{height:50px;width:150px;margin:12px auto 0;overflow:hidden;}
.scr-li li{height:50px;width:150px;}

/* right */
.mod-right{width:733px;margin-left:18px;}
.news-kv{height:240px;overflow:hidden;position:relative;}
.news{width:370px;overflow:hidden;background-color:#edf9f8;height:240px;}
.news .n-hd{background:#22516b;position:relative;}
.news .n-hd li{height:42px;line-height:42px;width:80px;text-align:center;display:inline;float:left;font-size:18px;}
.news .n-hd li a{display:block;height:100%;background:#22516b;border-left:solid 1px #1a3f54;border-right:solid 1px #2a6383;color:#f9fef8;}
.news .n-hd li.cur a{background:url(images/newsCur.png) no-repeat;color:#72e5fb;}
.news .n-hd .first a{border-left:none;}
.news-more{display:block;height:42px;width:45px;position:absolute;top:0;left:318px;border-left:solid 1px #1a3f54;text-indent:-9999px;}
.news-more i{display:block;height:13px;width:14px;line-height:0;background:url(images/cmb.png) no-repeat -154px -92px;margin:15px auto 0;}
.news-list{font-size:14px;padding:14px 10px;}
.news-list li{line-height:24px;margin-bottom:4px;height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list a{color:#093531;}
.n-link{transition:all .4s ease;}
.n-link:hover{padding-left:8px;color:#db2d04;}
.news-list .n-type{background:#22516b;color:#a2e0f6;padding:0 2px;}
.kv-contain{height:240px;width:350px;overflow:hidden;position:absolute;right:0;top:0;}
.kv-cnt li{display:inline;float:left;height:240px;width:350px;overflow:hidden;}
.kv-cnt li img{height:100%;width:100%;}
.kv-nav{position:absolute;right:10px;bottom:10px;height:12px;}
.kv-nav li{display:inline;float:left;height:12px;width:12px;overflow:hidden;line-height:0;border-radius:6px;margin:0 4px;background:#1f2b2a;cursor:pointer;}
.kv-nav li.cur{background:#01b8a9;}
.role-contain{height:360px;position:relative;margin:28px 0;}
.role-contain .role{position:relative;}
.r-cm-tle{text-indent:-9999px;height:32px;width:140px;background:url(images/cmb.png) no-repeat;}
.role .r-cm-tle{background-position:0 -192px;}
.role .rl-con{height:350px;width:470px;background:url(images/role.png) center center no-repeat;}
.role .m0{background:url(images/role-1.png) 1px -1px no-repeat;}
.role .m1{background:url(images/role-2.png) 1px -2px no-repeat;}
.rl-con .roleTab{float:left;height:350px;width:235px;}
.roleText{border:solid 4px #22516b;background:#e5eff3;padding:20px 10px;color:#153343;font-size:16px;width:195px;height:270px;position:absolute;display:none;z-index:9;}
.roleText .hd{height:11px;width:244px;background:url(images/role-hd.png) center center no-repeat;position:absolute;top:-11px;left:-14px;}
.roleText h4{color:#73260f;font-size:22px;line-height:24px;margin-bottom:10px;}
.card-con{width:230px;height:360px;position:absolute;right:0;top:0;}
.get-card{height:80px;width:226px;border:solid 2px #26566e;overflow:hidden;}
.get-card img{height:100%;width:100%;}
.card-list{margin-top:4px;text-align:center;font-size:14px;}
.card-list a{float:left;height:42px;line-height:42px;width:109px;border:solid 2px #1c4359;color:#edf9f8;background:#22516b;margin-bottom:2px;}
.card-list .ev-card{margin-left:2px;}
.card-list a:hover,.card-list a.cur{background:url(images/cardCur.png) no-repeat;color:#66cfe5;}
.r-video{height:149px;margin-top:26px;position:relative;}
.r-video .r-cm-tle{background-position:0 -296px;}
.r-video .vd-con{position:absolute;height:110px;width:320px;background:url(images/video-btn.png) center no-repeat;top:40px;left:-20px;}
.vd-con a{display:block;height:30px;width:30px;position:absolute;left:96px;top:40px;}
.ziliao{margin-bottom:32px;}
.ziliao .r-cm-tle{background-position:0 -230px;}
.zl-con{height:169px;overflow:hidden;margin-top:10px;background:url(images/zl-bg.jpg) left top no-repeat;}
.ziliao-list .info-t{width:79px;height:169px;display:inline;float:left;}
.ziliao-list .info-t a{display:block;height:100%;background:url(images/ziliao.png) no-repeat;}
.ziliao-list .info-t .info-focus1{background-position:0 0;}
.ziliao-list .info-t .info-focus2{background-position:-79px 0;}
.ziliao-list .info-t .info-focus3{background-position:-158px 0;}
.ziliao-list .info-t .info-focus4{background-position:-237px 0;}
.ziliao-list .info-c{width:0;height:159px;display:inline;float:left;overflow:hidden;font-size:14px;padding-top:10px;transition:all .4s ease;}
.ziliao-list .info-c ul{width:495px;}
.ziliao-list .info-c-1{width:495px;}
.info-c li{float:left;display:inline;margin:2px 12px 5px;line-height:16px;width:72px;}
.info-c li a{color:#093531;}
.info-c li a:hover{color:#db2d04;}
.jietu{height:307px;overflow:hidden;position:relative;}
.jt-left{width:440px;}
.jt-left .r-cm-tle{background-position:0 -267px;}
.jt-left .hd{height:28px;position:relative;width:440px;}
.jt-left .more-jt,.more-gl{display:block;height:14px;line-height:14px;color:#062b28;background:#7faec8;position:absolute;bottom:0;right:5px;padding:1px 2px;border:solid 2px #799aac;}
.jt-left .more-jt:hover,.more-gl:hover{background:#22516b;color:#50a5bb;border-color:#1f4052;}
.jt-l-con,.jt-r-con{margin-top:15px;}
.jt-list a{float:left;height:262px;width:106px;background:url(images/per.jpg) no-repeat;margin-left:4px;transition:all .2s ease;}
.jt-list .jt-1{background-position:0 0;margin-left:0;}
.jt-list .jt-2{background-position:-110px 0;}
.jt-list .jt-3{background-position:-220px 0;}
.jt-list .jt-4{background-position:-330px 0;}
.jt-list .jt-1:hover{background-position:0 -263px;}
.jt-list .jt-2:hover{background-position:-110px -263px;}
.jt-list .jt-3:hover{background-position:-220px -263px;}
.jt-list .jt-4:hover{background-position:-330px -263px;}
.jt-right{width:264px;position:absolute;right:0;top:0;}
.jt-right .r-cm-tle{background-position:0 -333px;}
.jt-r-con{border:solid 2px #85c5c0;height:255px;overflow:hidden;position:relative;}
.jt-r-con li{display:inline;float:left;height:255px;width:260px;overflow:hidden;}
.jt-r-con li img{height:255px;width:260px;transition:all .2s linear;}
.jt-r-con li img:hover{transform:scale(1.08);}
.jt-btn{display:block;height:26px;width:11px;overflow:hidden;background:url(images/cmb.png) -137px -144px no-repeat;position:absolute;top:50%;margin-top:-12px;z-index:9;}
.jt-r-con .prev{left:10px;}
.jt-r-con .next{right:10px;background-position:-155px -144px;}
.links{margin:18px auto 0;width:1000px;}
.links .lk-con{background:#e5eff3;height:40px;}
.links .lk-con .hd{width:112px;background:#e5eff3 url(images/links.jpg) 0 center no-repeat;height:40px;text-indent:-9999px;}
.links .lk-con .bd{margin-left:120px;line-height:40px;font-size:13px;overflow:hidden;height:40px;}
.links li{float:left;display:inline;line-height:40px;height:40px;width:78px;text-align:center;}
.lk-con .bd a{color:#115970;margin-right:8px;}
.lk-con .bd a:hover{color:#db2d04;}

/* news page */
.news-wrap{background:#e5eff3;}
.i-news-hd{line-height:58px;height:58px;background:url(images/news-hd.png) no-repeat center center;color:#eaf2f3;padding:0 10px;}
.i-news-hd span{color:#4cceec;font-size:24px;height:24px;line-height:24px;padding-left:48px;margin-top:17px;}
.i-news-hd a{color:#eaf2f3;}
.i-news-hd a:hover{color:#ff8812;}
.news-main{padding:25px;min-height:472px;_height:4752px;}
.news-list-main li{height:24px;line-height:24px;padding-bottom:2px;border-bottom:dashed 1px #d8edeb;margin-bottom:4px;}
.news-list-main li a{float:left;padding-left:10px;/* background:url(images/gt.jpg) 2px 8px no-repeat; */color:#093531;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 #6d82a6;border-radius:15px;}
.pageNum a:hover{background:#6d82a6;}
.article-con{color:#3a4d4c;}
.art-title{text-align:center;color:#7d95a2;padding-bottom:10px;border-bottom:dashed 1px #b2d8d5;}
.art-title h1{font-size:24px;color:#204c64;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:#093531;}
.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:#093531;}
.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;}

/*server list*/
.s-body{background:url(images/s-bg.jpg) center top no-repeat;color:#4a4846;}
.s-wrap{width:1000px;height:1100px;background:url(images/s-main.jpg) no-repeat;margin:0 auto;position:relative;}
.s-header{height:262px;position:relative;overflow:hidden;}
.s-content{position:relative;margin:50px 10px 0 372px;}
.s-logo{position:absolute;width:158px;height:115px;left:180px;top:10px;text-indent:-9999px;}
.s-nav{padding:17px 0 0 382px;height:51px;}
.s-nav a{float:left;width:140px;height:51px;margin-left:11px;}
.s-nav .sn-1{margin-left:0;}

/*.s-nav a:hover {background:url(images/s-nav.jpg) no-repeat;}
.s-nav .sn-1:hover {background-position: 0 0;}
.s-nav .sn-2:hover {background-position: -151px 0;}
.s-nav .sn-3:hover {background-position: -302px 0;}
.s-nav .sn-4:hover {background-position: -453px 0;}*/
.s-body .loginframe{position:absolute;padding:0;width:604px;height:55px;left:382px;top:155px;background:none;font-size:14px;color:#031b33;}
.s-body .ipt1{background:#597284;width:182px;padding:2px 5px 2px 5px;height:26px;color:#fff;font-size:14px;}
.s-body .user{left:0;top:0;}
.s-body .psw{left:205px;top:0;}
.s-body .psw-btn a,.s-body .reg-btn a{color:#031b33;}
.s-body .log-btn{position:absolute;float:none;width:187px;height:49px;left:412px;top:0;}
.s-body .log-btn a{display:block;height:100%;width:187px;background:url(images/s-cmb.png) no-repeat 0 0;}
.s-body .log-btn a:hover{background-position:-188px 0;}
.s-body .log .remember{left:2px;top: 36px;font-size: 12px;}
.s-body .remember label{color:#031b33;}
.s-body .psw-btn{left:206px;top:35px;}
.s-body .reg-btn{left:300px;top:35px;}
.s-body .reg-btn a:hover{background:none;}
.s-body .loged{padding:6px 10px 0 10px;color:#fff;}
.s-body .loged li{width:280px;float:left;height:22px;line-height:22px;overflow:hidden;color:#3f6b50;}
.s-body .loged a{color:#fff;}
.s-body .loged .colored{/*color: #ffae42;*/}
.s-body .loged .loged-usercenter{width:150px;}
.s-server-list li{float:left;width:188px;height:41px;text-align:center;line-height:41px;margin:0 12px 6px 0;font-size:14px;}
.s-server-list a{display:block;height:100%;color:#fff;background:url(images/s-cmb.png) 0 -50px no-repeat;}
.s-server-list a:hover{color:#db2d04;}
.all .sq-panel a{/*background-position: -189px 0;*/}
.s-server-list span{color:#76c4f7;margin-left:2px;}
.recom li{margin:0 12px 0 0;color:#fff;}
.rec-server li{/*background-position: 0 -51px;*/}
.rec-server li a{color:#fff;}
.s-server-list .s-name{height:20px;line-height:20px;font-size:18px;color:#071a32;margin-bottom:12px;}
.quick-ingame{height:35px;line-height:35px;color:#031b33;border-bottom:none;background:none;font-size:14px;text-align:center;margin-top:10px;}
.fastin-input{width:40px;height:16px;border:1px solid #bfbfbf;background:#fff;color:#1d82c6;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:url(images/s-cmb.png) -190px -51px no-repeat;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:#f8d4b4;width:70px;height:24px;line-height:24px;background:#597284;cursor:pointer;margin:0 3px 2px 0;}
.sp-pager{margin:10px 0 0;overflow:hidden;}
.sp-pager li.on{background:#ba3724;}
.sp-panel-wrap{padding-top:10px;}

/*video*/
.video-alert{width:640px;height:360px;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:640px;height:360px;}
.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;}

/*three*/
.loged img, .s-loged img { margin-right: 3px;vertical-align: middle;}
.three{top: 147px;left: 18px;font-size: 12px;line-height: 30px;}
.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 4px;}
.three-wx{background-position:  -39px 0;}
.three-wb{background-position:  -78px 0;}
.s-body .log .three{left: 208px;top: 33px;font-size: 12px;}
.s-body .three-icon{margin: 0 4px;}