@charset "utf-8";

/**
 * dqy_main.css
 * @aumagic tj
 * @date 2017-02-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{margin:0;padding:0;outline:0}
h1,h2,h3,h4,h5{font-size:100%}
ul,li{list-style:none}
a,button{cursor:pointer}
table{border-spacing:0;border-collapse:collapse;margin:0 auto;}
.cls{*zoom:1}
.cls:after{display:block;visibility:hidden;clear:both;overflow:hidden;height:0;content:'.'}
.cls{clear:both}
a{text-decoration:none;color:#a8adb6;}
a:hover{text-decoration:none;color:#ffcc66;}
.hidden{display:none}
em,i,strong{font-weight:400;font-style:normal}
.body{font:14px 'Microsoft Yahei',SimSun;position:relative;overflow-x:hidden;background:#16161b url(../images/bottom_1_1.jpg) bottom no-repeat;}
body {
    min-width: 1200px; 
    overflow: auto;
}
.header{width: 1200px; height:1085px;*z-index:3;position: relative;}
.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:200px;}
.main{width:1200px;margin-top: -390px;position: relative;}
/* header */
.kv-top{position:absolute;left:50%;overflow:hidden;width:2000px;height:1085px;margin-left:-1000px;*height:1085px}
.kv-top-img{position:relative;clear:both;overflow:hidden;width:2000px;height:1085px}
.kv-top-img li{overflow:hidden;width:2000px;height:1085px}
.kv-top-img a{ width: 100%; height: 100%; display: block; }
.kv-top-img li img{width:2000px;height:1085px}
.kv-top-num{position:absolute;top:650px;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:#C0C0C0}
.kv-top-num li:hover,.kv-top-num li.focus{background:#BD9D60}
.top-nav{position: absolute;z-index: 2;top: 0;left: 0;width: 173px;height: 650px;font-size: 18px;background: url(../images/top-nav_1_1.png) no-repeat;z-index: 2;}
.nav{height: 100%;}
.nav li{
    width: 92%;
    text-align: center;
    position: relative;
    margin-bottom: 28px;
}
.nav .nav-icon{
    display: inline-block;
    width: 34px;
    height: 37px;
    background-image: url(../images/nav-menu_1_1.png);
    vertical-align: middle;
    transition: .5s;
}
.nav .nav-icon1{background-position: 0px 0px;}
.nav .nav-icon2{background-position: 0px -45px;}
.nav .nav-icon3{background-position: 0px -90px;}
.nav .nav-icon4{background-position: 0px -135px;}
.nav .nav-icon5{background-position: 0px -180px;}
.nav .nav-icon6{background-position: 0px -270px;}
.nav li:hover .nav-icon1{background-position: -39px 0px;}
.nav li:hover .nav-icon2{background-position: -39px -45px;}
.nav li:hover .nav-icon3{background-position: -39px -90px;}
.nav li:hover .nav-icon4{background-position: -39px -135px;}
.nav li:hover .nav-icon5{background-position: -39px -180px;}
.nav li:hover .nav-icon6{background-position: -39px -270px;}
.nav .first-nav{
    padding-top: 150px;
}
#navLast{border:0}
.nav a{color: #c6d3f0;display:inline-block;vertical-align: middle;margin-left: 10px;margin-top: 5px;}
.nav a:hover{color:#ffc974;}
.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}
.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{
    left: -40px;
    top: 22px;
    text-indent: -9999px;
    position: absolute;
    z-index: 2;
    width: 225px;
    height: 105px;
    background: url(../images/logo_1.png) no-repeat;
    z-index: 5;
}
.tips18{
    font-size: 16px;
    position: absolute;
    z-index: 2;
    top: 670px;
    letter-spacing: 1px;
    color: #c0bec8;
    right: 0;
}
.tips18 span{
    color: #f43030;
}
#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 */
.lrsbox{margin-bottom: 75px;}
.lrsbox .left,.lrsbox .right{float: left;}
.lrsbox .left{position: relative;}
.lrsbox .right{margin-left: -1px;}
.start{
    display: block;
    width: 381px;
    height: 166px;
    background: url(../images/start_1_1.jpg) no-repeat;
}
.start:hover{
    background: url(../images/start-h_1_1.jpg) no-repeat;
}
.start span{
    display: block;
    width: 194px;
    height: 73px;
    position: absolute;
    top: 45px;
    left: 90px;
    background: url(../images/starttext_1_1.png) no-repeat;
    content: "";
    cursor: pointer;
}
.start span:after{
    display: block;
    width: 188px;
    height: 65px;
    background: url(../images/starttext_1_1.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}
}
.side-a{
    display: block;
    width: 190px;
    height: 58px;
    line-height: 58px;
    float: left;
    color: #fff;
    font-size: 20px;
    background-color: #4d5263;
    border-right: 1px solid #393f58;
}
.side-a:hover {
    color: #fff;
    background: #a3762f;
}
.mark{display:block;float:left;margin:16px 10px 0 45px; width: 20px;
height: 22px;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}
.mark:hover{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}
.icon-btn-c:hover .mark,.icon-btn-d:hover .mark{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}
.icon-charge {background-image: url(../images/change-h_1_1.png);}
.icon-download {background-image: url(../images/download-h_1_1.png);}

.login{font-size:12px;height:238px;color:#a8adb6;background:#272a36; border: 1px solid #393e4d; position:relative;width:380px;}
.log a{color:#fff;}
.log a:hover {color:#f12525;}
.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;}
.log li{position:absolute}
.text{font-family:'Microsoft Yahei';line-height:32px;width:224px;height:32px;padding-left: 27px;color:#2e2e2e;background-color:#d9dadb;}
.login .input-u{background: url(../images/input-u_1_1.png) no-repeat;}
.login .input-p{background: url(../images/input-p_1_1.png) no-repeat;}
.user{top: 20px;left:40px;}
.psw{top: 64px;left:40px;}
.remember{top: 106px;left:70px;}
.get-psw{top: 106px;left:170px;}

.lr-btn{
    text-indent: 0;
    width: 142px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 22px;
    color: #a8adb6;
    top: 134px;
}
.lr-btn a{
    color: #a8adb6;
    display: block;
}
.lr-btn a:hover {
    color: #a8adb6;
}
.log-btn{
    left: 38px;
}
.reg-btn{
    font-size: 12px;
    right: 60px;
    top: 105px;
}
.reg-btn a {
    background: transparent;
}
.reg-btn a:hover {
    background: transparent;
}
.icon-login:hover {
    background-image: url(../images/login-h_1_1.png);
}
.icon-login {
  background-image: url(../images/login_1_1.png);
    width: 300px;
    height: 50px;
}
.loged{width:260px;margin:0 auto;padding:24px 0 0;font-size: 14px;}
.loged-top {display: none;}
.loged li{line-height:33px;padding:0 13px;}
.loged a{color:#a8adb6;}
.loged a:hover{color:#ffcc66}
.loged-usercenter{text-align:right}
.loged-usercenter a{margin-left:5px}
.loged .colored{color: #ffcc66;}

.c-body .role{
    margin-top: 70px;
    float: none;
}
.c-body .icon-service{
    background-repeat: no-repeat;
}
.card {
    margin-top: -25px
}

.card a {
    display: block;
    width: 381px;
    height: 127px;
    overflow: hidden
}

.card img {
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s
}

.card a:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05)
}

/*left service*/
.left .service{width:381px;float:left; margin-top: 40px;}
.service .servicetl{
    width: 361px;
    height: 44px;
    background-color: #3f4350;
    padding: 15px 0 0 20px;
}
.left .service .con{width:100%;height:179px;border:none;position:relative;background: #282b37;margin-top: 0;}
.lcontact{float: left; line-height:24px;color:#a8adb6;width: 173px;padding:35px 0 0 42px;}
.left .service a{width:95px;height:20px;display:inline-block;background-color:#505773;text-align:center;line-height:20px;color:#fff;}
.left .service a:hover{background-color:#657096;}
.left .qr{float: left;margin:35px  0 0 30px; color: #a8adb6;}
.left .qr i{display: block; float: none;}

/* server */
.choice-server{color: #e5e7ec; height:105px;width: 802px; background:url(../images/serverbg_1_1.png) no-repeat;position:relative;padding:0 8px 0;}
.quick-ingame{line-height:45px;width:197px;height:45px;border-bottom:1px solid #595959;margin:auto;font-size:12px;color:#26282a;}
.fastin-input{width:37px;height:19px;text-align:center;line-height:19px;color:#000000;background:#d9dadb;}
#btnFast{width:76px;height:23px;line-height: 23px;text-align: center; display:inline-block;background:#636b8b;color: #fff;border-radius: 5px;}
#btnFast i{color:#ff8f16}
#btnFast:hover{background:#717da8;color: #fff;}
.choice-list{height:75px;width:400px;overflow:hidden;position: absolute;top: 15px;left: 120px; font-size: 12px;}
.choice-list i{height:11px;width:11px;display:inline-block;background:url(../images/i.png) no-repeat;margin-right:11px;}
.choice-list li{float: left;margin-right: 10px;width: 190px; height:36px;line-height:36px;overflow:hidden;}
.choice-list li:first-child a{color:#e33b0f;}
.choice-list li:last-child{border:0;}
.choice-list li span{color:#d8a55b;margin-right: 10px;float: right;transition: .3s;}
/*.choice-list li:hover span{font-size: 16px;}*/
.select-server{position: absolute;top: 27px;left: 532px;}
.server-more{line-height:24px;width:74px;height:24px;position:absolute;right:0;top:17px;font-size:14px;}
.all-server{width:12px;height:12px;display:block;position: absolute;top: 6px;right: 8px;}
.all-server:hover{}

/*infolist*/
.info_link{height:286px;margin-bottom:11px;}
.info_link li{width:113px;height:94px;float:left;background-color:#FFFFFF;margin:0 1px 1px 0;text-align:center;line-height:135px;position:relative;}
.info_link a{width:100%;height:100%;display:inline-block;color:#333333;}
.info_link i{display:block;position:absolute;top:13px;left:40px;}
.i-icon{transition:all .5s ease-out;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;}
.info_link a:hover i{-webkit-transform:rotate(360deg);transform:rotate(360deg);}

/*media*/
.media{width:230px;float:left;}
.media .t{width:225px;margin:0 0 21px 11px;}
.icon-media {background: url(../images/media-text_1.png) left center no-repeat;width: 100%;height: 30px;}
.media .con{overflow:hidden;border: 1px solid #393e4d; background: #272a36; margin-left: 10px;height: 110px;border-right: none;}
.media-scroll{overflow:hidden;width:150px;height:50px;margin:29px 0 0 40px;}
.media-scroll li{width:150px;height:50px}
.media-scroll img{width:150px;height:50px}

/*kv*/
.kv{
    position: relative;
    float: left;
    width: 818px;
    height: 359px;
    overflow: hidden;
    z-index: 1;
    background: #272a36;
}
.kv-num{
    position: absolute;
    right: 6px;
    bottom: 10px;
}
.kv-num li{
    width: 22px;
    height: 22px;
    float: left;
    overflow: hidden;
    margin-right: 8px;
    cursor: pointer;
}
.kv-num li:hover,.kv-num li.current{
}
.kv-img img{
    width: 818px;
    height: 359px;
}
.kv-num li.current,.icon-kvnum:hover {
  background-image: url(../images/kvnum-h_1_1.png);
}
.icon-kvnum {
  background: url(../images/kvnum_1_1.png) no-repeat;
  width: 22px;
  height: 22px;
}

/*fast*/
.fast{width:1200px;height:226px;overflow:hidden;float:left;margin-bottom: 60px;}
.f{position:relative;display:block;width:100%;height:100%;}
.f em{line-height:115px;font-size:16px;margin-left:14px;}
.f1{background:url(../images/1_1.png) no-repeat;background-size:100%;}
.f2{background:url(../images/2_1.png) no-repeat;background-size:100%;}
.f3{background:url(../images/3_1.png) no-repeat;background-size:100%;}
.f4{background:url(../images/4_1.png) no-repeat;background-size:100%;}
.fast a{float:left;display:inline-block;overflow:hidden;width:264px;height:211px;text-indent:-999em;position:relative;top: 7px; 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 a.cur{width:350px;height:216px;top: 3px;}
a.f1{}
a.f2{*top:-13px;}
a.f3{*top:-34px;}
a.f4{*top:-54px;}
.fast a.f1.cur{}
.fast a.f2.cur{*top:-18px;}
.fast a.f3.cur{*top:-38px;}
.fast a.f4.cur{*top:-58px;}
.f1.cur{background:url(../images/1_1.png) no-repeat -2px -2px;background-size:100%;}
.f2.cur{background:url(../images/2_1.png) no-repeat -2px -2px;background-size:100%;}
.f3.cur{background:url(../images/3_1.png) no-repeat -2px -2px;background-size:100%;}
.f4.cur{background:url(../images/4_1.png) no-repeat -2px -2px;background-size:100%;}
.f i{position:absolute;top:16px;left:28px;display:block;width:68px;height:68px;text-indent:-9999em;transition:.8s;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}

/*news*/
.more{
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.more:hover{
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.news-box{width:497px;height:382px;background-color: #1c1f29;  border: 1px solid #2f3342; border-right: none; border-left: none; overflow:hidden;float:left;}
.news-box .more{float:right;margin-right: 20px;margin-top: 25px;}
.news-tab{
    width: 497px;
    height: 61px;
    background: #272a36;
}
.news-tab li{
    font-size: 16px;
    display: inline;
    float: left;
    position: relative;
}
.news-tab li a{
    line-height: 61px;
    display: block;
    width: 77px;
    height: 61px;
    text-align: center;
    color: #fff;
    transition: .5s;
}
.news-tab li a:hover,.news-tab li.current a{
    color: #ffc059;
}

.line {
    width: 0;
    height: 2px;
    background: #f0c163;
    display: block;
    position: absolute;
    bottom: 0px;
    transition: 0.5s;
}
.current .line{
    width: 100%;
}

.headline{
    height: 55px;
    margin-top: 25px;
    text-align: center;
}
.headline-title{
    font-size: 16px;
    font-weight: 700;
    line-height: 56px;
    width: 449px;
    height: 56px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #cb2d2f;
    border-bottom: 1px solid #000000;
    margin: 0 auto;
}
.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: 210px;
    overflow: hidden;
    padding: 10px 25px 0 25px;
}
.news-list li{
    line-height: 35px;
    overflow: hidden;
    height: 30px;
    margin: 0 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #99a0b1;
}
.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: #99a0b1;
    margin-left: 5px;
}
.news-list a:hover{
    color: #bd9d60;
}
.a-link:hover{
    padding-left: 5px;
}
.time{
    float: right;
    padding-right: 15px;
}

/* gamedata */
/**游戏资料**/
.ziliao-content {
    width: 321px;
    height: 384px;
    overflow: hidden;
    float: left;
    position: relative;
    margin-bottom: 69px;
    background: url(../images/gd_bg_1_1.jpg) no-repeat; overflow: hidden;}
.zl-tab {
    position: absolute;
    top: 17px;
    left: 10px;
}
.zl-tab li {
    font-size: 16px;
    float: left;
    height: 86px;
    width: 86px;
}
.zl-tab a.current {background-image: url(../images/gdnav-h_1_1.png);}
.zl-tab a {display: block; margin: 0 auto; width: 86px; height: 86px; background-repeat: no-repeat; overflow: hidden; text-indent: -9999em; }
.zl-li1 a {
    background-image: url(../images/gdnav_1_1.png);
    background-position: 0px 0px;
}
.zl-li1 a.current {background-position: 0px 0px;}
.zl-li2 a {
    margin-left: 24px;
    background-image: url(../images/gdnav_1_1.png);
    background-position: -107px 0px;
}
.zl-li2 a.current {background-position: -107px 0px;}
.zl-li3 a {
    margin-left: 45px;
    background-image: url(../images/gdnav_1_1.png);
    background-position: -213px 0px;
}
.zl-li3 a.current {background-position: -213px 0px;}
.zl-con {position: absolute;top: 130px;left: 0;width: 100%; height: 155px; overflow: hidden;}
.zl-con li {height: 100%; overflow: hidden;}
.zl-con a {float:left; position: relative; width: 33%; float: left; text-align: center; height: 30px; line-height: 30px; color: #99a0b1; overflow: hidden;    text-overflow: ellipsis;  white-space: nowrap;}
.zl-con a i {width: 4px; height: 4px; display: inline-block; background: #a8adb6; transform: rotateZ(45deg); margin: 3px 5px 3px 0px; }
.zl-con a:hover {color: #ffcc66;}
.zl-con a:hover i {background: #ffcc66;}

/*role*/
.role{position:relative;width:382px;height:384px;padding:0 0 65px 0;float:left;}
.role-inner{width:100%;height:384px;background: #272a36;position:relative;}
.role-nav{position:absolute;z-index:5;top:0;left: 10px; width:170px;height:110px;}
.role-nav li{width:51px;height:50px;position:absolute;text-indent:-9999px; overflow: hidden;}
.role .f-cf{width: 100%;height: 100%;}
.role-nav a {text-indent: -9999em; overflow: hidden;}
.nav-1{top:30px;left:0px;background:url(../images/role_1_1.png) no-repeat  0px 0px;}
.nav-2{top:30px;left:60px;background:url(../images/role_1_1.png) no-repeat -55px 0px;}
.nav-3{top:90px;left:0;background:url(../images/role_1_1.png) no-repeat -110px 0px;}
.nav-4{top:90px;left:60px;background:url(../images/role_1_1.png) no-repeat -166px 0px;}
.role-nav .cur{background:url(../images/role-h_1_1.png) no-repeat;}
.nav-1.cur{background-position:0px 0px;}
.nav-2.cur{background-position:-55px 0px;}
.nav-3.cur{background-position:-110px 0px;}
.nav-4.cur{background-position:-166px 0px;}
.r-desc {
    position: absolute;
    left: 0;
    z-index:1;
    top:-60px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transition: all 0.3s ease;
}

.curMod .r-desc{left: 0;}
.curMod .r-desc{top:0; left: 0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);opacity:1;transform:scale(1);filter:alpha(opacity=100);}

/*links*/
.links{float:left;height:96px;width: 356px;}
.links .t{margin-bottom: 22px;margin-left: 35px;}
.icon-links {background: url(../images/links-text_1_1.png) left center no-repeat;width: 100%;height: 29px;}
.links .focus{border-bottom:2px solid #000000;color:#000000;}
.links .con{width: 292px; position:relative;overflow:hidden;font-size:12px;color:#a8adb6;text-align: left;border: 1px solid #393e4d; background: #272a36;padding: 15px 20px 0 35px;height: 94px;border-left: none; overflow: hidden;}
.links a{
    font-size: 14px;
    display: inline-block;
    white-space: nowrap;
    color: #a8adb6;
    margin: 0 10px 8px 0;
    line-height: 12px;
}
.links a:hover{color:#ffcc66}

/*article list*/
.content{width: 818px;}
.content strong{font-weight:700}
.article-top{overflow:hidden;width:100%;height:60px;line-height: 60px; background:#840000;}
.article-top span{font-size:26px;line-height:63px;width:130px;padding:0 0 0 37px;color:#fff}
.bread-nav {
    color: #fff;
    float: right;
    margin-right: 33px;
}
.bread-nav a{color:#fff}
.bread-nav a:hover{color:#ffcc66}
.article-main{min-height:1324px;padding:0 31px;color:#cdd2db;border-top:1px solid #5b5e6d;background:#373b48;_height:867px}
.article-list .time {color: #93959f;}
.article-list{margin:0 auto;padding-top:16px}
.article-list a{color:#cdd2db;padding-left: 15px;}
.article-list li{line-height:40px;overflow:hidden;height:40px;border-bottom:1px solid #5b5e6d}
.article-list li:hover{color: #ffcc66}
.article-list li:hover a{color: #ffcc66;}
.news-date{float:right}
.pageNum{height:50px;margin:20px auto 0;padding-top:20px;text-align:center}
.pageNum span{font-size:14px;line-height:30px;margin:3px;padding:6px 11px;color:#fff;background:#b04336;}
.pageNum a{font-size:14px;line-height:30px;margin:3px;padding:6px 11px;color:#666;background:#c0c5cd}

/*article*/
.article-title{font-size:20px;overflow:hidden;text-align:center;color:#cdd2db;margin-top: 48px;}
.article-title h1{font-size: 20px;color: #ffc657;}
.article-detail{line-height:30px;height:28px;padding-bottom:20px;text-align:center;border-bottom:1px solid #cdd2db}
.article-detail span{color:#cdd2db}
.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 #cdd2db}
.article-relation dd{line-height:30px;float:left;overflow:hidden;width:48%;height:30px;margin:0 0 0 1%;*display:inline;text-overflow: ellipsis;white-space: nowrap;}

/* s-header */
.s-body{background:url(../images/s-bg_1_1.jpg) center 0 no-repeat;color:#fff}
.s-body a{color:#fff}
.s-wrap{background:url(../images/s-main_1_1.jpg) no-repeat;width:1000px;height:1100px;margin:0 auto;/* overflow:hidden; */}
.s-header{position:relative;height:245px;}
.s-content{position:relative;margin:115px 0 0 330px;/* width:608px; */}
.s-logo{position:absolute;top:12px;left:40px;overflow:hidden;text-indent:-9999px;width: 225px; height: 105px; background: url(../images/logo_1.png) no-repeat;}
.s-nav{height:70px;padding:45px 0 0 310px;}
.s-nav a{float:left;width:154px;height:39px;text-indent:-9999em;margin-right: 24px; background: url("../images/nav_1_1.png");}
.s-nav a:hover{background-image: url(../images/nav-hover_1_1.png)}
.s-nav #s-nav4 {margin-right: 0;}
#s-nav2{background-position:-176px 0}
#s-nav3{background-position:-352px 0}
#s-nav4{background-position:-528px 0}
#s-nav1:hover{background-position:1px 0}
#s-nav2:hover{background-position:-175px 0}
#s-nav3:hover{background-position:-351px 0}
#s-nav4:hover{background-position:-527px 0}

/* s-loginframe */
.s-loginframe{position:absolute;top:180px;left:335px;width:623px;height:76px;}
.s-text{width:177px;height:30px;padding:0 6px;background:#ffffff;font-family:"Microsoft Yahei";line-height:31px;color:#333333;border-radius:3px;}
.s-user{top:10px;left:20px;}
.s-psw{top:10px;left:222px}
.s-log-btn{top:10px;left:430px;}
.s-log-btn a{display:block;width:191px;height:53px;background:url(../images/log_1_1.png) no-repeat;text-indent:-9999px;}
.s-log-btn a:hover{background:url(../images/log-h_1_1.png) no-repeat; background-position: 1px 0;}
.s-remember{top: 47px;left: 20px;}
.s-psw-btn{top:42px;left:222px}
.s-reg-btn{top:42px;left:300px}

/* s-loged */
.s-loginframe{width:616px;color:#eaeaea;font-size:12px;}
.s-loginframe li{line-height:24px;float:left;width:295px;}
.s-loginframe a{color:#eaeaea;}
.s-loginframe a:hover{color:#ffc657;}
.s-loginframe .s-loged-highlight{color:#ffc657;}
.s-loginframe .s-loged-highlight:hover{color:#ffc657;}
.s-loged {margin-left: 20px;}

/* s-recommend-server */
.s-content .s-title {font-size: 18px;}
.s-name{font-size:18px;color:#FFF;line-height:42px;}
.s-name-rec{font-weight:700;color:#cccccc;text-indent:1em;}
.s-server-list{width:666px;height:500px;position:relative;overflow-y:auto;}
.s-server-list li,.server-list li{line-height:37px;float:left;width:204px;height:37px;margin:0 10px 12px 0;text-align:center;background:url(../images/server_1_1.png) no-repeat;}
.s-server-list li:hover,.server-list li:hover{background:url(../images/server-h_1_1.png) no-repeat;}
.rec-server li{background:url(../images/rec_1_1.png) no-repeat;}
.rec-server li:hover{background:url(../images/rec-h_1_1.png) no-repeat;}
.s-server-list a{display:block;height:100%;color:#fffffe;}
.s-server-list a:hover{font-size:13px;color:#90ffee;}
.s-server-list span{color:#fff100;margin-left:5px;}
#history{float:left;/* margin:14px 0 0 200px; */overflow:hidden;height:43px;}

/* s-quick-ingame */
.s-quick-ingame{width:180px;height:28px;line-height:25px;font-size:12px;position:absolute;bottom:23px;left:380px;}
.s-fastin-input{width:44px;height:18px;text-align:center;line-height:18px;color:#000;background:#f4ebdc;margin-left:5px;}
.s-server-list .s-fastin-btn{width:62px;height:26px;display:inline-block;position:absolute;top:0;left:77px;background-color:#3255c1;color:#ffffff;text-align:center;}
.s-server-list .s-fastin-btn:hover{color:#90ffee;}

/* s-all-server- */
.all{overflow-y:auto;height:664px}
.sp-pager{overflow:hidden;}
.sp-pager{margin:0;height:auto;margin:0 10px 12px 0;}
.sp-pager span{color:#b48333}
#nameList{*margin-bottom:8px}
.sp-pager li,#nameList a{line-height:28px;width:84px;height:28px;margin:0px 10px 8px 0;cursor:pointer;background:#937654;color:#FFF;text-align:center;float:left;display:block;}
.sp-pager li.hover,#nameList a.hover{background:#c73731;}
.sp-pager li:hover,#nameList a:hover{background:#c73731;}
.sp-pager li a{color:#fff}

/* 游戏盒子下载 */
.layout-mod-downlist,.ly-m-dl-c{width:552px;height:236px;z-index:100}
.layout-mod-downlist{display:none}
.ly-m-dl-c{position:relative}
.ly-m-dl-close,.ly-m-dl-it{display:block;position:absolute;text-indent:-9999px}
.ly-m-dl-close{width:20px;height:20px;right:9px;top:10px}
.ly-m-dl-it{width:226px;height:120px;left:35px;top:74px}
.ly-m-dl-it-2{left:290px}

/*service*/
.sml{float: left; width: 1200px;}
.service{width:614px;float:left;}

.service .con{width:100%;height:110px; position:relative; background: #272a36; border: 1px solid #393e4d;}
.contact{float: left; line-height:24px;color:#a8adb6;width: 393px;margin-left: 14px;padding-top: 5px;}
.contact p{float: left;margin-right: 20px;margin-top: 15px; margin-bottom: 5px}
.service a{
    width: 95px;
    height: 20px;
    display: inline-block;
    background-color: #505773;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
}
.service a:hover{
    background-color: #657096;
}
.qr{float: left;margin-top: 10px;}
.qr-des{width:98px;color:#a8adb6;float: left;margin-top: 6px;margin-left: 10px;line-height:25px;}
.qr p {float: left;}
.icon-code {float: left;display: block; width: 89px; height: 89px;}
.t{margin-bottom: 22px;}
.icon-service {background: url(../images/service-text_1_1.png) no-repeat left center; width: 100%;height: 30px;}
/*server list*/

/*** server ****/
.server-bg{background:#4a6387;position:absolute;right:0px;top:0;width:324px;height:379px;opacity:.9;z-index:1;}
h2{color:#333;font-size:20px;height:48px;line-height:48px;}
h2 em{color:#7e8083;font-size:14px;}
.choice-server h2{color:#e2ebff;height:39px;line-height:39px;}
.choice-server em{color:#636f8b;}
.h2-bg{background-color:#152e55;opacity:.8;position:absolute;top:1px;height:39px;width:323px;z-index:2;right:1px;}
.quick-ingame{height:38px;text-align:center;line-height:38px;position:relative;top:-6px;}
.side-enter a{display:block;border:1px solid #3c3c3c;margin-bottom:4px;}
.side-enter a:hover{border-color:#c68459;}
.s-fastin{background:#FFF;color:#000;border:1px solid #A2A2A2;height:18px;text-align:center;width:42px;}
#select-dom-xz,#select-dom-dq{width:58px;}
#select-dom-xz .select-con,#select-dom-dq .select-con{width:44px;}
.option-bg{position:absolute;display:none;left:63px;top:22px;z-index:9999;}
.option-bg-type{left:316px;top:22px;}
.option-bg-type-i{left:64px;top:22px;zoom:1;}
.option-bg-dq,.option-bg-xz{left:502px;}
.option-dom{width:208px;padding:1px;background:#989ca3;border:1px solid #3C436B;font-size:12px;overflow:hidden;}
.s-body .option-dom{background:#fff;}
.type-option-dom{width:173px;font-size:12px;background:#fff;margin-top: 1px;}
#type-option-dom-1{}
#type-option-dom-1 li{height:20px;font-size:14px;width:100%;text-indent:6px;}
#type-option-dom-2 li{background:#989ca3}
#option-dom-1{background:#EED5BB}
.now-is-0 .select-type-0,.now-is-1 .select-type-1,.now-is-2 .select-type-2{display:inline-block;vertical-align:top;*display:inline;}
.select-type-hs-i{display:block;}
#select-dom-xz-i,#select-dom-dq-i{width:69px;}
.select-con-xz-i,.select-con-dq-i{width:51px;}
#select-dom-xz-i .select-btn,#select-dom-dq-i .select-btn{}

/* fastin */
.f-wrap{height:34px;padding-left:234px;margin-top:40px;color:#dcdcdc;}
.s-body #quick-ingame,.s-body #quick-ingame-ty,.s-body #quick-ingame-dq{width:205px;height:34px;line-height:34px;text-align:center;float:left;position:relative;}
.s-body #quick-ingame a,.s-body #quick-ingame-ty a,.s-body #quick-ingame-dq a{display:inline-block;width:56px;height:20px;margin:0 3px;line-height:20px;text-align:center;color:#fff;background:#20255c;vertical-align:middle;}
.s-body #quick-ingame a:hover,.s-body #quick-ingame-ty a:hover,.s-body #quick-ingame-dq a:hover{background:#384187;}
.s-body .dq-select-dom{left:15px;top:9px;position:absolute;}
.s-body #quick-ingame-dq .s-text{position:absolute;left:116px;top:0;}
#serverTab{}
#serverTab li,#all-sx-server-tab li{float:left;width:86px;height:23px;line-height:23px;text-align:center;cursor:pointer;margin:0 8px 5px 0;text-indent:0;background:#1D3D6B;color:#FFF;}
#serverTab .on,#all-sx-server-tab .on{background:#EC8F00;color:#fff;}
.no-dq-server-wrap #serverTab li,#all-sx-server-tab li{font-size:12px;}

/* server */
.st1{padding-top: 10px;height: 50px;}
.st1 a,.st2 a{color:#fff;display:inline-block;width:100%;}
.st1 a span{color:#fff100;}
.st2{padding-top:18px;}
.st2 li{float:left;_display:inline;height:36px;line-height:36px;margin:0 10px 12px 0;}
.st2 a span{color:#fff100;}
#listContent{height:378px;overflow-y:auto;}
.st2 li .server-tip-1,.st1 li .server-tip-1{color:#fbdb00;}
.top-log-btn{text-decoration:underline;}
#all-sx-server-list{height:450px}
.sx-li{display:none;}
.sx-li7{display:block;}

/* 地区服新增 */
.s-body .sup-tab{margin:10px 0 10px 234px;height:34px;overflow:hidden;}
.s-body .sup-tab a{float:left;width:194px;height:34px;color:#fff;_display:inline;margin-right:13px;}
.s-body .sup-tab .current{background-position:-1px 0;}
.s-body .sup-tab strong{display:block;height:34px;line-height:34px;font-size:18px;padding-left:84px;}
.s-body .sup-tab-2 strong{background-position:48px -143px;}
.s-body .sup-tab-3 strong{background-position:48px -195px;}
.hs-server-wrap,.dq-server-wrap,.sx-server-wrap{display:none;}
.now-is-1 .hs-server-wrap{display:block;}
.now-is-1 .no-dq-server-wrap{display:none}
.now-is-1 .sp-pager,.now-is-2 .sp-pager{display:none;}
#all-dq-server-tab,#all-hs-server-tab{overflow:hidden;}
#all-hs-server-tab{display:none;}
#all-dq-server-tab a,#all-hs-server-tab a{float:left;width:85px;height:28px;margin:0 9px 6px 0;text-align:center;line-height:28px;color:#FFF;background:#1D3D6B;}
#all-dq-server-tab a:nth-child(1),#all-hs-server-tab a:nth-child(1){color:#fff100;height:62px;line-height:62px;font-size:18px;}
#all-dq-server-tab .on,#all-hs-server-tab .on{background:#EC8F00;}
#all-dq-server-list,#all-hs-server-list,.sp-panel-wrap{height:618px;overflow-y:auto;width:608px;}
#all-dq-server-list a,#all-hs-server-list a{float:none;text-align:center;margin-left:0;}

/* 星座服 */
.s-body .type-choose{height:46px;position:relative;font-size:14px;}
.s-body .select-dom{width:101px;height:27px;display:inline-block;background:#FFF;color:#1f395f;vertical-align:middle;position:relative;border:0;font-size:14px;}
.s-body .select-con{width:94px;text-align:center;color:#1f395f;position:absolute;left:0;top:0;z-index:9;background:url(../images/spacer_1_1.gif);height:27px;line-height:27px;}
.s-body .select-btn{position:absolute;width:0;height:0;display:block;margin:11px 8px 0 0;border-top:5px solid #264169;border-left:5px solid #FFF;border-right:5px solid #FFF;border-bottom:none;cursor:pointer;_font-size:0;overflow:hidden;right:0;top:0;}
.s-body .s-fastin{background:#FFF;color:#000;border:0;height:27px;line-height:27px;text-align:center;width:42px;}
.s-body #select-dom-s1{margin-right:18px;}
.s-body #select-dom-hs,#select-dom-dq{width:75px;margin-right:2px;border:1px solid #fff;display:none;}
.s-body #select-dom-hs .select-con,#select-dom-dq .select-con{width:57px;}
.s-fastin-btn{width:62px;height:26px;line-height:26px;display:inline-block;background-color:#3255c1;color:#FFF;text-align:center;}
.s-body .option-bg{position:absolute;display:none;top:27px;z-index:3;}
.s-body .option-bg-type{top:28px;left:0;}
.s-body .option-bg-type-i{left:64px;top:27px;zoom:1;}
.s-body .option-bg-dq,.option-bg-hs{left:276px;}
.s-body .option-dom{width:208px;padding:1px;background:#EED5BB;border:1px solid #A2A2A2;font-size:12px;overflow:hidden;}
.s-body .option-dom{background:#fff;}
.s-body .option-dom li{width:48px;padding:2px;line-height:18px;cursor:pointer;float:left;color:#1f395f;}
.s-body .choice-tab{z-index:9;position:relative;font-size:14px;width:256px;color:#78726e;height:36px;}
.s-body #choice-tab{}
.s-body #choice-tab2{height:42px}
.s-body #select-dom-i1{border:0;background:#eed5bb;width:104px;height:26px;color:#692f00;}
.s-body #select-dom-i2{border:0;background:#eed5bb;width:58px;height:16px;color:#692f00;font-size:12px;}
.s-body #select-dom-i1 .select-btn,#select-dom-i2 .select-btn{border-left:5px solid #EED5BB;border-right:5px solid #EED5BB;}
.s-body #select-dom-i1 .select-con{height:26px;line-height:26px;width:88px;}
.s-body #select-dom-i1 .select-btn{margin-top:10px;}
.s-body #select-dom-i2 .select-con{width:44px;height:16px;line-height:16px;}
.s-body .choice-list{height:112px}
.s-body #option-bg-3{left:86px;top:90px;}
.s-body #option-bg-1{left:86px;top:120px;}
.s-body .type-option-dom{width:99px;padding:1px;font-size:12px;/*overflow:hidden;*/border:0;background:#FFF;}
.s-body .type-option-dom li{width:96px;padding:2px;line-height:22px;height:22px;color:#000;cursor:pointer;text-align:center;}
.s-body #type-option-dom-1{width:100px;}
.s-body #type-option-dom-1 li{float:none;width:100%;padding-left:6px;height:20px;font-size:14px;}
.s-body #type-option-dom-2 li{}
.s-body #option-dom-1{background:#EED5BB}
.select-type-1-i{display:block;}
.s-body .select-type{width:300px}
.now-is-0 .select-type-0,.now-is-1 .select-type-1,.now-is-2 .select-type-2,.now-is-3 .select-type-3,.now-is-4 .select-type-4{display:inline-block;vertical-align:top;*display:inline;}
.s-body #select-dom-hs-i,.s-body #select-dom-dq-i{border:0;background:#EED5BB;width:58px;height:16px;color:#692F00;font-size:12px;}
.s-body .select-con-hs-i,.s-body .select-con-dq-i{width:44px;height:16px;line-height:16px;}
.s-body #select-dom-hs-i .select-btn,.s-body #select-dom-dq-i .select-btn{border-left:5px solid #EED5BB;border-right:5px solid #EED5BB;}

/* server */
.recom-server-con{height:301px;background:#fff url(../images/server.jpg) no-repeat right bottom;}
.s-fastin{background:#e5e7ec;color:#000;height:19px;line-height:19px;text-align:center; width:40px; margin-right: 5px;border:1px solid #C5C5C5;}
.select1,.select2{display:inline-block;position:relative;*display:inline;*margin-right:4px;*z-index:2}
.choice-tab{height:31px;position:relative;z-index:9;font-size:12px;}
.option-dom{background:#FFFFFF;font-size:12px;overflow:hidden;width:180px;border:1px solid #A2A2A2;padding:1px;}
.option-dom li{height:16px;color:#000;cursor:pointer;float:left;line-height:16px;width:56px;_width:55px;padding:2px;text-align:center;overflow:hidden;}
.option-dom li.focus{background:#EA9200;color:#fff;}
.select-dom{width:175px;height:22px;display:inline-block;background:#e5e7ec;color:#272524;vertical-align:middle;position:relative;}
.select-con{width:175px;height:22px;position:absolute;left:0;top:0;background:url(../images/spacer_1_1.gif);line-height:22px;cursor:pointer;text-align:center;}
.select-btn{
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 8px solid #1e1d1d;
    border-left: 8px solid #e5e7ec;
    border-right: 8px solid #e5e7ec;
    border-bottom: none;
    cursor: pointer;
    _font-size: 0;
    overflow: hidden;
    right: 6px;
    top: 8px;
}
#select-dom-xz{width:70px;}
#select-dom-xz .select-con{width:50px;border:0;overflow:hidden;}
.option-bg{position:absolute;display:none;left:0;top:22px;}
.option-bg-type{left:1px;top:22px;}
.sup-tab-btn{line-height:16px;height:16px;color:#000;cursor:pointer;padding:2px 0;text-align:center;}
.sup-tab-btn:hover{color:#fff; background: #EA9200;}
.select-type{z-index:2;font-size:12px;}
.choice-list li a{display:block;width:190px;margin:auto;color:#cbcbcb;*width:100%; background: url("../images/server-icon_1_1.png") left center no-repeat;text-indent: 20px;}
.choice-list li a:hover,.choice-list li a:hover span{color:#EB5910}
.c-more{width:91px;height:30px;background:#D5523A;display:block;color:#fff;transition:.5s;line-height:30px;border-radius:15px;text-align:center;}
.c-more:hover{background:#4e5c91;color:#fff;}
.more-server{margin:23px 0 0 17px;}
.s-body .type-choose{height:32px;position:relative;font-size:14px;margin-bottom:14px;z-index:2;margin-top: 15px;}
.s-body .select-dom{width:120px;height:27px;color:#1f395f;border:0;*margin-right:4px;}
.s-body .select-con{color:#1f395f;height:27px;line-height:27px;width:116px;}
.s-body .s-fastin{height:27px;line-height:27px;border:0;}
.s-body #select-dom-xz{width:116px}
.s-body #select-dom-xz .select-con{width:110px;}
.s-body .option-bg{display:none;z-index:2;top:28px;left:0;*top:30px;}
.s-body .option-dom{border:0;}
.s-body .type-option-dom{width:118px;padding:1px;font-size:12px;border:0;}
.s-body .type-option-dom li{width:114px;padding:2px;line-height:22px;height:22px;}
.s-body .type-option-dom li:hover{color:#ffffff;}
.s-body #btnFast{width:62px;height:26px;background:#0d5c9d;transition:.5s;color:#fff;text-indent:0;line-height:26px;text-align:center;margin-left:4px;font-size:12px;}
.s-body #btnFast:hover{background:#09b0bd;}

.sq-dialog-alert{text-align: center;}

/*three*/
.loged img, .s-loged img { margin-right: 3px;vertical-align: middle;}
.three{top: 194px;left: 40px;font-size: 12px;line-height: 30px;}
.three-icon{background: url(../images/three_1_1.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: 222px;top: 46px;}
.s-body .three-icon{margin: 0 4px;}

/* 雪碧图 */
/*
.icon-more {
  background-image: url(../images/icons.png);
  background-position: -314px -91px;
  width: 12px;
  height: 12px;
}
.icon-n-more:hover {
  background-image: url(../images/icons.png);
  background-position: -238px -91px;
  width: 24px;
  height: 24px;
}
.icon-n-more {
  background-image: url(../images/icons.png);
  background-position: -264px -91px;
  width: 24px;
  height: 24px;
}

.icon-tswf {
  background-image: url(../images/icons.png);
  background-position: 0px -60px;
  width: 235px;
  height: 57px;
}
.icon-xszn {
  background-image: url(../images/icons.png);
  background-position: 0px 0px;
  width: 236px;
  height: 58px;
}
.icon-yxxt {
  background-image: url(../images/icons.png);
  background-position: 0px -119px;
  width: 234px;
  height: 57px;
}*/