li{list-style:none}
table{margin:0 auto;}
a{color:#404040;}
a:hover{color:#a72c11;text-decoration:none;}
em,i,strong{font-style:normal;font-weight:400;}
body{overflow-x:hidden}
.cls{*zoom:1}
.cls:after{display:block;visibility:hidden;clear:both;overflow:hidden;height:0;content:'.'}
.cls{clear:both}
.hidden{display:none}
.body{font:14px/1.5 'Microsoft Yahei',SimSun;position:relative;overflow-x:hidden;color:#232935;background:#eeeeee}
body {
    min-width: 1200px; 
    overflow: auto;
}
.sq-dialog-masking {
    position: fixed!important;
    _position: absolute!important;
}

.r-cover {
    position: fixed!important;
    _position: absolute!important;
}
/* header */
.header{position:relative;width:1200px;height:535px;*z-index:3;margin:auto;}
.header embed{position:absolute;top:0;left:50%;z-index:2;margin-left:-40px;}
.wrap{position:relative;z-index:4;width:1200px;margin:0 auto;*margin-top:0;padding-bottom:100px;}
.main{float:left;width:938px;height:596px;margin-left:13px;}
.main2{width:100%;float: left;}
.t {height: 30px;}
.cont-main{height:100%;}
.kv-top{position:absolute;left:50%;overflow:hidden;width:2000px;height:755px;margin-left:-1000px;*height:755px}
.kv-top-img{position:relative;clear:both;overflow:hidden;width:2000px;height:755px}
.kv-top-img li{overflow:hidden;width:2000px;height:755px}
.kv-top-img li img{width:2000px;height:755px}
.kv-top-num{position:absolute;top:492px;right:50%;margin-right:-590px;}
.kv-top-num li{font-size:0;line-height:0;float:left;overflow:hidden;width:14px;height:14px;margin-left:8px;text-indent:-9999em;border-radius:7px;background:#415e80}
.kv-top-num li:hover,.kv-top-num li.focus{background:#be1c24;width: 30px}
.top-nav{position:absolute;z-index:2;top:37px;left:50%;margin-left:-400px;font-size:15px}
.nav{height:100%;}
.nav li{float:left;width:93px;text-align:center;position:relative;}
.nav a{color:#0d0702;display:block;height:100%;width:100%;}
.nav a:hover{color:#0078ff;}
.nav span{position:absolute;bottom:0;left:0;font-size:10px;color:#568ab6;}
.sub-nav{position:relative;z-index:2;text-align:center;width:470px;display:none}
.sub-nav ul{float:left;width:94px}
.sub-nav li{line-height:26px;height:26px}
.sub-nav a{color:#353535}
.hot,.new{}
.new{background-position:74px -98px}
.mid-code-box{position:relative;z-index:2}
.mid-code{height:215px;width:215px;position:absolute;right:0;top:-500px;transition:top .4s ease;z-index:9}
.mid-show .mid-code{display:block;top:22px}
.logo{top:0;margin-left:-582px;text-indent:-9999px;position:absolute;z-index:99;left:50%;width:150px;height:113px;background:url(../image/logo.png) no-repeat;}
.tips18{font-size:16px;position:absolute;z-index:2;top:508px;left:0;;letter-spacing:1px;color:#a8d4f5}
#qq{position:absolute;bottom:-9px;width:90px;height:22px;text-indent:-9999px;overflow:hidden;z-index:2;left:50%;margin-left:394px;top:534px}


/* loginframe */
.side{float:left;width:248px}
.start{width:248px;height:79px;background:url(../image/start.jpg) no-repeat;padding-top:33px;display:block;}
.start:hover{background: url(../image/start-hov.jpg) no-repeat;}
.start span,.start span:after{display:block;width:155px;height:61px;margin:0 auto;background:url(../image/starttext.png) no-repeat;content:"";cursor:pointer;}
.start:hover span{animation:linear icoBig 1.6s infinite;-webkit-animation:linear icoBig 1.6s infinite}
.start:hover span:after{opacity:.6;animation:linear icoBig2 1.6s infinite;-webkit-animation:linear icoBig2 1.6s infinite}
@-webkit-keyframes icoBig{
    0%{-webkit-transform:scale(1);transform:scale(1);}
    20%{-webkit-transform:scale(1.05);transform:scale(1.05);}
    30%{-webkit-transform:scale(.93);transform:scale(.93);}
    45%{-webkit-transform:scale(1.04);transform:scale(1.04);}
    60%{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes icoBig{
    0%{transform:scale(1);}
    20%{transform:scale(1.05);}
    30%{transform:scale(.93);}
    45%{transform:scale(1.04);}
    60%{transform:scale(1);}
}
@-webkit-keyframes icoBig2{
    0%{-webkit-transform:scale(1);transform:scale(1);}
    20%{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:0}
    100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes icoBig2{
    0%{transform:scale(1);}
    20%{transform:scale(1.3);opacity:0}
    100%{transform:scale(1);opacity:0}
}
.block-a{display:block;overflow:hidden;height:100%;text-indent:-9999em}
.login{font-size:12px;height:180px;color:#cacaca;background-color:#232935;position:relative;margin-bottom:15px;}
.log a{color:#cacaca}
.login .t{width:260px;background-position:2px -238px;margin:auto;}
.login-t a{font-size:16px;line-height:43px;float:left;width:130px;height:43px;color:#a5a5a5;}
.login-t{position:absolute;top:146px;left:15px;}
#charge{background-position:-602px -158px}
#charge:hover{background-position:-739px -158px}
#btn-reg{width:130px;background-position:-602px -158px}
#btn-reg:hover{background-position:-739px -158px}
.mark{display:block;float:left;width:22px;height:22px;margin:10px 8px 0 23px;transition:all .5s ease-out;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;_display:inline}
.m1{background-position:0 -242px}
.m2{background-position:0 -290px}
#charge:hover .mark,#btn-reg:hover .mark{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}
.log li{position:absolute}
.text{font-family:'Microsoft Yahei';line-height:24px;width:186px;height:26px;padding:0 6px;color:#2e2e2e;background-color:#d9dadb;border-radius:5px;}
.user{top: 10px;left:24px;}
.psw{top: 45px;left: 24px;}
.user label,.psw label{display:none}
.remember{top: 75px;left:24px;}
.get-psw{top: 75px;left:168px; }
.reg{top: 75px;left:195px;}
.log-btn{top: 98px;left:24px;width:198px;height:46px;border-bottom:4px;}
.log-btn a{text-indent:0;text-align:center;line-height:45px;font-size:24px;color:#e8eaed;background: url(../image/login-now.jpg) no-repeat;
	width: 90px;
    height: 45px;
    float: left;
}
.zhucei{ margin:0 0 0 18px;}
.log-btn a:hover{background: url(../image/login-now-hov.jpg) no-repeat;}
.loged{width:229px;margin:0 auto;padding:4px 0 0;}
.loged li{line-height: 28px;padding:0 13px;}
.loged a{color:#cacaca;}
.loged a:hover{color:#bd9d60}
.loged-usercenter{text-align:right}
.loged-usercenter a {margin-left: 10px;}

/* server */
.recom-server{height:218px;background:#fff url(../image/server-bg.jpg) no-repeat;overflow:hidden;}
.quick-ingame{line-height:64px;height:56px;border-bottom: 1px solid #d9d9d9;margin: auto 25px}
.fastin-input{width:37px;height:18px;text-align:center;line-height:18px;color:#000;background:#cccccc;}
.fastin-btn{width:34px;height:17px;display:inline-block;*display: inline;*zoom: 1;overflow:hidden;vertical-align:middle;background: #fbfeff;color: #232935;text-align: center;line-height: 17px;border: 1px solid #d9d9d9;float: right;margin-top: 22px;*position: relative;*top: -62px;}
.fastin-btn:hover{background: #3e5879;color: #f9fcfc;}
.sidebar-server{height:112px;width:192px;margin:0 auto;}
.sidebar-server li{height:25px;line-height:25px;overflow:hidden;border-bottom:1px dashed #E7E7E7;}
.sidebar-server li a{display:block;}
.sidebar-server li i{display:inline-block;width: 11px;height: 11px;background: url(../image/arrow.png) no-repeat;margin-right: 3px;}
.sidebar-server li:last-child{border:0;}
.sidebar-server li span{float:right;}
.btn-red{color:#fff;background:#b49353;display:block;text-align:center;border-radius:3px;transition:.5s;}
.btn-red:hover{background:#cc962e;color:#fef8d7;}
.server-more{line-height:38px;width:198px;height:38px;font-size:16px;margin:auto;background: url(../image/all-server.jpg) no-repeat;display: block;text-align: center;color: #3d5474;}
.server-more:hover {background: url(../image/all-server-hov.jpg) no-repeat;color: #f9fcfc;}

/* kv */
.kv{position:relative;float:left;width:507px;height:292px;overflow:hidden;z-index:1;margin:0 0 45px 0;}
.kv-num{position:absolute;right:6px;bottom:10px}
.kv-num li{width:30px;height:5px;float:left;overflow:hidden;margin-right:8px;cursor:pointer;background:#232935;}
.kv-num li:hover,.kv-num li.focus{background:#be1c24;}
.kv-img img{width:507px;height:292px}

/*fast*/
.fast{width:100%;height:226px;overflow:hidden;float:left;}
.f{position:relative;display:block;width:100%;height:100%;}
.f em{line-height:115px;font-size:16px;margin-left:14px;}
.f1{background:url(../image/gift-s.jpg) no-repeat;}
.f2{background:url(../image/vip-s.jpg) no-repeat;}
.f3{background:url(../image/fun-s.jpg) no-repeat;}
.f4{background:url(../image/video-s.jpg) no-repeat;}
.fast a{float:left;display:inline-block;overflow:hidden;width:188px;height:218px;position:relative;transition:all linear .3s;-moz-transition:all linear .3s;-webkit-transition:all linear .3s;-o-transition:all linear .3s;-ms-transition:background linear .3s;background-repeat:no-repeat;}
.fast li{width:188px;height:218px;float:left;display:inline-block;*display: inline;*zoom:1;}
.fast li.cur{width: 371px;}
.fast li.cur a{width: 371px;}
.fast-li li.cur .f1{background:url(../image/gift.jpg) no-repeat;}
.fast-li li.cur .f2{background:url(../image/vip.jpg) no-repeat;}
.fast-li li.cur .f3{background:url(../image/fun.jpg) no-repeat;}
.fast-li li.cur .f4{background:url(../image/video.jpg) no-repeat;}
.f i{position:absolute;bottom:8px;left:50%;margin-left: -40px;display:block;width:80px;height:78px;font-size: 18px;color: #415e80;transition:.8s;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-align: center;line-height: 137px;font-weight: 700;}
.f1 i{background:url(../image/f1.png) no-repeat 13px 0;}
.f2 i{background:url(../image/f2.png) no-repeat 13px 0;}
.f3 i{background:url(../image/f3.png) no-repeat 13px 0;}
.f4 i{background:url(../image/f4.png) no-repeat 13px 0;}

/* news */
#news{width:372px;height:283px;padding:9px 21px 0 22px;background:#ffffff url(../image/news-bg.jpg) no-repeat;overflow:hidden;margin-left:13px;float:left;position: relative;}
#news .more{text-indent:-9999px;position: absolute;width: 37px;height: 37px;top: 0;right: 0;}
.news-tab{height:42px;border-bottom:1px solid #CCCCCC}
.news-tab li{font-size:16px;display:inline;float:left;position:relative}
.news-tab li a{line-height:42px;display:block;width:62px;height:40px;text-align:center;color:#666e87;transition:.5s}
.news-tab li a:hover,.news-tab li.current a{color:#3e5879}
.line{display:block;position:absolute;bottom:-2px;z-index:3;width:0;height:2px;background-color:#3e5879;transition:.5s;_display:none}
.news-tab li:hover .line,.news-tab li.current .line{width:100%}
.headline{height:48px;margin:8px 0 0;text-align:center;border:1px solid;}
.headline i{display:inline-block;width:39px;height:37px;background: url(../image/hot.png) no-repeat;position: absolute;top: 7px;left: 0;}
.headline-title{position:relative;font-size:16px;font-weight:700;line-height:48px;display:block;overflow:hidden;height:48px;white-space:nowrap;text-overflow:ellipsis;color:#3e5879;text-indent: 2em;}
.headline-sum{font-size:12px;line-height:14px;display:block;overflow:hidden;height:14px;white-space:nowrap;text-overflow:ellipsis;color:#99a0b1}
.news-list{height:150px;overflow:hidden;}
.news-list li{line-height:35px;overflow:hidden;height:30px;margin:0 auto;white-space:nowrap;text-overflow:ellipsis;color:#403c3c;}
.news-list li:last-child{border:0}
.news-list a{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;color:#403c3c;}
.news-list a:hover{color:#bd9d60}
.a-link:hover{padding-left:5px}
.time{float:right;color:#cacaca}

/* role */
.role {position:relative;overflow:hidden;margin: 11px 13px 50px 0;float: left;}
.role-inner {position: relative;overflow: hidden;width: 770px;height: 328px;margin-top: 8px;}
.role .t{background:url(../image/ROLEPLACEMENT.png) no-repeat;}
.r-hd {position:absolute;z-index:2;top:15px;left:20px}
.r-hd li {height: 38px;display:inline;float:left;width:149px;cursor:pointer;text-indent: 2em;color:#bac7e8;margin-right:2px;}
.r-hd .jiansheng {background: url(../image/js-tab.png) no-repeat 0 0;}
.r-hd .jianxian {background: url(../image/jx-tab.png) no-repeat 0 0;}
.jiansheng.cur, .jiansheng:hover {background: url(../image/js-tab-hov.png) no-repeat 0 0;}
.jianxian.cur, .jianxian:hover {background: url(../image/jx-tab-hov.png) no-repeat 0 0;}
.role-con {color:#cacaca}
.role-detail {position:relative;display:none}
.role-detail .r-desc {position:absolute;z-index:2;top:0;left:-300px;width:426px}
.curElem .r-desc {left:10px}
.weapon {line-height:15px;position:absolute;top:227px;left:20px;height:15px}
.level {position:absolute;top:0;left:80px;width:100px}
.star {display:inline-block;width:15px;height:15px;margin-right:9px;vertical-align:top;}
.lv-1 i.l-star {width:72px}
.lv-2 i.l-star {width:63px}
.lv-3 i.l-star {width:54px}
.role-con b {font-weight:700;color:#344a66}
.description {line-height:28px;position:absolute;top:64px;left:20px;height:90px;color: #000000;}
.readmore {position:absolute;top:270px;left:20px;display:block;width:133px;height:31px;background: url(../image/readmore.jpg) no-repeat;}
.readmore:hover {background-position: -133px 0;}
.role-detail .r-per {position:absolute;top:0;right:-300px;width:275px;height:300px}
.curElem span {display: block;}
.js-img {width: 269px;height: 327px;background: url(../image/jiansheng.png) no-repeat;position: absolute;top: 1px;right: 120px;display: none;}
.jx-img {width: 223px;height: 310px;background: url(../image/jianxian.png) no-repeat;position: absolute;top: 18px;right: -1px;display: none;}

/*gonglue*/
.gonglue{float: left;margin: 11px 0 50px 0;position: relative;}
.gonglue .t{background: url(../image/gl-tit.png) no-repeat;text-indent: -9999px;}
.gonglue .news-list {width: 417px;height: 328px;background: #ffffff;margin-top: 8px;}
.gonglue .news-list ul {display: block;padding: 0 23px;}
.gonglue .news-list a {color: #666666}
.fuben {width: 371px;height: 114px;margin: 30px auto 10px;position: relative;overflow: hidden;}
.fuben .v-img {background: url(../image/fuben.jpg) no-repeat;}
.fuben .v-bg {bottom: 13px;margin-left: -44px;}
.fuben .play {background: url(../image/book.png) no-repeat;}
.fuben:hover .v-img{transform:scale(1.1);}
.fuben:hover .play{animation:linear aRound 1.6s infinite;-webkit-animation:linear aRound 1.6s infinite}

/*ziliao*/
.ziliao{float:left;height:258px;position:relative;width:938px;margin:0 0 45px 14px;_display:inline;}
.ziliao .t{background:url(../image/Game-introduction.png) no-repeat;}
.ziliao .con{width:100%;height:218px;position:relative;margin-top:8px;}
.ziliao .i-title{width:100%;height:37px;}
.info_list{width:938px;height:218px;}
.info_list li{width:312px;height:218px;float:left;position:relative;overflow:hidden;border-right:1px solid #d9d9d9;}
.info_list .info_03{border:0}
.info-a{text-indent:-9999em;display:block;width:312px;height:218px;position:absolute;background:url(../image/info-bg.jpg) no-repeat -624px 0px;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;}
.inf0-h:hover .info-a{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);}
.info_list i{display:block;width:165px;height:35px;position:absolute;top:160px;left:78px;}
.info_01 a{background-position:0px 0px}
.info_02 a{background-position:-312px 0px}
.info_03 a{background-position:-624px 0px}
.info_01 i{background:url(../image/xinshou.png) no-repeat;}
.info_02 i{background:url(../image/xitong.png) no-repeat;}
.info_03 i{background:url(../image/gonglue.png) no-repeat;}
.zl-con{overflow:hidden;width:312px;height:318px;position:absolute;top:318px;left:0;background:url(../image/bg05.png);transition:all 0.4s ease;}
.inf0-h:hover .zl-con{top:0;}
.zl-con a{line-height:36px;height:36px;color:#fff;width:100px;float:left;text-align:center;}
.zl-con a:hover{color:#bd9d60;}

/* video */
.video{width:1200px;height:236px;margin:auto;overflow:hidden;}
.video .t{background:url(../image/mi.png) no-repeat;}
.video ul{width:100%;height:157px;margin-top:8px}
.video li{width:300px;height:157px;float:left;position:relative;overflow:hidden;}
#v0{width:298px}
#v1{width:301px}
#v3{width:301px}
.v-img{background:url(../image/video-list.jpg) no-repeat;width:100%;height:100%;transition:transform .5s ease;}
.v2{background-position:-298px 0}
.v3{background-position:-599px 0}
.v4{background-position:-899px 0}
.play {width: 51px;height: 49px;background: url(../image/play.png) no-repeat;position: absolute;top: 0;left: 50%;margin-left: -25px;}
.video li:hover .v-img{transform:scale(1.1);}
.video li:hover .play{animation:linear aRound 1.6s infinite;-webkit-animation:linear aRound 1.6s infinite}
.v-bg{height:82px;position:absolute;bottom:24px;left: 50%;margin-left: -55px;}
.v-bg em {border-top: 1px solid #ffffff;line-height: 137px;color: #ffffff;}
#v0 .v-bg {margin-left: -40px;}

@-webkit-keyframes aRound{
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform: rotate(360deg);}
}
@keyframes aRound{
    0%{transform:rotate(0deg);}
    100%{transform: rotate(360deg);}
}


/* service */
.service{width:248px;height:258px;float:left;margin-bottom:45px;}
.service-index{margin-top: 30px;}
.service .t{background:url(../image/SERVICE.png) no-repeat;}
.service .con{width:100%;height:218px;background-color:#f9fcfc;position:relative;}
.contact{position:absolute;left:26px;top:20px;line-height:24px;color:#3e5879;}
.service a{width:95px;height:20px;display:inline-block;border:1px solid #CCCCCC;background-color:#ffffff;text-align:center;line-height:20px;color:#000000;}
.service a:hover{background-color:#3b577e;color:#ffffff;}
.qr{width:87px;height:87px;background:#fff;position:absolute;top:125px;left:26px;}
.qr i{display:block;width:100%;height:100%;background:url(../image/code.jpg) no-repeat}
.qr-des{font-weight:700;width:98px;position:absolute;top:130px;right:33px;color:#000000}
.qr-des em{color:#bd9d60;margin-left:14px;}

/* media */
.media{width:248px;height:96px;float:left;}
.media .t{width:212px;background:url(../image/MEDIAPAPTNER.png) no-repeat;}
.media .con{overflow:hidden;height:64px;margin-top:8px;background:#ffffff;}
.media-scroll{overflow:hidden;width:150px;height:50px;margin:7px auto}
.media-scroll li{width:150px;height:50px}
.media-scroll img{width:150px;height:50px}

/* links */
.links{float:left;width:938px;height:96px;margin-left:14px;}
.links .t{width:315px;background:url(../image/links.png) no-repeat;}
.links .focus{border-bottom:2px solid #000000;color:#000000;}
.links .con{overflow:auto;height:64px;position:relative;font-size:12px;color:#26282a;background:#f9fcfc;margin-top:8px;padding:0 37px;}
.links a{font-size:16px;display:inline-block;white-space:nowrap;color:#26282a;margin-right:10px;line-height:60px;}
.links a:hover{color:#d8a55b}

/* article list */
.content strong{font-weight:700}
.article-top{overflow:hidden;width:100%;height:73px;background:#3e5879;}
.article-top span{font-size:36px;line-height:72px;width:130px;padding:0 0 0 25px;color:#f9fcfc}
.bread-nav{line-height:34px;margin-top:-4px;padding:0 0 0 17px;color:#a7aab1;display:inline-block;}
.bread-nav a{color:#848a91}
.bread-nav a:hover{color:#ff9f32}
.article-main{width:876px;min-height:863px;padding:0 31px;color:#26282a;border-top:1px solid #3f4449;background:#ffffff;_height:867px}
.article-list{margin:0 auto;padding-top:16px}
.article-list li{line-height:30px;overflow:hidden;height:30px;border-bottom:1px dashed #6f6f6f}
.news-date{float:right}
.pageNum{height:50px;margin:20px auto 0;padding-top:20px;text-align:center}
.pageNum span{display:inline}
.pageNum a{font-size:12px;line-height:26px;margin:3px;padding:2px 7px;color:#fff;background:#2d416f}

/* article content*/
.article-title{font-size:40px;line-height:110px;overflow:hidden;height:110px;text-align:center;color:#c39c61}
.article-title h1{font-weight:400}
.article-detail{line-height:30px;height:28px;padding-bottom:3px;text-align:right;border-bottom:1px solid #4d545d}
.article-detail span{color:#848a91}
.article-content{line-height:2;padding:20px 0}
.article-relation{font-size:14px;height:150px;margin:0 auto}
.article-relation dt{line-height:36px;height:36px;text-indent:8px;border-bottom:1px solid #4d545d}
.article-relation dd{line-height:30px;float:left;overflow:hidden;width:48%;height:30px;margin:0 0 0 1%;*display:inline}

/* s-header */
.s-body{background:url(../image/s-bg.jpg) center 0 no-repeat;color:#fff;font-size:14px}
.s-body a{color:#fff}
.s-wrap{background:url(../image/s-main.jpg) no-repeat;width:1000px;height:1100px;margin:0 auto;}
.s-header{position:relative;height:224px;}
.s-content{position:relative;margin:59px 0 0 357px;width:643px;}
.s-logo{position:absolute;top:30px;left:36px;overflow:hidden;width:268px;height:188px;text-indent:-9999px;}
.s-nav{height:60px;padding:13px 0 0 344px;}
.s-nav a{float:left;width:155px;height:60px;text-indent:-9999em;margin-left: 9px;}

/* s-loginframe */
.s-loginframe{position:absolute;top:152px;left:356px;width:644px;height:77px;}
.s-text{width:165px;height:30px;padding:0 6px;background:#fff;font-family:"Microsoft Yahei";line-height:30px;color:#000;}
.s-user{top:13px;left:27px}
.s-psw{top:13px;left:218px}
.s-log-btn{top:13px;left:436px;}
.s-log-btn a{display:block;background:url(../image/s-btn.jpg) no-repeat;width:167px;height:56px;}
.s-log-btn a:hover{}
.s-remember{top:47px;left:27px}
.s-psw-btn{top:47px;left:218px}
.s-reg-btn{top:47px;left:340px}

/* s-loged */
.s-body .loged{width:616px;padding: 2px 0 0 26px;color:#ffffff;font-size:14px;}
.s-body .loged li{line-height:24px;float:left;width: 270px;}
.s-body .loged a{color:#ff9600;}
.s-body .loged a:hover{color:#a72c11;}
.s-body .loged .loged-highlight{color:#ff9600;}

/* s-recommend-server */
.s-name{font-size:18px;color:#FFF;line-height:42px;}
.s-name-rec{color:#9b5d44;text-indent: -9999px;}
.s-server-list li{float:left;margin:0 11px 0 0;text-align:center;background:url(../image/s-li.jpg) no-repeat;width:205px;height:41px;line-height:41px;}
.s-server-list a{display:inline-block;color:#fff;height:100%;}
.s-server-list a:hover{font-size:13px;color:#E8F742;}
.s-server-list span{color:#ff0000;}
#rec-server{float:left;width:434px;overflow:hidden;height:41px;margin: 10px 0 0 196px;}
#rec-server li {background: url(../image/new-server.jpg) no-repeat;width: 205px;}
#rec-server a {color: #3d0000;}
.rec-server {position: relative;}

/* s-quick-ingame */
.s-quick-ingame{font-size:14px;float:left;width:270px;height:22px;line-height:20px;position: absolute;top: 53px;right: 23px;}
.s-fastin-input{width:43px;height:18px;text-align:center;line-height:18px;color:#fff;background:#746e6a;}
.s-fastin-btn{background:#2e3b5d;line-height:23px;border-radius:0;display:inline-block;width:62px;height:20px;vertical-align:middle;text-align: center;font-size: 12px;}
.s-fastin-btn:hover{background-position:-305px -21px;}

/* s-all-server- */
.all{overflow-y:auto;height:530px;margin-top:26px;}
.sp-pager{overflow:hidden;margin:0 0 12px 0;padding-left: 10px;}
.sp-pager li{line-height:23px;width:68px;height:23px;margin:0 8px 4px 0;cursor:pointer;background:#c5c2bc;color:#000000;font-size:12px;}
.sp-pager li.on{background:#ffffff;color:#c22000;}
.sp-panel-wrap li{margin:0 2px 9px 0;}
.sp-panel-wrap a{color:#fff;}
.sp-panel-wrap span{color:#ff0000}

/*video*/
.video-alert{width:654px;height:368px;background:#000;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(../image/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}

/*self service*/
.info_link {height: 360px;position: relative;background: #323334;margin-top: 60px;}
.info_link .t {width: 256px;height: 58px;margin: auto;background: url(../image/self-t.png) no-repeat 0 20px;}
.info_link li {width: 122px;height: 86px;background: #252525;margin: 0 0 13px 13px;float: left;}
.info_link li a {color: #8b8f9b;display: block;width: 100%;height: 100%;text-align: center;line-height: 130px;position: relative;}
.info_link li a:hover {color: #ea6f3e;}
.info_link li a:hover .i-icon {-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
.game-bg a:hover .i-icon {background: url(../image/gb-hov.png) no-repeat}
.rookie-gift a:hover .i-icon {background: url(../image/rg-hov.png) no-repeat}
.vip-user a:hover .i-icon {background: url(../image/vu-hov.png) no-repeat}
.user-active a:hover .i-icon {background: url(../image/ua-hov.png) no-repeat}
.game-info a:hover .i-icon {background: url(../image/gi-hov.png) no-repeat}
.faq a:hover .i-icon {background: url(../image/faq-hov.png) no-repeat}
.info_link .i-icon {width: 38px;height: 38px;display: block;position: absolute;top: 15px;left: 42px;transition: all .8s ease-out;transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;_display: inline;}
.game-bg .i-icon {background: url(../image/gb.png) no-repeat;}
.rookie-gift .i-icon {background: url(../image/rg.png) no-repeat;}
.vip-user .i-icon {background: url(../image/vu.png) no-repeat;}
.user-active .i-icon {background: url(../image/ua.png) no-repeat;}
.game-info .i-icon {background: url(../image/gi.png) no-repeat;}
.faq .i-icon {background: url(../image/faq.png) no-repeat;}


/* gonglue */


.i-service {width: 187px;height: 264px;background: #3c3d3d;margin-left: 2px;float: left;position: relative;}
.i-service .t {width: 160px;height: 76px;background: url(../image/service-t.png) no-repeat 0 24px;margin: auto;}

.c-wrap .info_link {margin-top: 12px}
.c-body {background: #eeeeee;}

/*three*/
.loged .loged-top{display: none}
.loged img { margin-right: 3px;vertical-align: middle;}
.three{font-size: 12px;left: 24px;top: 149px;color: #cacaca;}
.sq-third-link{display: inline-block;*display: inline;}
.three-icon{background: url("http://www.tdjh333.com:88/common/css/images/three.png") no-repeat;transition: .5s;width: 28px;height: 28px;display: inline-block;text-indent: -9999em;vertical-align: middle;margin: 0 6px;}
.three-wx{background-position:  -39px 0;}
.three-wb{background-position:  -78px 0;}
.s-body .three-icon{margin:0 4px;}

.s-body .sq-third-link {margin-left: 5px;color: #fff;}




.nav-top2 {
	position: absolute;
	width: 2000px;
	height: 72px;
	z-index: 2;
	top: 0;
	left: 50%;
	margin-left: -1000px;
	font-size: 20px;
	background: url(../image/nav-top-bg.png)
}
.nav-top2 ul {
	width: 1200px;
	margin: auto
}
.nav-top2 li {
	width: 137px;
	float: left;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	height: 100%;
	_display: inline
}
.nav-top2 #nav-1st {
	margin-left: 272px
}
.nav-top2 a {
	padding-top: 20px;
	display: block;
	height: 70px;
	color: #fff
}
.nav-top2 a:hover {
	color: #f6d96c
}
.nav-top2 a:hover i {
	color: #f6d96c
}
.nav-top2 i {
	display: block;
	color: #979797;
	font-size: 12px
}