@charset "utf-8";

/**
 * zwsg_main.css
 * @aumagic liangkangren
 * @date 2017-03-12
 **/

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: #212121;
}

a:hover {
    text-decoration: none;
    color: #212121;
}

.hidden {
    display: none
}

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

body {
    overflow-x: hidden
}

.body {
    font: 14px 'Microsoft Yahei', SimSun;
    position: relative;
    background: #e7eaec;
    color: #212121;
    overflow: hidden;
}


/* header */

.header {
    width: 1200px;
    height: 660px;
    position: relative;
    margin: 0 auto
}

.header embed {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 2;
    margin-left: -40px;
}

.wrap {
    position: relative;
    z-index: 4;
    width: 1200px;
    margin: 0 auto;
    *margin-top: 0;
    padding-bottom: 150px;
}

.main {
    width: 1200px;
    position: relative;
}

.wrap .right h3 {
    font-size: 16px;
    color: #b01503;
    font-weight: 400;
}

.cont-main {
    height: 100%;
}

.kv-top {
    position: absolute;
    left: 50%;
    overflow: hidden;
    width: 2000px;
    height: 1196px;
    margin-left: -1000px;
    *height: 1196px
}

.kv-top-img {
    position: relative;
    clear: both;
    overflow: hidden;
    width: 2000px;
    height: 1196px
}

.kv-top-img li {
    overflow: hidden;
    width: 2000px;
    height: 1196px
}

.kv-top-img a {
    width: 100%;
    height: 100%;
    display: block;
}

.kv-top-img li img {
    width: 2000px;
    height: 1196px
}

.kv-top-num {
    position: absolute;
    top: 492px;
    right: 50%;
    margin-right: -590px;
}

.kv-top-num li {
    font-size: 0;
    line-height: 0;
    float: left;
    overflow: hidden;
    width: 14px;
    height: 14px;
    margin-left: 8px;
    text-indent: -9999em;
    border-radius: 7px;
    background: #C0C0C0
}

.kv-top-num li:hover,
.kv-top-num li.focus {
    background: #BD9D60
}


/**top-nav**/

.top-nav {
    z-index: 2;
    font-size: 14px;
    position: absolute;
    height: 80px;
    top: 0px;
    left: 50%;
    width: 2000px;
    margin-left: -1000px;
    background: url("images/top_nav_bg.jpg") repeat-x left top;
}

.nav {
    margin-top: 48px;
    width: 1200px;
    margin: 0 auto;
}

.nav .top-nav-li {
    float: left;
    width: 160px;
    text-align: center;
    position: relative;
    margin-top: 18px;
    border-left: 1px solid #74a7e3;
}

.nav a {
    color: #fff;
    display: block;
    width: 100%;
    height: 46px;
    font-size: 18px;
    line-height: 24px;
}

.nav a b {
    font-size: 10px;
    color: #fff;
    font-weight: 400;
}

.nav a:hover b,
.nav a:hover {
    color: #f2c864;
}

.nav .logo-main {
    width: 270px;
    height: 130px;
    margin-top: 0;
}

.nav .no-border {
    border-left: none;
}

.nav .logo-main a {
    width: 270px;
    height: 130px;
    display: block;
    margin-top: 10px;
}

.tt1,
.tt2 {
    width: 100%;
    height: auto;
    display: block;
    float: left;
    text-align: center;
}

.tt2 {
    font-size: 10px;
}

.nav .last-li {
    width: 110px;
}

.nav .last-li a {
    text-align: right;
}

.nav .last-li a span.tt1 {
    text-align: right;
}

.nav .last-li a span.tt2 {
    text-align: left;
    padding-left: 64px;
}

.logo {
    left: 10px;
    top: 5px;
    text-indent: -9999px;
    position: absolute;
    z-index: 2;
    width: 195px;
    height: 117px;
    background: url(images/logo.png) no-repeat;
    z-index: 5;
}

.tips18 {
    font-size: 14px;
    position: absolute;
    z-index: 2;
    top: 630px;
    letter-spacing: 1px;
    color: #404650;
    left: 0;
}

#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: 30px;
}

.lrsbox .left,
.lrsbox .right {
    float: left;
}

.lrsbox .left {
    position: relative;
    width: 380px;
    overflow: hidden;
}

.lrsbox .right {
    min-height: 464px;
    background: #fff;
    position: relative;
    color: #212121;
}

.start {
    display: block;
    width: 378px;
    height: 164px;
    border: 1px solid #efbb40;
    background: url(images/start.jpg) no-repeat;
}

.start:hover {
    background: url(images/start-h.jpg) no-repeat;
}

.start span {
    display: block;
    width: 216px;
    height: 77px;
    position: absolute;
    top: 52px;
    left: 84px;
    background: url(images/start-zi.png) no-repeat;
    content: "";
    cursor: pointer;
}

.start span:after {
    display: block;
    width: 188px;
    height: 65px;
    background: url(images/start-zi.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;
    text-align: center;
    float: left;
    color: #e7a752;
    font-size: 20px;
    background: url("images/reg-log.jpg");
}

.side-b {
    background-position: -190px 0;
}

.side-a:hover {
    background-position: 0 -58px;
}

.side-b:hover {
    background-position: -190px -58px;
}

.side {
    background: #3e3f44;
}

.icon-btn-d {
    background-position: -190px 0;
}

.login {
    font-size: 18px;
    height: 239px;
    color: #212121;
    background: #fff;
    position: relative;
    width: 380px;
    border-bottom: 1px solid #fff;
}

.log a {
    color: #e82222
}

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

.mark {
    display: block;
    float: left;
    margin: 16px 10px 0 45px;
    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)
}

.log li {
    position: absolute
}

.text {
    font-family: 'Microsoft Yahei';
    line-height: 32px;
    width: 224px;
    height: 32px;
    font-size: 16px;
    padding-left: 30px;
    color: #212121;
}

.input-u {
    background: url("images/count_bg.png") no-repeat 6px center #b9bcbf;
}

.input-p {
    background: url("images/pw_bg.png") no-repeat 9px center #b9bcbf;
}

.user {
    top: 20px;
    left: 40px;
}

.psw {
    top: 64px;
    left: 40px;
}

.remember {
    top: 106px;
    left: 84px;
    font-size: 14px;
    color: #7c7c7c;
}

.get-psw {
    top: 106px;
    left: 200px;
    font-size: 14px;
    color: #7c7c7c;
}

.get-psw a {
    color: #7c7c7c;
}

.lr-btn {
    text-indent: 0;
    width: 142px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 22px;
    top: 134px;
    background: url("images/login.png") no-repeat;
}

.lr-btn:hover {
    background-position: -143px 0;
}

.lr-btn a {
    width: 142px;
    height: 50px;
    display: block;
}

.log-btn {
    left: 38px;
}

.reg-btn {
    left: 200px;
    background-position: 0 -50px;
}

.reg-btn:hover {
    background-position: -143px -50px;
}

.loged {
    width: 260px;
    margin: 0 auto;
    padding: 40px 0 0;
    font-size: 14px;
}

.loged li {
    line-height: 33px;
    padding: 0 13px;
}

.loged a {
    color: #820602;
}

.loged-usercenter {
    text-align: right
}

.loged-usercenter a {
    margin-left: 5px
}

.loged .colored {
    color: #e82222;
}

.c-body .role {
    margin-top: 70px;
    float: none;
}

.c-body .icon-service {
    background-repeat: no-repeat;
}

.card {
    margin-top: 0px;
    background: #fff;
    padding: 5px 0 25px 0;
    float: left;
    width: 100%;
    float: left;
    border-top: 1px solid #d8dbdd;
}

.card a {
    display: block;
    width: 303px;
    height: 160px;
    margin: 20px 0 0 48px;
    overflow: hidden;
    float: left;
}

.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: 380px;
    float: left;
    margin-left: 0px;
    background: #fff;
    border-top: 1px solid #d8dbdd;
}

.service .servicetl {
    width: 363px;
    height: 44px;
    background-color: #d5d5d5;
    padding: 15px 0 0 20px;
}

.left .service .con {
    width: 100%;
    height: 193px;
    border: none;
    position: relative;
    margin-top: 0;
    color: #212121;
    background: none;
}

.lcontact {
    float: left;
    width: 173px;
    position: absolute;
    top: 35px;
    left: 33px;
}

.lcontact p {
    height: 28px
}

.left .service a {
    width: 95px;
    height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    color: #fff;
    background: #4f81bb;
    border: 1px solid #5e98db;
}

.left .service a:hover {
    background: #669dcf;
    border: 1px solid #78b2e6;
}

.left .service h3 {
    text-indent: 24px;
}

.left .qr {
    float: left;
    position: absolute;
    top: 35px;
    left: 260px;
    width: 90px;
    margin-top: 0
}

.ser-title-b {
    width: 338px;
    height: 64px;
    margin-left: 20px;
    line-height: 64px;
    position: relative;
    border-bottom: 2px solid #e7eaec;
}

.ser-t-bg-b {
    width: 210px;
    height: 64px;
    line-height: 64px;
    display: block;
    float: left;
    position: absolute;
    left: 0;
    bottom: -3px;
    background: url("images/server_title_bg.png") no-repeat left bottom;
}

.left .qr i {
    float: left;
    width: 100%;
}

.left .qr p {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    color: #212121;
}

.qr i {
    float: left;
}


/* server */

.choice-server {
    color: #212121;
    height: 104px;
    width: 804px;
    background: url("images/new-server.jpg") left top no-repeat;
    position: relative;
    padding: 0 8px 0;
    border-bottom: 2px solid #e6bb5e;
}

.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: #4f81bb;
    color: #fff;
}

#btnFast:hover {
    background: #669cce;
}

.choice-list {
    height: 75px;
    width: 410px;
    overflow: hidden;
    position: absolute;
    top: 17px;
    left: 139px;
}

.choice-list i {
    height: 11px;
    width: 11px;
    display: inline-block;
    margin-right: 11px;
}

.choice-list li {
    float: left;
    margin-right: 32px;
    width: 170px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
}

.choice-list li span {
    float: right;
    color: #ff1515;
}

.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 {}

.choice-list li a {
    display: block;
    width: 100%;
    margin: auto;
    color: #212121;
    background: url(images/server-icon.png) center left no-repeat;
    text-indent: 20px;
}

.choice-list li a:hover {
    color: #212121;
}

.more {
    display: block;
    background: url("images/more1.png");
    width: 32px;
    height: 28px;
    position: absolute;
    right: -4px;
    top: -2px;
}

.more:hover {
    background-position: 0px -28px;
}


/*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: 258px;
    float: left;
    margin-left: 10px;
    background: #fff;
}

.media .t {
    width: 212px;
    margin: 0 0 21px 11px;
}

.media .con {
    overflow: hidden;
    width: 200px;
    height: 110px;
    float: left;
}

.media-scroll {
    overflow: hidden;
    width: 150px;
    height: 50px;
    margin: 32px 0 0 50px;
}

.media-scroll li {
    width: 150px;
    height: 50px
}

.media-scroll img {
    width: 150px;
    height: 50px
}

.med-title {
    width: 242px;
    height: 64px;
    float: left;
    position: relative;
    margin-left: 8px;
    border-bottom: 2px solid #e7eaec;
}

.med-t-bg {
    width: 228px;
    height: 64px;
    line-height: 64px;
    display: block;
    float: left;
    position: absolute;
    left: 0;
    bottom: -3px;
    background: url("images/media_title_bg.png") no-repeat left bottom;
}


/*kv*/

.kv {
    position: absolute;
    float: left;
    width: 820px;
    height: 360px;
    overflow: hidden;
    z-index: 1;
    top: 104px;
}

.kv-num {
    position: absolute;
    right: 50px;
    bottom: 24px;
}

.kv-num li {
    width: 16px;
    height: 16px;
    line-height: 16px;
    float: left;
    overflow: hidden;
    margin-right: 8px;
    cursor: pointer;
    border-radius: 8px;
    background: #fff;
}

.kv-num li:hover,
.kv-num li.focus {
    background: #ad1b09;
}

.kv-img img {
    width: 820px;
    height: 360px;
    border: none;
}


/*fast*/

.fast {
    width: 1180px;
    height: 245px;
    float: left;
    position: relative;
    padding: 10px;
    background: #fff;
}

.f {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.f em {
    line-height: 115px;
    font-size: 16px;
    margin-left: 14px;
}

.fast-li li {
    float: left;
    margin-right: 17px;
}

.fast a {
    float: left;
    display: inline-block;
    overflow: hidden;
    width: 282px;
    height: 180px;
    position: relative;
    transition: all linear .3s;
    -moz-transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -o-transition: all linear .3s;
    -ms-transition: background linear .3s;
    background-repeat: no-repeat;
}

.fast a.cur {
   /*  width: 334px;
   height: 167px;
   top: 0;
   background-size: 100% auto; */
}

.fast a span {
    position: absolute;
    top: 10px;
    left: 0;
}
.fast a img {
    position: absolute;
    left: 127px;
    top: 10px;
    transition: .3s;
}

.f-left {
    width: 127px;
    height: 160px;
    display: block;
    float: left;
    background: url("images/t_bg.jpg") no-repeat left top;
}

.f1 span {
    background-position: 0 0;
}

.f2 span {
    background-position: -127px 0;
}

.f3 span {
    background-position: -254px 0;
}

.f4 span {
    background-position: -381px 0;
}

.f1:hover span, .f1.cur span {
    background-position: 0 -160px;
}

.f2:hover span, .f2.cur span {
    background-position: -127px -160px;
}

.f3:hover span, .f3.cur span {
    background-position: -254px -160px;
}

.f4:hover span, .f4.cur span {
    background-position: -381px -160px;
}

.f1:hover img, .f1.cur img, .f2:hover img, .f2.cur img, .f3:hover img, .f3.cur img, .f4:hover img, .f4.cur img {
    transform: scale(1.1);
    transition: .3s;
}

a.f2 {
    *top: -13px;
}

a.f3 {
    *top: -34px;
}

a.f4 {
    *top: -54px;
}

.fast a.f2.cur {
    *top: -18px;
}

.fast a.f3.cur {
    *top: -38px;
}

.fast a.f4.cur {
    *top: -58px;
}

/* .f1.cur {
    background: url(images/gt_img_1_1.jpg) no-repeat left top;
}

.f2.cur {
    background: url(images/gt_img_2_1.jpg) no-repeat left top;
}

.f3.cur {
    background: url(images/gt_img_3_1.jpg) no-repeat left top;
}

.f4.cur {
    background: url(images/gt_img_4_1.jpg) no-repeat left top;
} */

.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%
}

.fl-title-bg {
    width: 300px;
    height: 56px;
    line-height: 56px;
    display: block;
    float: left;
    position: absolute;
    bottom: -2px;
    left: 0;
    background: url("images/game_tips_title_2.png") no-repeat left bottom;
}

.fast-li {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 10px;
}

.fast-link-title {
    width: 100%;
    height: 54px;
    border-bottom: 2px solid #e7eaec;
    float: left;
    position: relative;
}

.fast a.more-fast-link-btn {
    display: block;
    background: url("images/more1.png") no-repeat left top;
    width: 32px;
    height: 28px;
    position: absolute;
    right: -4px;
    top: -2px;
}


/*news*/

#news {
    width: 500px;
    height: 383px;
    background: #fff;
    overflow: hidden;
    float: left;
}

#news .news-more {
    background: url("images/more2.png");
    width: 24px;
    height: 24px;
    float: right;
    margin-right: 25px;
    margin-top: 17px;
}

#news .news-more:hover {
    background-position: 0 -24px;
}

.news-tab {
    width: 500px;
    height: 61px;
    border-bottom: 2px solid #e7eaec;
}

.news-tab li {
    font-size: 16px;
    display: inline;
    float: left;
    position: relative;
    border-bottom: 2px solid #e7eaec;
}

.news-tab li,
.news-tab li a {
    line-height: 61px;
    display: block;
    width: 77px;
    height: 61px;
    text-align: center;
    color: #fff;
    background: url("images/news_tab_bg.png") no-repeat left top;
    transition: .5s;
}

.news-tab li.current a {
    background: none;
}

.news-tab li:hover,
.news-tab li.current {
    background: url("images/news_tab_bg.png") no-repeat left top #cfae69;
    border-bottom: 2px solid #cfae69;
}

.news-tab li#li_zonghe {
    background-position: 20px -56px;
}

.news-tab li#li_zonghe a {
    background-position: 20px 0;
}

.news-tab li#xinwen {
    background-position: -62px -56px;
}

.news-tab li#xinwen a {
    background-position: -62px 0;
}

.news-tab li#li_huodong {
    background-position: -142px -56px;
}

.news-tab li#li_huodong a {
    background-position: -142px 0;
}

.news-tab li#li_gonglue {
    background-position: -223px -56px;
}

.news-tab li#li_gonglue a {
    background-position: -223px 0;
}

.news-tab li#li_meiti {
    background-position: -303px -56px;
}

.news-tab li#li_meiti a {
    background-position: -303px 0;
}

.headline {
    height: 74px;
    text-align: center;
    margin: 14px 20px;
    position: relative;
    background: url("images/top_news_left_bg.png") no-repeat 3px 6px #e6e9ec;
}

.headline-title {
    width: 376px;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    color: #820602;
    position: absolute;
    top: 10px;
    left: 70px;
    text-align: center;
}

.headline-title:hover {
    color: #212121;
}

.summary-txt {
    width: 375px;
    height: 25px;
    overflow: hidden;
    position: absolute;
    top: 40px;
    left: 70px;
}

.summary-txt a {
    width: 340px;
    height: 25px;
    line-height: 22px;
    text-align: left;
    color: #808387;
    font-size: 14px;
    display: block;
    float: left;
    overflow: hidden;
}

.headline-title i {
    background: url("images/new.jpg");
    width: 13px;
    height: 13px;
    display: block;
    float: right;
    margin-top: 13px;
    *display: none
}

.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: 214px;
    overflow: hidden;
    padding: 0 20px;
}

.news-list li {
    line-height: 30px;
    overflow: hidden;
    height: 30px;
    margin: 0 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news-list a {
    color: #212121;
    font-size: 14px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.news-list a:hover {
    color: #bd9d60;
}

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

.time {
    color: #cdd1d6;
    float: right;
    padding-right: 15px;
}

.news-list a.red-main {
    color: #9e2516;
}

.news-list a.org-main {
    color: #ef5a00;
}

.cate-name {
    float: left;
    padding: 0 10px;
    background: #e6e9ec;
    color: #820602;
    border-radius: 4px;
    display: block;
    margin-right: 5px;
    height: 20px;
    line-height: 20px;
    margin-top: 5px;
}

.lrsbox .article-content {
    color: #212121;
}


/* gamedata */

#gamedata {
    width: 320px;
    height: 383px;
    float: left;
    position: relative;
    margin-bottom: 30px;
    background: #4f81bb;
}

.game-tips-title {
    width: 304px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 8px;
    line-height: 63px;
    border-bottom: 2px solid #5a8bc4;
}

.bd-bottom {
    width: 100%;
    height: 62px;
    display: block;
    float: left;
    position: relative;
    top: 0;
    left: 0;
    background: url("images/game_tips_title.png") no-repeat left bottom;
}

.more-game-tips-btn {
    display: block;
    background: url("images/more1.png") no-repeat left top;
    width: 32px;
    height: 28px;
    position: absolute;
    right: -4px;
    top: -2px;
}

.more-game-tips-btn:hover {
    background-position: 0px -28px;
}

.gamedata-tab {
    position: absolute;
    top: 64px;
    left: 8px;
}

.gamedata-tab ul {
    width: 312px;
    height: 152px;
    float: left;
    background: url("images/game_tips_bg.png") no-repeat left -152px;
}

.gamedata-tab li {
    float: left;
    margin-right: 6px;
    height: 68px;
    line-height: 70px;
    width: 149px;
    margin-top: 8px;
    cursor: pointer;
    background: url("images/game_tips_bg.png") no-repeat left top;
}

.gamedata-list {
    width: 304px;
    height: 152px;
    position: absolute;
    top: 225px;
    left: 8px;
    color: #5a8bc4;
}

.gamedata-list .con a {
    display: inline-block;
    width: 88px;
    text-align: center;
    margin-top: 10px;
    color: #fff;
}

.gamedata-list .con a:hover {
    color: #ffd47b;
}

.gamedata-tab .zl-tab:hover,
.gamedata-tab .cur {
    background: none;
}

.gamedata-list .con {
    position: absolute;
    top: 124px;
    left: 27px;
    width: 274px;
    height: 165px;
    overflow: hidden
}

.gamedata-list .con span {
    margin: 0 6px;
}

.gamedata-list .con p {
    margin-top: 10px;
}

.gamedata-list .gamedata-more {
    position: absolute;
    bottom: 85px;
    right: 29px
}

.gamedata-list .txtbg {
    width: 236px;
    height: 58px;
    position: absolute;
    bottom: 0;
    left: 45px;
}

.gamedata-tab li.tb1 {
    background-position: 0 -8px;
}

.gamedata-tab li.tb2 {
    background-position: -155px -8px;
}

.gamedata-tab li.tb3 {
    background-position: 0 -84px;
}

.gamedata-tab li.tb4 {
    background-position: -155px -84px;
}

.gl-items-box {
    width: 100px;
    height: 18px;
    line-height: 18px;
    margin-top: 25px;
    float: left;
    border-right: 1px solid #5a8bc4;
}

.gl-items-box a {
    width: 100%;
    height: 18px;
    color: #fff;
    font-size: 14px;
    display: block;
    text-align: center;
}

.gl-items-box a:hover {
    color: #ffd47b;
}

.gamedata-list li.no-right-border {
    border-right: none;
}


/*role*/

.role {
    position: relative;
    width: 380px;
    height: 383px;
    padding: 0;
    float: left;
    overflow: hidden;
}

.role-inner {
    width: 100%;
    height: 439px;
    background: #fff;
    position: relative;
}

.role-nav {
    position: absolute;
    z-index: 5;
    top: 26px;
    left: 20px;
    width: 330px;
    height: 30px;
}

.role-nav li {
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #e6e9ec;
    color: #7f7e7e;
    float: left;
    margin-right: 10px;
    font-size: 16px;
}

.role-nav li a {
    color: #7f7e7e;
}

.f-cf {
    width: 100%;
}

.role-nav li.cur {
    background: #4f81bb;
    color: #fff;
}

.role-nav li.cur a {
    color: #fff;
}

.role-detail {
    height: 383px;
    overflow: hidden;
}

.r-desc {
    height: 383px;
    position: absolute;
    left: 0;
    z-index: 1;
    top: -60px;
    opacity: 0;
    overflow: hidden;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transition: all 0.3s ease;
}

.role-type {
    width: 100px;
    height: 50px;
    position: absolute;
    bottom: 16px;
    left: 20px;
    z-index: 9;
}

.role-type a {
    width: 45px;
    height: 50px;
    line-height: 50px;
    display: block;
    float: left;
    margin-left: 1px;
    cursor: pointer;
    background: url("images/new-server.jpg") no-repeat 100px 0;
}

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

.curMod .role0 {
    top: 0px;
}

.curMod .role1 {
    top: 0px;
}

.curMod .role2 {
    top: 0px;
}

.curMod .role3 {
    top: -46px;
}

.curMod .role4 {
    top: -37px;
}

.curMod .role5 {
    top: -38px;
}

.curMod .role6 {
    top: -32px;
}

.curMod .role7 {
    top: -45px;
}


/*links*/

.links {
    float: left;
    height: auto;
    width: 308px;
}

.links .t {
    margin-bottom: 22px;
    margin-left: 35px;
}

.links .focus {
    border-bottom: 2px solid #000000;
    color: #000000;
}

.links .con {
    width: 292px;
    height: 94px;
    position: relative;
    font-size: 12px;
    color: #55565a;
    text-align: left;
    padding: 8px;
    overflow: hidden;
}

.links a {
    font-size: 14px;
    display: inline-block;
    white-space: nowrap;
    margin: 20px 0 0 10px;
    color: #212121;
}

.link-title {
    width: 292px;
    height: 64px;
    position: relative;
    margin-left: 8px;
    border-bottom: 2px solid #e7eaec;
}

.link-t-bg {
    width: 166px;
    height: 64px;
    line-height: 64px;
    display: block;
    float: left;
    position: absolute;
    left: 0;
    bottom: -3px;
    background: url("images/friend_link_bg.png") no-repeat left bottom;
}

.media h3 {
    margin-left: 10px;
}

h3 {
    height: 85px;
    color: #e8d086;
    font-size: 10px;
    line-height: 110px;
    overflow: hidden
}

h3 em {
    color: #e8d086;
    font-size: 24px;
    margin-right: 6px
}


/*article list*/

.content {
    width: 820px;
    position: relative;
}

.content strong {
    font-weight: 700
}

.article-top {
    overflow: hidden;
    width: 100%;
    height: 62px;
    line-height: 62px;
    background: #d8dbdd;
}

.article-top span {
    font-size: 26px;
    line-height: 36px;
    height: 36px;
    width: 130px;
    margin-top: 20px;
    padding: 0 0 0 62px;
    color: #212121;
    background: url("images/new_left_bg.png") no-repeat 15px center;
    display: block;
    float: left;
}

.bread-nav {
    height: 30px;
    line-height: 30px;
    float: right;
    margin-right: 15px;
    margin-top: 24px;
    color: #7c7c7c;
    max-width: 590px;
    overflow: hidden;
}

.bread-nav a {
    color: #7c7c7c;
}

.article-main {
    min-height: 1307px;
    padding: 0 31px;
    background: #d8dbdd;
    _height: 867px;
}

.article-list {
    margin: 0 auto;
    padding-top: 16px
}

.article-list a {
    padding-left: 15px;
    color: #212121;
    transition: .2s;
}

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

.article-list li:hover {
    background: #b1b3b5;
    color: #212121;
}

.article-list li:hover a {
    color: #212121;
    padding-left: 18px;
    transition: .2s;
}

.article-list .time {
    color: #7c7c7c;
}

.article-list li:hover .time {
    color: #7c7c7c;
}

.article-list .red-main .time,
.article-list .red-main a {
    color: #b40e0e;
}

.article-list .org-main .time,
.article-list .org-main a {
    color: #ef5a00;
}

.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;
    background: #b1b3b5;
    color: #212121;
}


/*article*/

.article-title {
    font-size: 20px;
    overflow: hidden;
    text-align: center;
    color: #8e1e11;
}

.article-title h1 {
    font-size: 20px;
    color: #ff1515;
    font-weight: 400;
    margin-top: 15px;
}

.article-detail {
    line-height: 30px;
    height: 28px;
    padding: 8px 0;
    text-align: center;
    border-bottom: 1px solid #777677;
}

.article-detail span {
    color: #848a91
}

.article-content {
    line-height: 2;
    padding: 20px 0
}

.article-relation {
    font-size: 14px;
    height: 150px;
    margin: 0 auto
}

.article-relation dt {
    line-height: 36px;
    height: 36px;
    text-indent: 8px;
    border-bottom: 1px solid #777677;
    color: #777677;
}

.article-relation dd {
    line-height: 30px;
    float: left;
    overflow: hidden;
    width: 48%;
    height: 30px;
    margin: 0 0 0 1%;
    *display: inline;
    color: #777677;
}

.article-relation dd a,
.article-relation dd .time {
    color: #777677;
}


/* server-list */

.s-body {
    background: url(images/s-images/bg.jpg) center 0 no-repeat;
    color: #fff
}

.s-body a {
    color: #fff
}

.s-wrap {
    background: url(images/s-images/main.jpg) no-repeat;
    width: 1200px;
    height: 1100px;
    margin: 0 auto;
}

.s-header {
    position: relative;
    height: 245px;
}

.s-content {
    position: relative;
    margin: 92px 0 0 427px;
}

.s-logo {
    position: absolute;
    top: 30px;
    left: 140px;
    overflow: hidden;
    text-indent: -9999px;
    width: 230px;
    height: 128px;
    background: url("images/logo.png") no-repeat center;
}

.s-nav {
    height: 71px;
    padding: 34px 0 0 412px;
}

.s-nav a {
    float: left;
    width: 160px;
    height: 70px;
    text-indent: -9999em;
    margin-right: 18px;
}

.s-nav a:hover {
    background: url(images/s-images/btns.png) no-repeat;
}

#s-nav1:hover {
    background-position: 0px 0px
}

#s-nav2:hover {
    background-position: -178px 0px
}

#s-nav3:hover {
    background-position: -356px 0px
}

#s-nav4:hover {
    background-position: -534px 0px
}


/* s-loginframe */

.s-loginframe {
    position: absolute;
    top: 174px;
    left: 411px;
    width: 687px;
    height: 87px;
}

.s-loginframe ul li label, .s-loginframe ul li a, .sq-third-link span {
    color: #cac9c9;
}

.s-text {
    width: 183px;
    height: 29px;
    padding: 0 5px 0 30px;
    background: url(about:blank) 5px 50% no-repeat #fff;
    line-height: 29px;
    border-radius: 3px;
}

.s-user .s-text {
    background-image: url("images/s-images/i1.jpg")
}

.s-psw .s-text {
    background-image: url("images/s-images/i2.jpg")
}

.s-user {
    top: 18px;
    left: 20px;
}

.s-psw {
    top: 18px;
    left: 248px
}

.s-log-btn {
    top: 18px;
    left: 481px;
}

.s-log-btn a {
    display: block;
    width: 188px;
    height: 51px;
    line-height: 51px;
    text-align: center;
    font-size: 22px;
    background: url(images/s-images/login_btn.png) no-repeat left top;
    text-indent: -9999em;
}

.s-log-btn a:hover {
    background-position: 0 -51px;
}

.s-remember {
    top: 57px;
    left: 20px;
}

.s-psw-btn {
    top: 60px;
    left: 222px
}

.s-reg-btn {
    top: 60px;
    left: 300px
}

.s-three {
    top: 55px;
    left: 248px;
}


/* s-loged */

.s-loged {
    width: 616px;
    color: #ccc;
    font-size: 12px;
    margin: 9px 0 0 20px;
}

.s-loged li {
    line-height: 24px;
    float: left;
    width: 295px;
}

.s-loged a {
    color: #e8be66;
}

.s-loged .s-loged-highlight {
    color: #e8be66;
}


/* s-recommend-server */

.s-name {
    font-size: 18px;
    color: #FFF;
    line-height: 42px;
}

.s-name-rec {
    font-weight: 700;
    color: #cccccc;
    text-indent: 1em;
}

.s-server-list {
    position: relative;
    overflow-y: auto;
}

.s-body .rec-server li,
.s-body #servers li {
    line-height: 37px;
    float: left;
    width: 204px;
    height: 37px;
    margin: 0 20px 12px 0;
    text-align: center;
}

.s-body .rec-server li {
    background: url(images/s-images/btn1.png) no-repeat;
}

.s-body .rec-server .con li a {
    color: #6d4f19;
    font-size: 14px;
    width: 100%;
    height: 37px;
    line-height: 37px;
    display: block;
    text-align: center;
    float: left;
}

.s-body .rec-server .con li a:hover {
    font-size: 15px;
}

.s-server-list a {
    display: block;
    width: 100%;
    height: 37px;
    line-height: 37px;
    float: left;
    font-size: 14px;
    color: #104e52;
    background: url("images/s-images/btn2.png") no-repeat left top;
}

.s-server-list a:hover {
    font-size: 15px;
}

.s-server-list span {
    color: #104e52;
    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: #212121;
    background: #b9bcbf;
    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: 30px;
    margin: 0 10px 12px 0;
    width: 670px;
    height: auto;
}

.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: #b7cce0;
    color: #1e253d;
    text-align: center;
    float: left;
    display: block;
}

.sp-pager li.hover,
.sp-pager li:hover,
#nameList a.hover {
    font-size: 13px;
    background: #b7cce0;
    color: #b83901;
}

.sp-pager li a {
    color: #1e253d;
}


/*service*/

.sml {
    float: left;
    width: 1200px;
    margin-top: 30px;
    color: #212121;
    background: #fff;
}

.service {
    width: 614px;
    float: left;
    margin-left: 10px;
    background: #fff;
}

.service .con {
    width: 100%;
    height: 110px;
    background: #fff;
    position: relative;
}

.contact {
    float: left;
    line-height: 24px;
    width: 393px;
    margin-left: 14px;
    padding-top: 5px;
}

.contact p {
    float: left;
    margin-right: 20px;
    margin-top: 20px;
}

.service a {
    width: 95px;
    height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    color: #55565a;
}

.service .contact a {
    height: 23px;
    line-height: 23px;
    color: #fff;
    background: #4f81bb;
    border: 1px solid #5e98db;
}

.service .contact a:hover {
    background: #669dcf;
    border: 1px solid #78b2e6;
}

.ser-title {
    width: 100%;
    height: 64px;
    position: relative;
    border-bottom: 2px solid #e7eaec;
}

.ser-t-bg {
    width: 190px;
    height: 64px;
    line-height: 64px;
    display: block;
    float: left;
    position: absolute;
    bottom: -3px;
    left: 0;
    background: url("images/server_title_bg.png") no-repeat left bottom;
}

.qr {
    float: left;
    margin-top: 14px;
}

.qr-des {
    width: 98px;
    float: left;
    margin-top: 16px;
    margin-left: 10px;
    line-height: 20px;
}

.qr-des em {
    color: #f12727;
}

.t {
    margin-bottom: 22px;
}

.icon-code {
    background: url(images/qr.jpg) no-repeat;
    width: 89px;
    height: 89px;
    margin-bottom: 10px;
}


/*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: #b9bcbf;
    color: #212121;
    border: 1px solid #b9bcbf;
    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-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: 175px;
    font-size: 12px;
    background: #454545;
    color: #fff;
}

#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: 75px;
    height: 44px;
}

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


/* server */

.s-fastin {
    color: #212121;
    height: 19px;
    line-height: 19px;
    text-align: center;
    width: 70px;
}

.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: 14px;
}

.option-dom {
    background: #FFFFFF;
    font-size: 14px;
    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: #fff;
    color: #212121;
    vertical-align: middle;
    position: relative;
}

.select-con {
    width: 175px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 0;
    background: #b9bcbf;
    line-height: 22px;
    cursor: pointer;
    text-align: center;
}

.select-btn {
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 8px solid #fff;
    border-left: 8px solid #b9bcbf;
    border-right: 8px solid #b9bcbf;
    border-bottom: none;
    cursor: pointer;
    _font-size: 0;
    overflow: hidden;
    right: 6px;
    top: 8px;
}

.s-wrap #selFastType .select-btn,
.s-wrap #select-dom-xz .select-btn {
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 8px solid #143e5a;
    border-left: 8px solid #fff;
    border-right: 8px solid #fff;
    border-bottom: none;
    cursor: pointer;
    _font-size: 0;
    overflow: hidden;
    right: 6px;
    top: 8px;
}

#select-dom-xz {
    width: 60px;
}

#select-dom-xz .select-con {
    width: 60px;
    border: 0;
    overflow: hidden;
}

.option-bg {
    position: absolute;
    display: none;
    left: 0;
    top: 22px;
}

.option-bg-type {
    left: 0px;
    top: 23px;
    width: 175px;
}

.sup-tab-btn {
    line-height: 16px;
    height: 16px;
    width: 175px;
    color: #d7d8e0;
    cursor: pointer;
    padding: 2px 0;
    text-align: center;
}

.sup-tab-btn:hover {
    color: #d7d8e0;
}

.select-type {
    z-index: 2;
    font-size: 12px;
}

.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: 8px 0 14px 0;
    z-index: 2;
}

.s-body .select-dom {
    width: 120px;
    height: 27px;
    color: #1f395f;
    border: 0;
    *margin-right: 4px;
}

.s-body .select-con {
    color: #242425;
    height: 27px;
    line-height: 27px;
    width: 116px;
    background: #fff;
}

.s-body .s-fastin {
    height: 27px;
    line-height: 27px;
    color: #212121;
    background: #fff;
}

.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 {
    background: #EA9200;
    color: #fff;
}

.s-body #btnFast {
    width: 72px;
    height: 27px;
    background: #7dcae9;
    color: #104b4e;
    text-indent: 0;
    line-height: 27px;
    text-align: center;
    margin-left: 4px;
    font-size: 12px;
    border-radius: 2px;
}

.s-body #btnFast:hover {
    background: #52aedd;
    color: #104b4e;
}

#all-xz-server {
    height: 505px;
    overflow: hidden
}

.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(//img1.37wanimg.com/common/css/images/three.png) no-repeat;
    transition: .5s;
    width: 28px;
    height: 28px;
    display: inline-block;
    text-indent: -9999em;
    vertical-align: middle;
    margin: 0 8px;
}

.three-wx {
    background-position: -39px 0;
}

.three-wb {
    background-position: -78px 0;
}

.s-body .log .three {
    left: 222px;
    top: 41px;
}

.s-body .three-icon {
    margin: 0 4px;
}
body {
    min-width: 1200px;
    overflow: auto;
}

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

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