/**
 * main.css
 * @thor zzz
 * @date 2017-04-28
 **/

@charset "utf-8";

/*reset*/

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;
}

a {
    text-decoration: none;
}
.header-hd{width:1200px;height: 36px;margin: 0 auto;}
.header-hd-left,.header-hd-middle,.header-hd-right{float: left;}
/*导航条顶部左边*/
.header-hd-left{width:35%;height: 36px;}
.header-hd-left li{float: left;height: 36px;}
.header-hd-left li a{color:#3c3c3c;margin-right:6px;display: inline;line-height: 36px;font-size: 18px;}
.header-hd-left li a:hover{color:red;}
a:hover {
    text-decoration: none;
}

em,
i,
strong {
    font-weight: 400;
    font-style: normal
}

body {
    min-width: 1200px;
    overflow: auto;
}

.sq-dialog-masking {
    position: fixed!important;
    _position: absolute!important;
}

.r-cover {
    position: fixed!important;
    _position: absolute!important;
}

.cls:after {
    display: block;
    content: "";
    visibility: hidden;
    clear: both
}

.cls {
    zoom: 1
}


/*common css*/

.h1 {
    font-size: 0;
    width: 0;
    height: 0;
    position: absolute;
}

.hide {
    display: none
}

.body {
    position: relative;
    overflow: hidden;
    font: 14px/1.5 'Microsoft Yahei', SimSun;
    background: url("../images/bg.jpg") center top no-repeat;
}

.wrap {
    position: relative;
    width: 1000px;
    height: 1200px;
    margin: 0 auto;
    background: url("../images/main.jpg") center top no-repeat;
}


/*需要修改的部分*/

.body {
    color: #d6c8c8
}

a {
    color: #757c94
}

a:hover {
    color: #7a76c1;
}

.logo {
    width: 200px;
    height: 125px;
}


/**header**/

.header {
    position: relative;
    width: 100%;
    height: 555px;
    z-index: 1;
}

.logo {
    position: absolute;
    left: 50%;
    margin-left: -91px;
    top: 0px;
    background: url("../images/logo.png") center no-repeat;
    text-indent: -9999em;
    z-index: 2;
}

.top-nav {
    position: absolute;
    left: 50%;
    margin-left: -546px;
    background: url(../images/top-nav.png);
    width: 1093px;
    height: 78px;
    overflow: hidden;
    font-size: 14px;
}

.top-nav .nav {
    overflow: hidden;
    width: 1000px;
    margin: 0 auto;
}

.top-nav .nav li {
    position: relative;
    float: left;
    font-size: 16px;
    text-align: center;
}

.top-nav .nav .top-nav-li-3 {
    margin-right: 207px;
}

.top-nav .nav a {
    display: block;
    width: 132px;
    height: 58px;
    padding-top: 20px;
    font-size: 18px;
    color: #555894
}

.top-nav .nav a:hover {
    color: #de414c;
}

.top-nav .nav a:hover b {
    color: white;
}

.top-nav .nav b {
    display: block;
    font-size: 12px;
    color: white;
    font-weight: 400;
}

.top-tips {
    z-index: 2;
    position: absolute;
    font-size: 16px;
    bottom: 0;
    left: 0;
    letter-spacing: 1px;
    width: 248px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #f47054
}


/*side*/

.side {
    float: left;
    width: 290px;
    margin-right: 6px;
    position: relative;
    overflow: hidden
}

.start {
    height: 80px;
    display: block;
    padding: 32px 0 0 0px;
    background: url("../images/start-btn.jpg") no-repeat center
}

.start:hover {
    background-image: url("../images/start-btn-h.jpg");
}

.start a {
    height: 100%;
    display: block;
}

.start span,
.start span:after {
    display: block;
    width: 150px;
    height: 53px;
    margin: 0 auto;
    background: url("../images/start-zi.png") no-repeat center;
    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
    }
}


/*登录注册框*/

.login {
    font-size: 12px;
    height: 200px;
    position: relative;
    color: #6b738c;
    overflow: hidden;
    background: white;
}

.login .log li {
    position: absolute
}

.login .text {
    line-height: 24px;
    width: 148px;
    padding: 0 5px;
    height: 24px;
    background: #e0e0e4;
    color: #37332d;
    border: none;
}

.login .user label {
    display: none
}

.login .psw label {
    display: none
}

.login .log-btn a {
    display: block;
    overflow: hidden;
    background: url("../images/log-btn.png") no-repeat;
    width: 91px;
    height: 73px;
    line-height: 73px;
    text-indent: -9999em
}

.login .log-btn a:hover {
    background: url("../images/log-btn-h.png") no-repeat
}

.login .user {
    left: 14px;
    top: 20px;
}

.login .psw {
    left: 14px;
    top: 61px;
}

.login .log-btn {
    left: 182px;
    top: 16px;
}

.login .remember {
    left: 14px;
    top: 98px;
    color: #6b738c;
}

.login .get-psw {
    left: 129px;
    top: 98px;
}

.login .reg-btn {
    left: 217px;
    top: 98px;
}

.login .three {
    left: 15px;
    top: 134px;
    border: 1px solid #dfdfed;
    padding: 4px 17px;
}

.sq-third-link {
    display: inline-block;
    *display: inline;
}

.three-icon {
    background: url(../images/three.png) no-repeat;
    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;
}


/*登录成功后*/

.loged {
    width: 220px;
    margin: 0 auto;
    padding: 15px 0 0;
}

.loged .loged-top {
    display: none;
}

.loged-panel {
    font-size: 14px
}

.loged-panel li {
    line-height: 30px;
}

.loged-panel .loged-highlight {
    color: #f08200;
}

.loged li {
    line-height: 24px
}

.loged-usercenter {
    text-align: right
}

.loged-usercenter a {
    display: inline-block;
    margin-left: 5px
}


/*最新开服*/

.new-server {
    overflow: hidden;
    margin-top: 10px;
    height: 176px;
    width: 100%
}

.new-server-con {
    margin: 10px;
}

.new-server-con li {
    height: 28px;
    line-height: 28px;
    border-bottom: 1px dashed #46332d
}

.new-server-con li a {
    background: url("../images/icon.png") no-repeat 2px center;
    display: block;
    width: 80%;
    margin: 0 auto;
    text-indent: 25px;
}

.new-server-con li strong {
    float: right
}

.new-server .server-more {
    display: block;
    background: url("../images/server-more.jpg");
    width: 166px;
    height: 28px;
    text-indent: -9999em;
    margin: 0 auto
}

.new-server .server-more:hover {
    background: url("../images/server-more-h.jpg")
}


/*正常的选服*/

.choice-server {
    margin-top: 10px;
    height: 176px;
    width: 100%;
    background-color: white;
    /* background: #0c0c0d; */
}

.choice-server .select-server {
    display: none
}

.choice-server .choice-list {
    padding: 10px;
    padding-bottom: 0;
    margin-bottom: 10px;
    height: 110px;
    overflow: hidden;
}

.choice-list li {
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    width: 100%;
    border-bottom: 1px dashed #e3e2f1;
}

.choice-list li a {
    display: block;
    width: 80%;
    margin: 0 auto;
    background: url("../images/icon.png") center left no-repeat;
    padding-left: 20px;
}

.choice-list li strong {
    float: right;
    width: 76px;
}

.choice-list li a:hover,
.choice-list li a:hover span {
    color: #7a76c1
}

.all-server {
    display: block;
    background: url("../images/server-more.jpg");
    width: 166px;
    height: 28px;
    margin: 0 auto
}

.all-server:hover {
    background: url("../images/server-more-h.jpg") no-repeat
}


/*中间部分*/


/***main***/

.main {
    width: 383px;
    float: left;
    position: relative;
    margin-right: 6px;
    overflow: hidden
}


/* kv */

.kv {
    position: relative;
    width: 100%;
    height: 312px;
    overflow: hidden;
}

.kv-num {
    position: absolute;
    bottom: 19px;
    right: 16px;
}

.kv-num li {
    float: left;
    margin-left: 8px;
    border-radius: 15px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    width: 16px;
    height: 15px;
    background: url("../images/kv-i.png");
    cursor: pointer;
}

.kv-num li:hover,
.kv-num li.focus,
.kv-num li.current {
    background: url("../images/kv-i-h.png");
    /* width: 24px */
}


/*main-fast*/

.main-fast {
    position: relative;
    overflow: hidden;
    margin-top: 10px
}

.main-fast-item {
    float: left;
    width: 187px;
    height: 177px;
    transition: all 0.5s;
    overflow: hidden;
}

.main-fast-item:hover {
    transition: background .5s;
}

.main-fast-item a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999em;
    cursor: pointer
}

.main-fast-1 {
    margin-right: 8px;
    background: url("../images/fast-1.jpg") no-repeat;
}

.main-fast-1:hover {
    background: url("../images/fast-1-h.jpg") no-repeat;
}

.main-fast-2 {
    background: url("../images/fast-2.jpg") no-repeat;
}

.main-fast-2:hover {
    background: url("../images/fast-2-h.jpg") no-repeat;
}

.main-fast-3 {
    background: url("../images/fast-3.jpg") no-repeat;
}


/*右侧*/

.right {
    float: left;
    width: 315px;
    overflow: hidden;
    margin-bottom: 9px;
}

.right .news {
    height: 312px;
    overflow: hidden;
    width: 100%;
    position: relative;
    background: white;
}

.news-con {
    height: 100%;
}

.news-con .more {
    float: right;
    display: block;
    width: 16px;
    height: 16px;
    margin-top: 17px;
    margin-right: 20px;
    background: url("../images/more.png") no-repeat;
    text-indent: -9999em;
    z-index: 1;
}

.news-con .more:hover {
    background: url("../images/more-h.png") no-repeat
}

.news-tab {
    line-height: 49px;
    height: 49px;
    overflow: hidden;
    background: url(../images/rec_box_bg.png) repeat-x left top;
}

.news-tab li {
    display: inline;
    float: left;
    position: relative;
    overflow: hidden;
    font-size: 16px;
    text-align: center;
}

.news-tab .line {
    display: block;
    width: 0%;
    height: 1px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: #c9a963;
    transition: width 1s
}

.news-tab li a {
    width: 80px;
    height: 50px;
    line-height: 50px;
    display: block;
    color: #edecf7;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}

.news-tab li:hover a,
.news-tab li.current a {
    color: #7d79c3;
    font-weight: bold;
    border: none;
    background: url(../images/rec_bg.png) no-repeat 16px 5px #fff;
}

.news-tab li:hover .line,
.news-tab li.current .line {
    width: 100%;
}

.headline {
    position: relative;
    overflow: hidden;
    height: 55px;
    line-height: 55px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px dashed #dbdaed;
}

.headline .headline-title {
    color: #b3446c;
}

.news-con-wrap {
    margin: 0 20px;
}

.news-list {
    height: 185px;
    overflow: hidden;
}

.news-list li {
    line-height: 30px;
    overflow: hidden;
    width: 100%;
    height: 30px;
    margin: 0 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px dashed #dbdaed;
}

.news-list li:last-child {
    border: 0
}

.news-list .a-link {
    vertical-align: middle;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.news-list .a-link {
    display: inline-block;
    width: 68%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.news-list .a-link:hover {
    padding-left: 5px
}

.news-list .time {
    float: right;
}


/*资料*/

.zl {
    position: relative;
    overflow: hidden;
    margin-top: 10px;
    width: 100%;
    height: 176px;
    background: white;
}

.zl .zl-con {
    padding: 0 20px;
}

.zl .zl-tab {
    position: relative;
    overflow: hidden;
    margin: 14px 0 10px 0;
}

.zl .zl-tab .line {
    display: block;
    width: 99%;
    height: 1px;
    background: #eabac9;
    position: absolute;
    left: 0px;
    top: 32px
}

.zl .zl-tab li {
    position: relative;
    z-index: 2;
    float: left;
    width: 62px;
    height: 63px;
    background: url("../images/zl-nav.png") no-repeat left top #fff;
    text-indent: -9999em;
    margin-right: 44px;
}

.zl .zl-tab li.last {
    margin-right: 0;
}

.zl .zl-tab li:hover {
    background-image: url("../images/zl-nav-h.png")
}

.zl .zl-tab li.focus {
    background-image: url("../images/zl-nav-h.png")
}

.zl .zl-tab .zl-li1 {
    background-position: 0 0
}

.zl .zl-tab .zl-li2 {
    background-position: -103px 0
}

.zl .zl-tab .zl-li3 {
    background-position: -207px 0
}

.zl .zl-list li {
    overflow: hidden;
    height: 72px;
}

.zl .zl-list a {
    display: block;
    float: left;
    width: 91px;
    height: 24px;
    line-height: 24px;
    /* margin-right: 21px; */
    text-align: center;
}


.zl .zl-list a:hover {
    color: #e86b8a
}

.zl .zl-list .child3 {
    margin-right: 0
}

.zl .zl-list .child4 {
    /* margin: 0px;
    text-align: right */
}

.zl .check-more {
    position: absolute;
    bottom: 10px;
    right: 20px;
    padding: 0 5px;
    border: 1px solid #a3acc8;
}

.zl .check-more:hover {
    border: 1px solid #bd496d;
    background-color: #bd496d;
    color: white;
}


/*links*/

.links {
    overflow: hidden;
    width: 100%;
    background: white;
}

.links-wrap {
    overflow-y: hidden;
    margin: 0 20px;
}

.links-con {
    height: 44px;
    line-height: 44px;
}

.links a {
    white-space: nowrap;
    display: inline-block;
    margin: 0 5px
}


/* article list */

.c-body {
    background: #dfe0ee url("../images/c-bg.jpg") center top no-repeat;
}

.c-wrap {
    background: #dfe0ee url("../images/c-main.jpg") center top no-repeat;
    height: auto;
    padding-bottom: 100px;
}

.c-main {
    float: right;
    width: 700px;
}

.article .article-top {
    position: relative;
    background: url(../images/c-main-head.jpg);
    /* width: 911px; */
    height: 78px;
}

.article .article-top .article-top-span {
    font-family: "楷体";
    color: white;
    font-size: 30px;
    display: block;
    width: 180px;
    height: 78px;
    padding-left: 65px;
    line-height: 78px;
    background: url("../images/article-icon.png") no-repeat 30px center;
}

.article .bread-nav {
    position: absolute;
    right: 15px;
    bottom: 26px;
    width: 460px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
    font-size: 14px;
    color: #b0aed1;
}

.article .bread-nav a {
    color: #b0aed1;
}


/* article content*/

.article-main {
    min-height: 485px;
    _height: 485px;
    padding: 42px 30px;
    background: white;
    color: #989eb3
}

.article-title {
    text-align: center;
    font-size: 12px;
}

.article-title h1 {
    padding-bottom: 10px;
    font-size: 28px;
    color: #6965b1;
    font-weight: 400;
    border-bottom: 1px solid #d6d5ea;
}

.article-detail {
    /* border-bottom: 1px solid #29292d; */
    text-align: center;
    padding: 15px 0 10px 0;
    color: #a6a4d2;
}

.article-content {
    min-height: 420px;
    _height: 420px;
    padding: 18px 0;
    color: #a0a0a0;
}

.article-relation {
    overflow: hidden;
    line-height: 30px;
}

.article-relation dt {
    /* border-bottom: 1px solid #29292d; */
    margin: 5px 0 12px 0;
    color: #a0a0a0;
}

.article-relation dd {
    display: inline;
    float: left;
    overflow: hidden;
    width: 47%;
    height: 30px;
    margin: 0 0px 0 2%;
    font-size: 12px;
    color: #a0a0a0;
}

.article-relation dd span {
    float: right
}

.article-relation dd a {
    color: #6b738c;
}

.article-relation dd a:hover {
    color: #7a76c1;
}


/**article list**/

.article-list {
    margin: 0 auto;
}

.article-list .time {
    float: right
}

.article-list li {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden;
    padding: 0 10px
}

.article-list a {
    display: inline-block;
    vertical-align: top;
    width: 549px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.pageNum {
    text-align: center;
    margin: 0 auto;
    padding: 20px 0;
}

.pageNum a,
.pageNum .current {
    height: 24px;
    display: inline-block;
    font-size: 12px;
    line-height: 24px;
    margin: 2px;
    padding: 0px 11px;
    background-color: #c1c2d0;
    /* border: 1px solid #747474; */
    color: #4d3a3a;
}

.pageNum a:hover {
    background: #8181b0;
}

.pageNum .current {
    background: #8181b0;
    color: #ffffff;
}

.card-content a {
    color: #FFF;
}

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


/* 开服页 */

.side-fast {}

.side-fast a {
    display: block;
    background: url(../images/fast-btn.png);
    width: 290px;
    height: 76px;
    line-height: 59px;
    font-size: 20px;
    text-align: center;
    color: #fff;
}

.side-fast a:hover {
    background: url("../images/fast-btn-h.png");
}

.side-fast a:hover i {
    margin-right: 25px;
}

.side-fast a i {
    display: inline-block;
    margin-right: 10px;
    width: 32px;
    height: 25px;
    background: url("../images/f-icon-4.png") center no-repeat;
    vertical-align: middle;
    *diplay: inline;
    *zoom: 1;
    transition: all 0.7s
}


/* s-type-choose */

.s-main {
    min-height: 465px;
    _height: 456px;
}

.s-main .type-choose {
    background: none;
    height: auto
}

.s-main #selFastType {
    margin-right: 10px
}

.s-main .select1,
.s-main .select2 {
    display: inline-block;
    color: #2c211b;
    position: relative;
    *display: inline;
    *margin-left: 4px;
    *z-index: 2;
    font-size: 12px;
    vertical-align: middle;
    margin-right: 5px
}

.s-main .select-dom {
    width: 108px;
    height: 27px;
    display: inline-block;
    background: #c1c2d0;
    vertical-align: middle;
    position: relative;
}

.s-main .select-btn {
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 5px solid #30221e;
    border-left: 5px solid #c1c2d0;
    border-right: 5px solid #c1c2d0;
    border-bottom: none;
    cursor: pointer;
    _font-size: 0;
    overflow: hidden;
    right: 6px;
    top: 12px;
}

.s-main .select-con {
    width: 90px;
    height: 27px;
    line-height: 27px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(http://img1.37wanimg.com/www/../images/common/spacer.gif);
    cursor: pointer;
    text-align: center;
}

.s-main .sup-tab-btn {
    line-height: 16px;
    height: 16px;
    cursor: pointer;
    padding: 2px 0;
    text-align: center;
    background: #c1c2d0;
}

.s-main .sup-tab-btn:hover {
    background: #502428;
    color: white
}

.s-main .s-fastin {
    background: #c1c2d0;
    height: 27px;
    line-height: 27px;
    text-align: center;
    width: 54px;
    padding: 0 2px;
    margin-right: 6px;
    color: #4a5a7b;
}

.s-main #btnFast {
    background: #a78c52;
    display: inline-block;
    height: 27px;
    text-align: center;
    line-height: 27px;
    margin-left: 5px;
    width: 72px;
    color: white;
    border-radius: 2px;
}

.s-main #btnFast:hover {
    background: #b45c6f;
}

.s-main .s-server-list {
    margin-top: 10px
}

.s-main #servers {
    overflow: hidden;
    margin-top: 10px;
}

.s-main #servers li {
    float: left;
    background: url(../images/server-btn.png);
    width: 203px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    margin: 0 15px 10px 0;
}

.s-main #servers li a {
    color: white;
}

.s-main #servers li span {
    color: #ffc000
}

.s-main #servers li:hover {
    background: url("../images/server-btn-h.png") no-repeat;
}

.s-main #servers li:nth-child(3n) {
    margin-right: 0px
}

.s-main .option-bg {
    position: absolute;
    width: 87%;
    left: 2px;
    top: 29px;
    display: none;
    z-index: 2;
    background: #a7918c;
    border: 1px solid #A2A2A2;
}

.s-main .option-dom {
    background: #a7918c;
    font-size: 12px;
    border: 1px solid #A2A2A2;
}

.s-main .option-dom li {
    height: 16px;
    line-height: 16px;
    padding: 2px 0;
    text-align: center;
    overflow: hidden;
}

.option-dom li.focus {
    background: #c66a52;
    color: #fed6cc
}


/* s-all-server */

.sp-pager {
    overflow: hidden;
    margin-top: 6px;
}

.sp-pager li,
#nameList a {
    line-height: 28px;
    width: 94px;
    height: 27px;
    margin: 0px 10px 8px 0;
    cursor: pointer;
    background: url("../images/server-head.png");
    text-align: center;
    float: left;
    display: block;
    font-size: 12px;
    color: #7470bc
}

.sp-pager li.hover,
#nameList a.hover {
    background: url("../images/server-head-h.png");
    color: #fff;
}

.sp-pager li a {
    color: #fff
}

.s-name {
    font-size: 18px;
    /* font-family: "楷体"; */
    color: #726eba;
}

.rec-server {
    margin: 15px 0;
}

.rec-server li {
    float: left;
    margin-right: 18px;
}

.rec-server li a {
    display: block;
    width: 201px;
    height: 41px;
    line-height: 41px;
    text-align: center;
    background: url("../images/tj-server.png");
    color: white;
}

.rec-server li a:hover {
    background: url("../images/tj-server-h.png");
    font-size: 16px;
}

.rec-server li a strong {
    color: #ffc000;
    margin-right: 10px;
}