﻿
/*************************首页**************************/
body {
    font: 12px/1.5 "Microsoft Yahei", Arial, Helvetica, sans-serif;
    font-family: "Microsoft YaHei";
    font-size: 12px;
    background: #efece6;
}

.clear {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.body{
    min-height:2000px;
}
.wrap {
    position: relative;
    z-index: 2;
    width: 1010px;
    margin: auto;
    padding-bottom: 40px;
    color: #141321;
}
.pager li{
	display:inline-block;
}
.header {
    position: relative;
    width: 1000px;
    height: 680px;
    *height: 585px
}
.kv-top {
    width: 2000px;
    height: 1098px;
    position: absolute;
    left: 50%;
    margin-left: -1000px;
    z-index: 1;
    overflow: hidden;
    top: 65px;
    background: url(../image/21164912e2gxa.jpg) center top no-repeat;
}
.logo {
    z-index: 3;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -130px;
    width: 256px;
    height: 140px;
    text-indent: -9999px;
    background: url(../image/logo_d280bb6.png) no-repeat
}
.nav-top {
    position: absolute;
    width: 2000px;
    height: 72px;
    z-index: 2;
    top: 0;
    left: 50%;
    margin-left: -1000px;
    font-size: 20px;
    background: url(../image/nav-top_0b690f0.png);
	border-top:1px solid #ccc;
}

.nav-top ul {
    width: 1000px;
    margin: auto
}

.nav-top li {
    width: 137px;
    float: left;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    height: 100%;
    _display: inline
}

#nav-t2 {
    margin-right: 228px
}

#nav-t-last {
    margin-right: -27px
}

#nav-t-first {
    margin-left: -23.5px
}

.nav-top a {
    padding-top: 14px;
    display: block;
    height: 70px;
    color: #141321
}

.nav-top a:hover {
    color: #bd1918
}

.nav-top a:hover i {
    color: #bd1918
}

.nav-top i {
    display: block;
    color: #979797;
    font-size: 12px;
    font-style: normal;
}
.tips18 {
    font-size: 14px;
    position: absolute;
    z-index: 2;
    bottom: 5px;
    left: 0;
    letter-spacing: 1px;
    color: #ae4b2c;
    margin-left:10px;
}
.slide {
    width: 287px;
    position: relative;
    z-index: 2;
    margin-left: 7px
}
.start {
    height: 130px;
    background: url(../image/start_5c10ccf.png) no-repeat;
    display: block;
    z-index: 3;
    position: relative;
    width: 287px
}

.start:hover {
    background: url(../image/start_on_980d226.png) no-repeat
}

.start:hover span {
    -moz-animation: linear icoBig 1.6s infinite;
    animation: linear icoBig 1.6s infinite;
    -webkit-animation: linear icoBig 1.6s infinite
}

.start:hover span:after {
    opacity: .6;
    -moz-animation: linear icoBig2 1.6s infinite;
    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(0.93);
        transform: scale(0.93)
    }

    45% {
        -webkit-transform: scale(1.04);
        transform: scale(1.04)
    }

    60% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes icoBig {
    0% {
        -moz-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -moz-transform: scale(1.05);
        transform: scale(1.05)
    }

    30% {
        -moz-transform: scale(0.93);
        transform: scale(0.93)
    }

    45% {
        -moz-transform: scale(1.04);
        transform: scale(1.04)
    }

    60% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes icoBig {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        transform: scale(1.05)
    }

    30% {
        -webkit-transform: scale(0.93);
        -moz-transform: scale(0.93);
        transform: scale(0.93)
    }

    45% {
        -webkit-transform: scale(1.04);
        -moz-transform: scale(1.04);
        transform: scale(1.04)
    }

    60% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        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
    }
}

@-moz-keyframes icoBig2 {
    0% {
        -moz-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -moz-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes icoBig2 {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}
.login-server {
    width: 287px;
    height: 578px;
    margin-top: -50px;
    background: url(../image/login-server_3e01b2c.jpg) no-repeat;
}

.log-title {
    padding-top: 54px;
    padding-left: 15px
}

.log-cn {
    font-size: 20px
}

.log-zn {
    font-size: 10px;
    color: #838383
}

/*登录前*/
.login {
    position: relative;
    padding: 1px;
    height: 182px;
    font-size: 12px;
    color: #fff
}

.user-login {
    position: relative;
    padding: 1px;
    height: 182px;
    font-size: 12px;
    color: #fff;
}

.error {
    color: #ff0000;
    font-size: 12px;
    position: absolute;
    left: 16px;
    top: 13px;
}

.username {
    position: absolute;
    left: 16px;
    top: 35px;
}

.password {
    position: absolute;
    left: 16px;
    top: 70px;
}

.ipt_box {
    font-family: 'Microsoft Yahei';
    line-height: 22px;
    width: 144px;
    height: 22px;
    padding: 0 6px;
    color: #2b2b2b;
    background-color: #c3c3c3;
    border: 1px solid #2f2d2d
}

.user-login .login-btn {
    position: absolute;
    top: 35px;
    left: 189px;
    width: 86px;
    height: 58px;
    border: 0 none;
    cursor: pointer;
    background: url(../image/login-btn_95ca9e7.png) 0 0 no-repeat;
}

.login-btn:hover {
    background: url(../image/login-btn-h_b4a874e.png) 0 0 no-repeat;
}

.login-fun {
    position: absolute;
    left: 16px;
    top: 110px;
    color: #666;
}

.login-fun a {
    color: #666;
    margin: 0 3px;
}

.login-fun a:hover {
    color: #bd1918;
}

/*登录后*/
.gamename {
    padding: 10px 0 0 20px;
}

.gamename li {
    color: #ff0505;
    position: relative;
    line-height: 22px;
}

#myname {
    color: #f59e41;
    font-weight: bold;
    display: inline-block;
    max-width: 255px;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.login-server .lastgame, .login-server .lastgame:hover, #mytime {
    color: #f59e41;
    font-weight: bold;
}

.fontcol, .fontcol:hover {
    color: #000ece;
}
.recom-server {
    margin-top: 10px;
    height: 318px;
    position: relative;
}
.recom-server span {
    color: #838383
}
.quick-ingame {
    line-height: 45px;
    width: 262px;
    height: 198px;
    margin: auto
}
.t {
    margin: 0 10px;
    font-weight: 400
}

.t p {
    font-size: 18px;
    height: 42px;
    line-height: 43px
}

.t span {
    color: #838383;
    font-size: 12px;
    margin-left: 5px
}
.select-type {
    z-index: 2;
    margin-left: 12px;
    font-size: 12px
}

.s-fastin {
    background: #bdbdbd;
    color: #000;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 56px;
    border: 1px solid #565151;
    margin:0 10px;
}

#quick-enter-click {
    display: inline-block;
    width: 48px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    color: #fff;
    text-align: center;
    background-color: #ff6d02;
    vertical-align: middle
}

.choice-list {
    margin: 0 auto;
    width: 240px;
    height: 200px;
    overflow: hidden
}

.choice-list li {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    border-bottom: 1px dashed #525356;
    position: relative;
    list-style: none;
}

.choice-list li a span {
    color: #141321
}

.choice-list li i {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../image/icon-ser_7441417.png) no-repeat;
    margin-right: 20px
}

.choice-list li a {
    display: block;
    width: 90%;
    margin: 0 auto;
    color: #141321;
    font-size: 14px;
    padding: 0 0 0 23px;
    background: url(../image/icon-ser_7441417.png) 0 center no-repeat;
}

.choice-list li a:hover {
    color: #ffdc94
}

.choice-list li span {
    margin-left: 35px
}

.choice-list li .icon {
    position: absolute;
    display: none;
    width: 13px;
    height: 13px;
    top: 4px;
    right: -12px
}

.choice-list li:nth-child(1) .icon {
    display: inline-block;
    background: url(http://dl.n6wan.com/1912YX/Tpl/mhfx/images/icon-new_7876831.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.choice-list li:nth-child(2) .icon {
    display: inline-block;
    background: url(../image/icon-hot_8e48c01.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.server-more {
    width: 214px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    display: block;
    margin: 10px auto 0;
    padding-left: 13px;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-size: 224px 103px;
    background-image: url(../image/hdx_main_1_z_717dec4.png)
}
.server-more:hover{
    background-position: 0px -45px;
}
.service {
    margin-top: 40px;
    line-height: 24px;
    height: 304px;
    width: 285px;
    padding-top:13px;
    background: url(../image/kf_6e2c242.jpg) no-repeat top left
}
.service.gift{
    background:url(../image/jietu-bg_36aabdf.png) 0 0 no-repeat;
    padding-left:10px;
}
jietu-bg_36aabdf.png

.service .t {
    padding-top: 12px
}

.t p {
}

.service .con {
    padding: 10px 0 0 25px;
    color: #141321;
    font-size:14px;
    line-height:30px;

}

.service .con span {
    color: #000
}

.service a {
    color: #000;
}
.media {
    margin-top: 40px;
    height: 212px;
    width: 285px;
    padding-top:13px;
    background: url(../image/hzmt.png)
}

.media .t span {
    color: #7e7e7e
}

.media .con {
    overflow: hidden;
    height: 165px
}
marquee{
    margin-top:-100px;
}
.con p {
    color: #000
}

.con span {
    color: #000
}

.media-scroll {
    overflow: hidden;
    width: 150px;
    height: 140px;
    margin: 15px 0 0 66px
}

.media-scroll li {
    width: 150px;
    height: 50px;
    margin-bottom:10px;
}

.media-scroll img {
    width: 150px;
    height: 50px
}
.main {
    width: 706px;
    position: relative;
    z-index: 2;
    margin-top: 6px
}
.banner {
    width: 523px;
    height: 328px;
    margin-top: -6px;
}
.fast {
    float: left;
    width: 181px;
    overflow: hidden;
    margin-top: -8px;
    height: 330px
}

.f {
    position: relative;
    display: block;
    width: 100%;
    height: 83px;
    text-indent: -9999px;
    background-position: top left
}

.f1 {
    background-image: url(../image/f1_cc133b0.png);
    background-position: 0 2.5px;
    margin-top: -2px
}

.f1:hover {
    background-image: url(../image/f1-h_8c55975.png)
}

.f2 {
    background-image: url(../image/f2_2813279.png)
}

.f2:hover {
    background-image: url(../image/f2-h_23ace65.png)
}

.f3 {
    background-image: url(../image/f3_b0ad627.png)
}

.f3:hover {
    background-image: url(../image/f3-h_8d3e4d0.png)
}

.f4 {
    background-image: url(../image/f4_2f0dbd0.png);
    height: 83px
}

.f4:hover {
    background-image: url(../image/f4-h_a21b641.png)
}

.f i {
    position: absolute;
    top: 16px;
    left: 15px;
    display: block;
    width: 48px;
    height: 48px;
    text-indent: -9999em;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    transition: .8s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.f em {
    position: absolute;
    top: 26px;
    left: 74px;
    color: #fff;
    font-size: 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.f span {
    position: absolute;
    top: 48px;
    left: 67px;
    font-size: 10px;
    color: #7e7e7e;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.f:hover i {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    transform: rotateY(360deg)
}
#news {
    position: relative;
    float: left;
    width: 660px;
    height: 315px;
    padding: 15px 18px 0 28px;
    background: url(../image/news-bg-n_ddf50fd.jpg) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    overflow: hidden
}

#news .more {
    text-indent: -9999em;
    right: 20px;
    top: 23px
}

.news-tab {
    height: 42px;
    line-height: 42px;
    padding-top: 3px
}
.news-tab ul{
    overflow:hidden;
    background:#f6f6f6;
}
.news-tab li {
    font-size: 18px;
    display: inline;
    float: left;
    position: relative
}
.news-tab li:after{
    content:"/";
    display:block;
    position:absolute;
    top:0;
    right:0;
    color:#ccc;
}
#li_meiti:after{
    display:none;
}
.news-tab li a {
    line-height: 40px;
    display: block;
    width: 135px;
    height: 40px;
    text-align: center;
    color: #000
}

.news-tab li a:hover,.news-tab li.current a {
    background: url(../image/new-tab-i_db7acd5.png) no-repeat center;
    color: #ff0000;
}

.news-tab li:hover .line,.news-tab li.current .line {
    width: 100%
}

.headline {
    overflow: hidden;
    height: 60px;
    margin: 8px 0 0;
    padding: 0 14px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    background:url(../image/news-bg-n.png) center center no-repeat;
}

.headline .headline-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 56px;
    display: block;
    overflow: hidden;
    height: 56px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #bb250a;
}

.headline .headline-sum {
    font-size: 12px;
    line-height: 14px;
    display: none;
    overflow: hidden;
    height: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: -14.5px;
    color: #fff
}

.headline i {
    display: inline-block;
    width: 18px;
    height: 16px;
    position: relative;
    top: -10px;
    background-repeat: no-repeat;
}

.headline-title:hover {
    color: #bd1918
}

.headline-sum:hover {
    color: #1e97fe
}

.news-list li,.yxgl li {
    line-height: 35px;
    overflow: hidden;
    height: 35px;
    border-bottom: 1px dashed #3c3c3c;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #000;
    cursor: pointer;
    font-size: 14px
}

.news-list li:last-child {
    border: 0
}

.news-list li:nth-child(1) a {
    color: #3da5fd
}

.news-list a {
}

.news-list li:hover>a {
    color: #fd6299
}
.more {
    position: absolute;
    right: 10px;
    top: 25px;
    line-height: 16px;
    display: block;
    width: 16px;
    height: 16px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    background:url(../image/wkz_main_1_z_3f5d9f1.png) 0 -92px no-repeat;
}
.more:hover{
    background:url(../image/wkz_main_1_z_3f5d9f1.png) -26px -92px no-repeat;
}
.role {
    float: left;
    margin-top: 40px;
    position: relative;
    width: 705px;
    height: 317px;
    background: url(../image/role-bg_2878cf7.png) no-repeat top left;
    background-position: left
}

.role .img-show-title {
    width: 140px;
    height: 43px;
    background: url(../image/role-name-bg_7b607e3.png) no-repeat left top;
    position: relative;
    left: 14px;
    top: 12px
}

.role .img-show-title p {
    text-align: right;
    padding-right: 20px;
    line-height: 34px;
    font-weight: 700;
    font-size: 20px;
    color: #ad0100;
    padding-top: 6px
}

.role .img-show-con {
    margin-left: 28px;
    margin-top: 28px;
    font-size: 14px
}

.role .img-show-con p {
    width: 252px;
    color: #313039;
    line-height: 28px
}

.role .img-show-img {
    width: 314px;
    height: 289px;
    position: absolute;
    right: 83px;
    bottom: -10px
}

.role .img-show-img img {
    position: absolute;
    bottom: 0
}

.role .equipment {
    height: 186px;
    width: 33px;
    position: absolute;
    right: 3px;
    top: 64px
}

.role .equipment .box li {
    width: 33px;
    height: 58px;
    background: url(../image/role-tab-li_4f00c4e.png) no-repeat left top;
    cursor: pointer;
    margin-bottom: 4px
}

.role .equipment .box li p {
    width: 18px;
    font-size: 16px;
    height: 46px;
    color: #141321;
    padding: 6px 8px;
    line-height: 16px
}

.role .equipment .box li:hover {
    background-image: url(../image/role-tab-li-h_754fba1.png)
}

.role .equipment .box .cur {
    background-image: url(../image/role-tab-li-h_754fba1.png)
}

.role .equipment .box .cur p {
    color: #fff
}

.role .equipment .box li:hover p {
    color: #fff
}

.role #img-show-tab-box {
    border: 1px solid #000;
    color: #000;
    position: absolute;
    bottom: 14px;
    right: 78px;
    z-index: 9
}

.role #img-show-tab-box li {
    background: #d1d1d1
}

.role #img-show-tab-box li a {
    font-size: 18px;
    text-align: center;
    display: block;
    width: 32px;
    height: 35px;
    line-height: 35px;
    font-weight: 900
}

.role #img-show-tab-box .cur,.role #img-show-tab-box li:hover {
    background: #fff
}

.role #img-show-tab-box .cur a,.role #img-show-tab-box li:hover a {
    color: #bd1918
}
.img-show-content-box{
    display:none;
}
.ziliao {
    float: left;
    margin-top: 40px;
    width: 691px;
    height: 318px;
    overflow: hidden;
    margin-left: 10px
}

.zl-box {
    position: relative;
    float: left;
    overflow: hidden;
    width: 166px;
    height: 296px;
    cursor: pointer;
    -webkit-transition: width 300ms ease;
    -moz-transition: width 300ms ease;
    transition: width 300ms ease;
    margin-right: 9px;
    margin-top: 9px
}

.zl-box-last {
    margin-right: 0
}

.zl-box:hover>.zl-bg {
    display: none
}

.zl-box:hover>.zl {
    display: block
}

.zl-bg {
    position: absolute;
    width: 166px;
    height: 296px
}

.zl {
    position: absolute;
    width: 166px;
    height: 296px;
    display: none
}

.zl-1-bg {
    background: url(../image/N1_41f7013.png) no-repeat
}

.zl-2-bg {
    background: url(../image/N2_0ad54aa.png) no-repeat
}

.zl-3-bg {
    background: url(../image/N3_1cc8b29.png) no-repeat
}

.zl-4-bg {
    background: url(../image/N4_9a7d73a.png) no-repeat
}

.zl-1 {
    background: url(../image/N1-h_735f75a.png) no-repeat
}

.zl-2 {
    background: url(../image/N2-h_724077b.png) no-repeat
}

.zl-3 {
    background: url(../image/N3-h_ef27242.png) no-repeat;
    /* -webkit-background-size: contain; */
    /* background-size: contain */
}

.zl-4 {
    background: url(../image/N4-h_b2ad395.png) no-repeat
}
.zl-con ul{
	margin-top:146px;
}
.zl-con ul li {
    height: 32px;
    line-height: 32px;
	width:80px;
	float:left;
}

.zl-con ul a {
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff
}

.zl-con ul a:hover {
    color: #f0c56d
}

.ziliao .show {
}

#zl-1 {
    background-position: 0 0
}

.zl-con {
    padding-top: 20px;
    overflow: hidden
}

.zl-more {
    position: absolute;
    left: 50%;
    margin-left: -40px;
    text-align: center;
    top: 240px;
    width: 80px;
    line-height: 26px;
    display: block;
    height: 26px;
    z-index: 999;
    border: 1px solid #fff;
    color: #fff!important
}

.zl-more:hover {
    border: 1px solid #cc1c18;
    color: #cc1c18!important
}
.links {
    margin-top: 40px;
    float: left;
    height: 139px;
    background: url(../image/yxgl.png) no-repeat;
    width: 709px;
    position:relative;

}
.links.yxgl{
    height:212px;
    padding-top:13px;
}
.links .con {
    overflow: hidden;
    height: 60px;
    padding:0 10px 0
}
.yxgl .con{
    height:160px;
}
.links .con a {
    color: #141321
}

.links a {
    line-height: 24px;
    display: inline-block;
    padding: 3px 5px;
    white-space: nowrap;
    color: #fff
}

.links a:hover {
    color: #bf3611
}
.time {
    float: right;
    color: #3c3c3c
}








/*************************列表页**************************/
.article-main .article-inner li {
    height: 44px;
    line-height: 44px;
    border-bottom: 1px dashed #525356;
	color: #2b2728;	
}

.article-main .article-inner li a {
	color: #2b2728;
}

.article-main .article-inner li a:hover {
    color: #ffdc94;
}

.article-main .article-inner li em {
    color: #141321;
    float: right;
}


.pager {
    color: #b8b7b7;
    margin: 25px 0 0 0;
    text-align: center;
    line-height: 50px;
    height: 50px;
}

/*************************文章页**************************/
.c-body .service.gift{
    background: url(../image/kf_6e2c242.jpg) no-repeat top left;
    margin-top: 13px;
}
.c-body .service.kefu{
    height:215px;
    background:url(../image/hzmt.png) no-repeat;
    margin-top: 13px;
}
.c-body .main{
    margin-top: 0;
}
.content {
    border: 1px solid #000;
    background: #fff;
    padding-bottom: 50px;
    margin-top: 1px
}
.article-top {
    overflow: hidden;
    width: 704px;
    height: 61px;
    background: #fff;
    border-bottom: 0
}

.article-top .bread-nav {
    line-height: 20px;
    margin: -4px 26px 0;
    padding-top: 5px;
    color: #745c57;
    position: absolute;
    right: 0;
    top: 25px
}

.article-top .bread-nav a {
    color: #745c57
}

.article-top .bread-nav a:hover {
    color: #a58c59
}

.article-top p {
    font-size: 24px;
    margin: 15px 15px 0;
    padding-bottom: 10px;
    color: #000;
    font-weight: 900
}
.article-main {
    min-height: 1110px;
    width: 648px;
    padding: 0 15px;
    background: #fff;
    border: 1px solid #3d3d3d;
    _height: 900px;
    margin: auto
}
.article-main img{
    max-width: 100%;
}
.article-title {
    font-size: 28px;
    line-height: 75px;
    overflow: hidden;
    height: 75px;
    text-align: center;
}

.article-title h1 {
    font-weight: 400
}


/*************************服务器页**************************/
.s_body {
    background: url(../image/s-bg_fd2ec61.jpg) top center no-repeat;
    color: #fff
}

.s_body a {
    color: #999999;
}

.s_wrap {
    background: url(../image/s-main_ca82342.jpg) top center no-repeat;
    width: 1000px;
    height: 1100px;
    margin: 0 auto;
}

.s_header {
    position: relative;
    height: 334px;
}

.s_content {
    position: relative;
    margin: 43px 0 0 355px;
    width: 634px;
}

.s_logo {
    height: 140px;
    right: 0px;
    top: 18px;
    position: absolute;
    width: 256px;
    text-indent: -9999px;
    background: url("../image/logo_d280bb6.png");
}

.s-nav {
    height: 60px;
    display: inline-block;
    position: absolute;
    top: 32px;
    left: 69px
}

.s-nav a {
    float: left;
    width: 165px;
    height: 61px;
    margin-right: 4px;
    text-indent: -9999em;
}

.s-nav a:hover {
    background-image: url(../image/nav-h_bc72444.png)
}

.s-nav1:hover {
    background-position: 0 0
}

.s-nav2:hover {
    background-position: -169px 0
}

.s-nav3:hover {
    background-position: -338px 0
}

.s-nav4:hover {
    background-position: -507px 0
}

.s-login {
    position: absolute;
    top: 186px;
    left: 83px;
    width: 657px;
    height: 86px
}

.s-login ul li {
    position: absolute;
}

.s-user {
    left: 5px;
    top: 17px;
}

.s-psw {
    left: 235px;
    top: 17px;
}

.s-log-btn {
    left: 470px;
    top: 12px;
}

.s-error {
    left: 5px;
    bottom: 10px;
}

.s-error span {
    height: 25px;
    display: block;
    line-height: 25px;
}

.s-psw-btn {
    left: 235px;
    bottom: 10px;
}

.s-reg-btn {
    left: 315px;
    bottom: 10px;
}

.s-text {
    width: 188px;
    height: 29px;
    line-height: 29px;
    padding-left: 30px;
    font-family: SimSun;
    color: #000;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border:none;
}
.s-user .s-text {
    background: url(../image/s-uer_d4da265.png);
}
.s-psw .s-text {
    background: url(../image/s-pwd_19371ff.png)
}


.s-log-btn input {
    background: url("../image/log-btn_7bdcb6a.png");
    display: block;
    text-indent: -9999em;
    width: 132px;
    height: 58px;
    border: 0;
    cursor: pointer;
}

.s-log-btn input:hover {
    background: url("../image/log-btn-h_9ec6b01.png");
}

.s-psw-btn a, .s-reg-btn a {
    color: #f59e41;
    opacity: 0.6;
    font-size: 12px;
    height: 25px;
    display: block;
    line-height: 25px;
}

.s-psw-btn a:hover, .s-reg-btn a:hover {
    opacity: 1;
    text-decoration: underline;
}

.s-error span {
    font-size: 12px;
    color: #ff0000;
}

.s-islogin {
    position: absolute;
    top: 178px;
    left: 75px;
    width: 613px;
    height: 72px;
    padding-left: 20px;
    padding-top: 15px;
}

.s-islogin ul li {
    color: #c65101;
    float: left;
    font-size: 12px;
    line-height: 25px;
    overflow: hidden;
    width: 275px;
    display: block;
    height: 25px;
}

.s-islogin a {
    color: #1b89e4;
    margin-right: 10px;
}

.s-islogin a:hover {
    color: #999;
}

#link-yhzx, #link-xgmm, #link-exit {
    color: #f59e41;
}

.s-content {
    position: relative;
    margin: 14px 0 0 75px;
    width: 688px;
}

.s-name {
    font-size: 18px;
    color: #c7740a;
    margin-bottom: 10px;
    margin-left: 8px;
}

.tj-server {
    padding-bottom: 20px;
}

.tj-server ul li {
    float: left;
    margin: 0 0 0 30px;
    display: block;
    text-align: center;
    height: 39px;
    width: 206px;
	overflow:hidden;	
}

.tj-server ul li a {
    background: url("../image/btn_1aae7f1.png");
    line-height: 39px;
    float: left;
    width: 206px;
    height: 39px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.tj-server ul li a:hover {
    background: url("../image/btn-h_bfd1060.png");
}

.tj-server ul li a img {
    right: 0px;
    position: absolute;
    top: 5px;
}

.all-server {
    padding-bottom: 20px;
    height: 430px;
    overflow: auto;
    width: 635px;
}

.all-server ul {
    display: none;
}

.all-server ul li {
    float: left;
    margin: 0 26px 12px 35px;
    display: block;
    text-align: center;
    height: 39px;
    width: 206px;
	overflow:hidden;	
}

.all-server ul li a {
    background: url("../image/btn_1aae7f1.png");
    line-height: 39px;
    float: left;
    width: 206px;
    height: 39px;
    text-align: center;
    color: #fff;
    font-size: 14px;

}

.all-server ul li a:hover {
    background: url("../image/btn-h_bfd1060.png");
}

.s-content .tabTitle {
    height: 30px;
    padding: 10px 0 10px;
    margin-left: 35px;
}

.s-content .tabs {
    color: #000;
    background: #979797;
    cursor: pointer;
    float: left;
    height: 25px;
    line-height: 25px;
    margin: 0 10px 5px 0;
    text-align: center;
    font-size: 12px;
    width: 80px;
}

.s-content .tabs.titleOn {
    background: #bd1918;
    color: #fff;
}
