@charset "UTF-8";
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, em, img, samp, small, strong, sub, b, i, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    padding: 0;
    margin: 0
}

table {
    font-size: 12px;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto !important
}

tr, th, td {
    font-size: 12px
}

ol, ul {
    list-style: none
}

li {
    list-style-type: none;
    vertical-align: bottom
}

img {
    vertical-align: top;
    border: 0
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: 400
}

a {
    color: #cdd1d9;
    text-decoration: none;
    outline: 0
}

input {
    outline: 0
}

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

a, button {
    cursor: pointer
}

.clear {
    clear: both
}

.cls {
    *zoom: 1
}

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

.hidden {
    display: none
}

.a-nb {
    background: url(about: blank);
    text-indent: -9999px
}

.wPage {
    width: 1200px;
    margin: 0 auto
}

.f-l {
    float: left;
    display: inline
}

.f-r {
    float: right;
    display: inline
}

.i-b {
    display: inline-block;
    vertical-align: top;
    *zoom: 1
}

.i-b {
    *display: inline
}

input::-webkit-input-placeholder {
    color: #656565
}

-ms-input-placeholder {
    color: #656565
}

-moz-input-placeholder {
    color: #656565
}

.s-body input::-webkit-input-placeholder {
    color: #333
}

.s-body input::-ms-input-placeholder {
    color: #333
}

.s-body input::-moz-input-placeholder {
    color: #333
}

.text-out {
    position: absolute;
    left: -9999px;
    top: -9999px
}

.hide {
    display: none
}

html {
    *zoom: 1
}

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

.body {
    position: relative;
    background: #f3f4f7;
    color: #cdd1d9;
    font: 14px/1.5 "Microsoft Yahei", SimSun;
    overflow: hidden;
    _overflow-x: visible;
    _width: 100%
}

body {
    overflow-x: hidden
}

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

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

.wrap {
    position: relative;
    width: 1200px;
    margin: auto;
    padding-bottom: 118px
}

.up-part {
    width: 1200px;
    position: relative
}

.header {
    position: relative;
    height: 585px
}

.logo {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -99px;
    width: 197px;
    height: 128px;
    background: url(../images/logo.png) no-repeat;
    z-index: 3;
    text-indent: -9999px
}

.logo:hover {
    -webkit-animation: linear swing 1s 1;
    animation: linear swing 1s 1
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.nav-top {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1000px;
    width: 2000px;
    height: 85px;
    background: url(../images/nav-bg.jpg) no-repeat;
    z-index: 2
}

.nav-top ul {
    width: 1200px;
    height: 100%;
    margin: auto
}

.nav-top li {
    width: 172px;
    float: left;
    font-size: 18px;
    text-align: center;
    height: 100%;
    _display: inline
}

#nav-t2 {
    margin-right: 168px
}

.nav-top a {
    display: block;
    height: 85px;
    line-height: 85px;
    color: #c9ab72;
    font-size: 18px;
    transition: .5s
}

.nav-top a:hover {
    color: #ff3a3a
}

.kv-top {
    position: absolute;
    width: 2000px;
    height: 850px;
    left: 50%;
    z-index: 1;
    margin: 85px 0 0 -1000px
}

.kv-top-img {
    position: relative;
    overflow: hidden;
    clear: both
}

/*.kv-top-img a{*/
    /*cursor:;*/
/*}*/

.kv-top .hd {
    position: absolute;
    top: 475px;
    right: 50%;
    margin-right: -600px;
    z-index: 2
}

.kv-top .hd li {
    float: left;
    margin-left: 6px;
    border-radius: 50%;
    overflow: hidden;
    width: 15px;
    height: 15px;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    background: #7A7F90;
    cursor: pointer
}

.kv-top .hd .on{
    width: 35px;
    border-radius: 15px;
    background: #c1a465
}

.kv-top .hd li:hover,.kv-top .hd li.focus {
    width: 35px;
    border-radius: 15px;
    background: #c1a465
}

.tips18 {
    position: absolute;
    bottom: 2px;
    left: 0;
    z-index: 2
}

.joinQQ {
    position: absolute;
    bottom: 2px;
    left: 200px;
    display: block;
    width: 90px;
    height: 22px;
    z-index: 2
}

.main {
    position: relative;
    float: left;
    width: 810px;
    z-index: 2
}

.kv-activity {
    position: relative;
    overflow: hidden;
    float: left;
    height: 565px
}

.kv {
    position: relative;
    width: 361px;
    height: 262px
}

.kv-img, .kv-img li, .kv-img li a, .kv-img li a img {
    width: 100%;
    height: 100%
}

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

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

.kv-num li:hover, .kv-num li.focus {
    background: #d1b06c;
    width: 30px
}

.activity {
    margin-top: 20px
}

.activity a {
    position: relative;
    display: block;
    width: 361px;
    height: 83px;
    color: #ffd97f;
    font-size: 18px;
    margin-top: 17px;
    background-image: url(./../images/activity.jpg)
}

.activity a:hover {
    background-image: url(./../images/activity-h.jpg)
}

.activity .activity-1 {
    background-position: 0 0
}

.activity .activity-2 {
    background-position: 0 -100px
}

.activity .activity-3 {
    background-position: 0 -200px
}

.activity a i {
    font-size: 24px;
    color: #fff;
    position: absolute;
    left: 80px;
    top: 21px;
    font-style: normal
}

.activity a span {
    font-size: 12px;
    color: #e85e5e;
    position: absolute;
    top: 25px;
    left: 200px;
    transition: .5s
}

.activity a:hover span {
    color: #ff7676;
    transform: translateX(10px)
}

.news {
    width: 422px;
    height: 391px;
    overflow: hidden;
    background: url(./../images/news-bg.png) no-repeat;
    position: absolute;
    left: 388px;
    top: 148px
}

.news-con {
    padding-top: 35px
}

.news-tab {
    line-height: 32px;
    padding-left: 5px;
    margin-bottom: 10px
}

.news-tab li {
    float: left;
    display: inline;
    position: relative
}

.news-tab li a {
    display: block;
    width: 76px;
    text-align: center;
    height: 42px;
    transition: .5s;
    line-height: 42px;
    font-size: 18px
}

.news-con a {
    color: #cdd1d9
}

.news-tab li.current a, .news-tab li a:hover {
    color: #e32323
}

.news-list {
    height: 300px;
    overflow: hidden;
    padding: 0 20px
}

.news-list ul {
    /*display: none*/
    height:245px;
}

.news-list li {
    line-height: 35px;
    overflow: hidden;
    height: 35px;
    color: #cdd1d9
}

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

.a-link {
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease
}

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

.news-list .n-type {
    width: 40px;
    text-align: center;
    vertical-align: middle
}

.news-list .a-link {
    width: 292px;
    overflow: hidden;
    vertical-align: middle
}

.news-list a:hover {
    text-decoration: underline;
    color: #f13f3f
}

.time {
    float: right;
    *margin-left: 10px
}

.news .readmore {
    background: #4e4d56;
    border: 1px solid #5c5b64;
    margin: 20px 0 0 20px
}

.news .readmore:hover {
    background: #b41f1f;
    border: 1px solid #be2626
}

.readmore {
    display: block;
    width: 109px;
    height: 25px;
    line-height: 25px;
    position: relative;
    text-align: center;
    color: #fff;
    background: #a72222;
    border: 1px solid #a72222;
    transition: .2s
}

.readmore:hover {
    background: #e53434;
    border: 1px solid #e53434;
    color: #fff
}

.readmore span {
    position: absolute;
    left: 18px;
    top: 0;
    color: #fff
}

.readmore .more {
    width: 16px;
    height: 16px;
    background: url(../images/more.png) no-repeat;
    position: absolute;
    top: 6px;
    left: 81px
}

.zl {
    width: 974px;
    height: 56px;
    margin-top: 63px;
    float: left;
    position: relative
}

.zl .separate {
    display: block;
    width: 1px;
    height: 33px;
    background: #9c9fa5;
    position: absolute;
    top: 7px
}

.zl .separate1 {
    left: 172px
}

.zl .separate2 {
    left: 382px
}

.zl .separate3 {
    left: 592px
}

.zl .zl-i {
    display: block;
    float: left;
    position: relative;
    width: 210px;
    height: 100%;
    color: #110d0d;
    font-size: 18px
}

.zl .zl-i i {
    position: absolute;
    top: 0;
    left: 37px;
    width: 44px;
    height: 44px
}

.zl .zl-i span {
    position: absolute;
    top: 0;
    left: 102px;
    transition: .5s
}

.zl .zl-i em {
    display: block;
    *display: inline;
    font-size: 12px;
    color: #5a5050;
    line-height: 11px;
    font-style: normal
}

.zl .zl-i:hover span {
    color: #9d0000;
    transform: translateX(10px)
}

.zl .zl-i:hover em {
    color: #a06969
}

.zl .zl-0 {
    width: 173px
}

.zl .zl-0 i {
    left: 0
}

.zl .zl-0 span {
    left: 65px
}

.zl-tab li {
    float: left;
    width: 210px;
    height: 100px;
    overflow: hidden;
    user-select: none;
    position: relative
}

.zl-tab .zl-li1 {
    width: 173px
}

.zl-tab div {
    transform: rotateY(-180deg);
    transition: transform .8s;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    display: block;
    position: absolute;
    top: 150px;
    left: 0;
    width: 189px;
    height: 70px;
    padding: 0 10px;
    text-align: center;
    overflow: hidden
}

.zl-tab .zl-li1 div {
    width: 152px
}

.current div {
    transform: rotateY(0deg);
    transition: transform .8s;
    top: 0
}

.zl-tab div a {
    display: block;
    font-size: 14px;
    float: left;
    width: 89px;
    height: 20px;
    margin: 0 0 3px;
    line-height: 20px;
    padding: 0;
    color: #262626;
    position: static;
    overflow: hidden;
    *overflow: visible;
    white-space: nowrap;
    *margin-top: 0
}

.zl-tab div a:hover {
    color: #9d0000
}

.zl-tab .zl-li1 div a {
    width: 75px
}

.zl-tab .zl-i {
    overflow: hidden;
    transition: opacity .5s, transform .3s
}

.current .zl-i {
    opacity: 0;
    transform: scale(0.5, 2);
    transition: opacity .5s, transform .3s;
    top: 150px
}

.zl-tab .zl-more-btn {
}

.zl-more-btn i {
    display: block;
    float: right;
    background: url(../images/icon-more-btn.png) no-repeat;
    background-position: -25px 0;
    width: 15px;
    height: 15px;
    margin-top: 3px
}

.zl-tab .current .zl-more-btn {
    bottom: 0
}

.equip {
    width: 806px;
    float: left;
    margin-top: 70px;
    color: #dbdbdb
}

.equip .title {
    font-size: 24px;
    color: #201f22
}

.equip .title span {
    font-size: 12px;
    color: #616168
}

.equip .equip-con {
    width: 100%;
    height: 272px;
    background: url(../images/equip-bg.jpg) no-repeat;
    position: relative;
    overflow: hidden
}

.equip .equip-nav {
    position: absolute;
    right: 35px;
    width: 101px;
    height: 100%;
    z-index: 10
}

.equip .equip-nav li {
    width: 99px;
    height: 30px;
    line-height: 30px;
    background: #4e4d56;
    color: #dbdbdb;
    font-size: 18px;
    text-align: center;
    margin-top: 30px;
    border: 1px solid #5c5b64;
    transition: .5s
}

.equip .equip-nav .tab-first {
    margin-top: 60px
}

.equip .equip-nav li.cur, .equip .equip-nav li:hover {
    background: #a72222;
    border: 1px solid #b22929
}

.equip .equip-nav li.cur a, .equip .equip-nav li:hover a {
    color: #dbdbdb
}

.equipInsideTab {
    position: absolute;
    height: 30px;
    top: 220px;
    left: 360px;
    z-index: 10
}

.equipInsideTab li {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 10px
}

.equipInsideTab a {
    display: block;
    width: 30px;
    height: 30px
}

.equipPanel {
    position: relative;
    width: 100%;
    height: 272px
}

.equip-detail {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 5
}

.equip-detail .r-desc {
    opacity: 0;
    filter: opacity(0);
    transition: 1s
}

.equip-detail .r-desc .d-title {
    font-size: 28px;
    position: absolute;
    left: 35px;
    top: 20px
}

.equip-detail .r-desc .desc {
    font-size: 14px;
    width: 200px;
    position: absolute;
    left: 35px;
    top: 73px
}

.equip-detail .r-per {
    position: absolute;
    top: 0;
    right: 218px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transition: all .5s ease
}

.equip-content1 .equip-detail .r-per {
    top: 10px;
    right: 245px
}

.equip-detail2-0 .r-per {
    right: 210px
}

.equip-detail2-1 .r-per {
    right: 260px
}

.equip-detail2-6 .r-per {
    right: 78px
}

.equip-content1.equipShow .equip-detail.curElem .r-per, .equip-content2.equipShow .equip-detail.curElem .r-per {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
    transform: scale(1);
    filter: alpha(opacity=100)
}

.equip-content1.equipShow .curElem .r-desc, .equip-content2.equipShow .curElem .r-desc {
    opacity: 1;
    filter: opacity(100)
}

.equip-content3.equipShow .weaponsShow .equip-detail.curElem .r-per {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
    transform: scale(1);
    filter: alpha(opacity=100)
}

.equip-content3.equipShow .weaponsShow .curElem .r-desc {
    opacity: 1;
    filter: opacity(100)
}

.equipInsideTab .equip-inside-nav .equip-inside-item-1 {
    background-position: 0 0
}

.equipInsideTab .equip-inside-nav .equip-inside-item-2 {
    background-position: -38px 0
}

.equipInsideTab .equip-inside-nav .equip-inside-item-3 {
    background-position: -76px 0
}

.equipInsideTab .equip-inside-nav .equip-inside-item-4 {
    background-position: -114px 0
}

.equipInsideTab .equip-inside-nav .equip-inside-item-5 {
    background-position: -152px 0
}

.equipInsideTab .equip-inside-nav .equip-inside-item-6 {
    background-position: -190px 0
}

.equipInsideTab1 .equip-inside-nav a {
    background-image: url(../images/tz-nav.jpg)
}

.equipInsideTab1 .equip-inside-nav .cur a, .equipInsideTab1 .equip-inside-nav a:hover {
    background-image: url(../images/tz-nav-h.jpg)
}

.equipInsideTab2 .equip-inside-nav a {
    background-image: url(../images/cb-nav.jpg)
}

.equipInsideTab2 .equip-inside-nav .cur a, .equipInsideTab2 .equip-inside-nav a:hover {
    background-image: url(../images/cb-nav-h.jpg)
}

.weapons-nav {
    position: absolute;
    top: 51px;
    right: 160px;
    z-index: 10
}

.weaponsTab a {
    display: block;
    width: 53px;
    height: 53px;
    background-image: url(../images/weapons-nav.png);
    text-indent: -9999px;
    margin-bottom: 5px
}

.weaponsTab .cur a, .weaponsTab a:hover {
    background-image: url(../images/weapons-nav-h.png)
}

.weaponsTab .weapons-nav-item1 {
    background-position: 0 0
}

.weaponsTab .weapons-nav-item2 {
    background-position: 0 -60px
}

.weaponsTab .weapons-nav-item3 {
    background-position: 0 -120px
}

.weapons-content1 .equip-inside-nav a {
    background-image: url(../images/zsw-nav.jpg)
}

.weapons-content1 .equip-inside-nav .cur a, .weapons-content1 .equip-inside-nav a:hover {
    background-image: url(../images/zsw-nav-h.jpg)
}

.weapons-content2 .equip-inside-nav a {
    background-image: url(../images/fsw-nav.jpg)
}

.weapons-content2 .equip-inside-nav .cur a, .weapons-content2 .equip-inside-nav a:hover {
    background-image: url(../images/fsw-nav-h.jpg)
}

.weapons-content3 .equip-inside-nav a {
    background-image: url(../images/dsw-nav.jpg)
}

.weapons-content3 .equip-inside-nav .cur a, .weapons-content3 .equip-inside-nav a:hover {
    background-image: url(../images/dsw-nav-h.jpg)
}

.weapons-content1 .r-per {
    right: 280px
}

.weapons-content2 .r-per {
    right: 280px
}

.weapons-content3 .r-per {
    right: 288px;
    top: 20px
}

.weapsons1-1 .r-per {
    right: 298px;
    top: 10px
}

.weapsons1-2 .r-per {
    top: 10px
}

.weapsons1-6 .r-per {
}

.weapsons2-1 .r-per {
    top: 10px;
    right: 298px
}

.weapsons2-2 .r-per {
    top: 10px;
    right: 298px
}

.weapsons2-4 .r-per {
    right: 270px
}

.weapsons3-5 .r-per {
    right: 278px;
    top: 0
}

.weapsons3-6 .r-per {
    top: 0
}

.i-block {
    display: block;
    position: absolute
}

.service {
    width: 806px;
    height: 110px;
    position: relative;
    background: url(../images/kf-bg.jpg) no-repeat;
    margin-top: 25px;
    float: left
}

.service .i-block {
    top: 26px;
    left: 37px
}

.service .tle {
    font-size: 24px;
    width: 50px;
    float: left;
    padding: 24px 0 0 100px;
    line-height: 28px
}

.service .service-con {
    float: left;
    padding: 25px 0 0 22px;
    width: 400px
}

.service .service-con li {
    float: left;
    width: 175px;
    margin-left: 20px;
    font-size: 14px;
    margin-bottom: 15px
}

.service .service-btn {
    display: inline-block;
    width: 93px;
    height: 20px;
    line-height: 19px;
    text-align: center;
    background: #a72222;
    border: 1px solid #ae2626;
    color: #fff;
    transition: .2s
}

.service .service-btn:hover {
    background: #e53434;
    border: 1px solid #e63838;
    color: #fff
}

.service .qrCode {
    margin-top: 15px;
    width: 136px;
    height: 78px;
    float: right;
    font-size: 12px
}

.service .qrCode .qr {
    margin: 12px 0 0 15px;
    float: left
}

.service .qrCode img {
    width: auto;
    height: 100%;
    float: left
}

.links {
    width: 806px;
    height: 105px;
    float: left;
    position: relative;
    background: url(../images/kf-bg.jpg) no-repeat;
    margin-top: 23px
}

.links .i-block {
    top: 26px;
    left: 37px
}

.links .tle {
    font-size: 24px;
    width: 50px;
    float: left;
    padding: 25px 0 0 100px;
    line-height: 28px
}

.links .links-con {
    float: left;
    padding: 26px 0 0 30px;
    width: 626px;
    overflow: hidden;
    height: 69px
}

.links .links-con a {
    float: left;
    width: 90px;
    margin: 0 0 13px 30px;
    text-align: center
}

.kf-inside {
    width: 361px;
    height: 179px;
    background: url(../images/service-bg.jpg) no-repeat;
    margin-top: 23px;
    position: relative;
    float: right
}

.kf-inside .kf-tle {
    font-size: 18px;
    color: #cdd1d9;
    padding: 20px 0 5px 40px
}

.kf-inside .kf-tle span {
    font-size: 12px;
    color: #898a8d
}

.kf-inside .service-con li {
    margin-left: 40px;
    margin-bottom: 5px
}

.kf-inside .service-btn {
    display: inline-block;
    width: 93px;
    height: 20px;
    line-height: 19px;
    text-align: center;
    background: #a72222;
    border: 1px solid #ae2626;
    color: #fff;
    transition: .2s
}

.kf-inside .service-btn:hover {
    background: #e53434;
    border: 1px solid #e63838;
    color: #fff
}

.kf-inside .qrCode {
    position: absolute;
    top: 56px;
    left: 230px;
    text-align: center
}
.kf-inside .qrCode img{
    width:87px;
    height:87px;
}

.side {
    position: relative;
    float: right;
    width: 361px;
    z-index: 2
}

.index-side {
    margin-top: 1018px
}

.start {
    display: block;
    width: 361px;
    height: 105px;
    background: url(../images/start.jpg) no-repeat;
    position: absolute;
    right: 0;
    top: 0
}

.start span, .start span:after {
    display: block;
    width: 148px;
    height: 57px;
    margin: 0 auto;
    background: url(../images/starttext.png) no-repeat;
    content: "";
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -28px;
    margin-left: -74px
}

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

.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 {
    width: 361px;
    height: 157px;
    background: url(../images/log-bg.jpg);
    position: absolute;
    right: 0;
    top: 105px
}

.log {
    position: relative
}

.log li {
    position: absolute
}

.log .text {
    width: 180px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-family: "Microsoft Yahei";
    color: #262626;
    background: #92979e
}

input::-webkit-input-placeholder {
    color: #262626
}

-ms-input-placeholder {
    color: #262626
}

-moz-input-placeholder {
    color: #262626
}

.log .user {
    left: 30px;
    top: 15px
}

.log .psw {
    left: 30px;
    top: 50px
}

.login-label {
    display: none
}

.log .remember {
    left: 30px;
    top: 92px
}

.log .psw-btn {
    left: 165px;
    top: 92px
}

.log .psw-btn a {
    text-decoration: underline
}

.log .log-btn {
    left: 240px;
    top: 15px
}

.log .reg-btn {
    left: 275px;
    top: 92px
}

.log .reg-btn a {
    text-decoration: underline
}

.log-btn input {
    width: 91px;
    height: 65px;
    background: url(../images/login.jpg) no-repeat;
    display: block;
    text-indent: -9999em;
	border:0;
	cursor:pointer;
}

.log-btn input:hover {
    background: url(../images/login-h.jpg) no-repeat
}

.loged {
    width: 60%;
    margin: auto
}

.loged li {
    line-height: 28px
}

.loged .loged-highlight {
    color: #f53939;
    padding: 0 10px 0 0
}

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

.loged .loged-panel {
    padding: 10px 0 0;
    font-size: 12px
}

.three {
    top: 119px;
    left: 30px
}

.top-server-box {
    height: 205px;
    width: 361px;
    background: url(../images/server-bg.jpg) no-repeat;
    color: #464950;
    position: absolute;
    right: 0;
    top: 282px;
    overflow: hidden
}

.top-type-choose {
    padding: 20px 18px 0 28px;
    height: 55px
}

.top-type-choose li {
    float: left;
    margin-right: 3px
}

.top-type-choose .server-tab-a {
    display: block;
    width: 98px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    background: #a72222;
    color: #fff;
    border-left: 1px solid #a74346;
    border-right: 1px solid #a74346;
    transition: .2s
}

.top-type-choose .server-tab-a.cur, .top-type-choose .server-tab-a:hover {
    background: #e53434;
    border-left: 1px solid #bd2d2d;
    border-right: 1px solid #bd2d2d
}

.top-type-choose .server-fast-wrap {
    height: 40px
}

.top-type-choose .server-fast-box {
    font-size: 12px;
    margin: 10px 0
}

.top-type-choose .fast-input {
    width: 42px;
    height: 16px;
    line-height: 18px;
    text-align: center;
    border: 1px solid #38455c;
    color: #464950;
    margin: 0 5px
}

.top-type-choose .server-fast-btn {
    display: inline-block;
    width: 48px;
    height: 19px;
    line-height: 19px;
    text-align: center;
    background: #9b7c4a;
    color: #fff7e0
}

.top-type-choose .server-fast-btn:hover {
    background: #dba54f
}

.choice-list {
    padding-top: 0;
    height: 147px
}

.choice-list a {
    color: #262626
}

.choice-list a:hover {
    color: #f13f3f
}

.choice-list a span {
margin:0 0 0 10px;
}

.choice-list li {
    width: 150px;
    float: left;
    background-image: url(../images/icon-arrow.png);
    background-position: 0 50%;
    background-repeat: no-repeat;
    text-indent: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 0 10px 20px
}

.mutiServer li, .gc-wrap .choice-list li {
    width: 164px
}

.all-server.readmore {
    position: absolute;
    top: 440px;
    right: 228px;
    z-index: 50
}

.moveSide {
    position: absolute;
    position: absolute;
    top: 487px;
    right: 0
}

.role {
    position: absolute;
    right: 0;
    top: 490px
}

.role.insideFix {
    position: fixed;
    top: 50px;
    right: 352px
}

.role .role-con {
    width: 361px;
    height: 276px;
    position: relative;
    margin-top: 255px;
    background: url(../images/role-bg.jpg) bottom no-repeat
}

.role .role-con .role-nav {
    position: absolute;
    top: 50px;
    left: 50px;
    z-index: 10
}

.role .role-con .role-nav li {
    float: left;
    margin-right: 30px
}

.role .role-con .role-nav li a {
    font-size: 24px
}

.role .role-con .role-nav .cur a {
    color: #f13f3f
}

.roleInsideTab {
    width: 45px;
    height: 82px;
    position: absolute;
    left: 295px;
    top: -41px;
    z-index: 20
}

.roleInsideTab li a {
    display: block;
    width: 45px;
    height: 41px;
    text-align: center;
    line-height: 41px;
    background: #d0d4db;
    color: #222124;
    font-size: 16px
}

.roleInsideTab li .role-inside-item-1 {
    background: #222124;
    color: #d0d4db
}

.roleInsideTab li.cur a {
    background: #a72222;
    color: #fff
}

.role-detail {
    z-index: 10
}

.rolePanel .r-desc {
    position: absolute;
    width: 290px;
    top: 110px;
    left: 50px;
    font-size: 12px;
    line-height: 24px;
    z-index: 10;
    opacity: 0;
    filter: opacity(0);
    transition: 1s
}

.imgShow .r-desc {
    opacity: 1;
    filter: opacity(100)
}

.role-detail .img-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 8;
    background: url(../images/role-bg.jpg) bottom no-repeat
}

.role-detail .r-per {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: opacity(0);
    height: 303px;
    z-index: 5
}

.imgShow .role-detail.curElem .r-per {
    top: -302px;
    opacity: 1;
    filter: opacity(100);
    transition: 1s
}

.imgShow .role-detail2-1.curElem .r-per {
    top: -301px
}

.imgShow .role-detail2-2.curElem .r-per {
    top: -290px;
    height: 390px
}

.imgShow .role-detail3-1.curElem .r-per {
    top: -303px
}

.imgShow .role-detail3-2.curElem .r-per {
    top: -303px
}

.role .readmore {
    position: absolute;
    top: 220px;
    left: 50px;
    z-index: 10
}

.jietu {
    width: 361px;
    height: 286px;
    position: relative;
    margin-top: 21px;
    background: url(../images/log-bg.jpg) repeat-y
}

.jietu .jietu-tle {
    font-size: 18px;
    color: #cdd1d9;
    padding: 20px 0 10px 30px
}

.jietu .jietu-tle span {
    font-size: 12px;
    color: #898a8d
}

.jietu .jietu_wrap {
    margin-left: 30px;
    height: 100px
}

.jietu .jietu_wrap li, .jietu .jietu_wrap li img {
    width: 296px;
    height: 79px
}

.media {
    width: 361px;
    height: 106px;
    position: relative;
    margin-top: 23px;
    background: url(../images/log-bg.jpg) no-repeat
}

.media.insideFix {
    position: fixed;
    top: 581px;
    right: 352px
}

.media .media-tle {
    font-size: 18px;
    color: #cdd1d9;
    padding: 10px 0 5px 30px
}

.media .media-tle span {
    font-size: 12px;
    color: #898a8d
}

.media-wrap {
    width: 320px;
    overflow: hidden;
    height: 50px
}

.media .media-con {
    margin-left: 30px
}

.media-scroll ul {
    width: 400px;
    height: 50px
}

.media-scroll li {
    width: 150px;
    height: 50px;
    float: left;
    margin-right: 12px
}

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

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

.three-icon {
    background: url(http://img1.37wanimg.com/common/css/../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
}

.s-body .three-icon {
    margin: 0 8px
}

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

.s-box .main-font {
    color: #696969
}

.s-box .main-font:hover {
    color: #f13f3f
}

.s-box .hightlight-color {
    color: #bababa
}

.s-box a.hightlight-color:hover {
    color: #6daceb
}

.s-box {
    width: 100%;
    height: auto;
    color: #bababa;
    background-image: url(../images/s-bg.jpg);
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat
}

.s-wrap {
    position: relative;
    margin: 0 auto;
    width: 1100px;
    height: 1100px;
    background-image: url(../images/s-main.jpg);
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat
}

.s-logo {
    left: 135px;
    top: 10px
}

.s-box .content {
    position: absolute;
    top: 0;
    left: 360px;
    width: 687px;
    background: transparent;
    height: 100%
}

.s-box .header {
    position: absolute;
    top: 30px;
    left: 3px;
    width: 120%;
    overflow: hidden
}

.s-box .userlogin {
    position: absolute;
    top: 170px;
    left: 0;
    width: 100%;
    height: 89px
}

.s-box .list {
    position: absolute;
    top: 340px;
    left: 15px;
    width: 100%
}

.s-box .sq-third-link span {
    color: #696969
}

.s-box .top-nav {
    position: static;
    float: left;
    text-indent: -9999em;
    margin-right: 15px;
    width: 159px;
    height: 66px
}

.s-box .top-nav:hover {
    background-image: url(../images/top-nav-hover.png)
}

.s-box .top-nav1 {
    background-position: 0 0
}

.s-box .top-nav2 {
    background-position: -174px 0;
    margin-right: 16px
}

.s-box .top-nav3 {
    background-position: -349px 0
}

.s-box .top-nav4 {
    background-position: -523px 0
}

.s-box .loginframe {
    position: relative;
    width: 100%;
    height: 100%
}

.s-box .log {
    overflow: hidden;
    padding-top: 20px;
    width: 100%;
    height: 100%
}

.s-box .log li {
    float: right;
    position: static
}

.s-box .log-btn-box {
    width: auto;
    overflow: hidden
}

.s-box .log-btn {
    display: block;
    width: 190px;
    height: 53px;
    line-height: 50px;
    text-align: center;
    margin-right: 20px;
    margin-left: 10px;
    background: url(../images/log-btn.png);
    color: #fff;
    font-size: 26px;
	border:0;
	cursor:pointer;
}

.s-box .log-btn:hover {
    background: url(../images/log-btn-h.png)
}

.s-box .table-box {
    width: 225px;
    text-align: left
}

.s-box .input-box .text {
    width: 178px;
    height: 29px;
    line-height: 29px;
    color: #7a7a7a;
    padding: 0 5px 0 30px;
    border: 0;
    border-radius: 5px
}

.s-box .input-box #username {
    background: #110d0d url(../images/user-icon.png) 10px 8px no-repeat
}

.s-box .input-box #password {
    background: #110d0d url(../images/lock-icon.png) 10px 8px no-repeat
}

.s-box .input-box input::-webkit-input-placeholder {
    color: #7a7a7a
}

.s-box .input-box -ms-input-placeholder {
    color: #7a7a7a
}

.s-box .input-box -moz-input-placeholder {
    color: #7a7a7a
}

.s-box .other-input-box {
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
    font-size: 12px
}

.s-box .other-input-box label {
    margin-right: 0;
    color: #696969
}

.s-box .other-input-box a {
    font-size: 12px
}

.s-box .other-input-box a, .s-box .other-input-box input, .s-box .other-input-box span {
    margin-right: 8px
}

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

.s-box .sq-third-link .three-icon {
    margin: 0 5px
}

.s-box .three-icon {
    background: url(http://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 5px
}

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

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

.s-box .loged {
    padding-top: 0;
    background: transparent
}

.s-box .s-loged {
    padding-top: 10px;
    color: #b69179
}

.s-box .loged img {
    margin-right: 3px;
    vertical-align: middle
}

.s-box .loged, .s-box .loged-panel {
    width: 680px;
    font-size: 12px
}

.s-box .loged-panel {
    margin-top: -5px;
    margin-left: 15px
}

.s-box .loged-top {
    display: none
}

.s-box .loged-panel ul {
    overflow: hidden;
    padding: 5px 0 0 10px
}

.s-box .loged-panel li {
    float: left;
    width: 45%;
    line-height: 24px
}

.s-box .loged-panel .loged-highlight, .s-box .loged-panel a {
    color: #b69179
}

.s-box .loged-panel .loged-highlight:hover, .s-box .loged-panel a:hover {
    text-decoration: underline
}

.s-box .loged-usercenter a {
    margin-left: 12px
}

.s-box .list-title {
    font-size: 18px;
    font-weight: 700;
    margin-top: 15px
}

.s-box .server-btn-box a {
    display: block;
    margin-top: 10px;
    margin-right: 15px;
    width: 206px;
    height: 39px;
    line-height: 39px;
    color: #e3e3e3;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    background-repeat: no-repeat;
	float:left;
}

.s-box .rec-server {
    margin-bottom: 5px;
    overflow: hidden
}

.s-box .rec-server li {
    float: left
}

.s-box .server-btn-box li a {
    background-image: url(../images/s-ser.png)
}

.s-box .server-btn-box li a:hover {
    background-image: url(../images/s-ser-h.png)
}

.s-box .type-choose {
    position: relative;
    margin: 5px 0 15px;
    height: 32px;
    font-size: 12px
}

.s-box .select1, .s-box .select2 {
    display: inline-block;
    position: relative;
    *display: inline;
    *margin-right: 5px
}

.s-box .server-input-bg {
    background-color: #fff;
    color: #1f395f
}

.s-box .select-dom {
    position: relative;
    width: 101px;
    height: 20px;
    display: inline-block;
    border: 0;
    vertical-align: middle
}

.s-box .select-con {
    width: 101px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    background: #121212;
    color: #7e7c78;
    cursor: pointer;
    text-align: center
}

.s-box .select-btn {
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 5px solid #656565;
    border-left: 5px solid #131212;
    border-right: 5px solid #131212;
    border-bottom: 0;
    cursor: pointer;
    font-size: 0;
    overflow: hidden;
    top: 9px;
    right: 8px
}

.s-box .option-bg {
    position: absolute;
    display: none;
    z-index: 2;
    top: 20px;
    *top: 10px;
    left: 0;
    border: 0
}

.s-box .type-option-dom {
    width: 101px;
    font-size: 12px;
    border: 0
}

.s-box .type-option-dom li {
    width: 100%;
    line-height: 20px;
    height: 20px;
    cursor: pointer;
    text-align: center;
    background: #131212;
    color: #606060
}

.s-box .type-option-dom li:hover {
    background: #606060;
    color: #131212
}

.s-box .select2 .type-option-dom {
    width: 350px;
    overflow: hidden
}

.s-box .select2 .type-option-dom li {
    width: 70px;
    float: left
}

.s-box .fastin {
    height: 20px;
    line-height: 20px;
    border: 0;
    text-align: center;
    width: 75px;
    background: #121212;
    color: #7e7c78
}

.s-box #btnFast {
    display: inline-block;
    overflow: hidden;
    text-align: center;
    line-height: 29px;
    font-size: 14px;
    vertical-align: middle;
    width: 73px;
    height: 22px;
    text-indent: -9999px;
    background: url(../images/s-go.png) no-repeat;
    transition: none;
    box-shadow: none
}

.s-box #btnFast:hover {
    background: url(../images/s-go-h.png) no-repeat;
    transition: none
}

.s-box .server-list {
    overflow-y: auto;
    overflow-x: hidden;
    height: 480px;
    width: 690px
}

.s-box .server-page-btn {
}

.s-box .sp-pager li, .s-box #nameList a {
    line-height: 28px;
    width: 84px;
    height: 28px;
    margin: 0 10px 8px 0;
    cursor: pointer;
    background: #fff;
    color: #000;
    text-align: center;
    float: left;
    display: block
}

.s-box .sp-pager {
    font-size: 12px
}

.s-box .sp-pager li.hover, .s-box #nameList a.hover {
    background: #882324;
    color: #fff
}

.s-box #servers li {
    float: left
}

.gc-wrap .card-btn {
    color: #fff
}

.gc-wrap .card-btn:hover {
    color: #fff
}

.gc-wrap .type-choose {
    position: relative;
    font-size: 12px;
    line-height: 32px
}

.gc-wrap .select-dom {
    position: relative;
    width: 100px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background: #e6e6e6;
    color: #201e22
}

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

.gc-wrap .select-btn {
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 5px solid #201e22;
    border-left: 5px solid #e6e6e6;
    border-right: 5px solid #e6e6e6;
    border-bottom: 0;
    cursor: pointer;
    font-size: 0;
    overflow: hidden;
    top: 8px;
    right: 8px
}

.gc-wrap .fastin {
    height: 20px;
    line-height: 20px;
    border: 1px solid #cdd1d9;
    text-align: center;
    width: 45px
}

.gc-wrap .select1, .gc-wrap .select2 {
    display: inline-block;
    position: relative;
    *display: inline;
    *margin-right: 3px
}

.gc-wrap .type-option-dom {
    width: 100px;
    font-size: 12px;
    border: 0
}

.gc-wrap .type-option-dom li {
    width: 100%;
    line-height: 14px;
    height: 14px;
    cursor: pointer;
    padding: 4px 0;
    text-align: center
}

.gc-wrap .type-option-dom li:hover {
    background: #fffbff;
    color: #3d3a40
}

.gc-wrap .option-bg {
    position: absolute;
    display: none;
    z-index: 2;
    top: 31px;
    *top: 26px;
    left: 0;
    background: #fffbff;
    color: #3d3a40
}

.recom-server-con {
    color: #262626
}

.recom-server-con .select-dom {
    background: #fffbff;
    color: #3d3a40
}

.recom-server-con .select-btn {
    border-top: 5px solid #4f5052;
    border-left: 5px solid #fffbff;
    border-right: 5px solid #fffbff
}

.recom-server-con .option-bg {
    background: #fffbff;
    color: #3d3a40
}

.recom-server-con .type-option-dom li:hover {
    background: 0 0
}

.c-body .side {
    margin-top: 0
}

.c-body .start {
    position: relative
}

.c-body .login {
    position: static
}

.c-body .top-server-box {
    margin-top: 20px;
    position: static
}

.c-body .role {
    position: relative;
    top: 0
}

.article {
    width: 100%;
    height: auto;
    background: #201f22;
    border: 1px solid #33333c;
    border-top: 0;
    min-height: 1219px
}

.gc-main .article {
    min-height: 1018px
}

.article-top {
    background: url(../images/bg-article.jpg) center no-repeat;
    width: 779px;
    height: 47px;
    color: #fff;
    padding: 15px 0 0 30px;
    *padding-top: 0;
    overflow: hidden
}

.article-top-title {
    display: block;
    font-size: 26px;
    width: 250px
}

.article-top-nav {
    position: absolute;
    top: 25px;
    right: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 500px;
    text-align: right
}

.article-top-nav a {
    color: #fff
}

.article-top-nav a:hover {
    text-decoration: underline
}

.article-main {
    width: 700px;
    margin: 0 auto;
    height: auto;
    color: #cdd1d9;
    padding: 30px 0
}

.article-top span {
    font-size: 26px;
    color: #fafafa
}

.article .bread-nav {
    float: right;
    margin: 10px 20px 0 0;
    color: #fff
}

.article .bread-nav a {
    color: #fff
}

.article .bread-nav a:hover {
    text-decoration: underline
}

.article-list li {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #2f3035;
    color: #93959f;
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.article-list li:hover {
    background: #1a191c
}

.article-list li:hover a {
    color: #f53939
}

.article-list .time {
    float: right
}

.article-list a {
    color: #cdd2db
}

.article-list a:hover {
    color: #f53939
}

.pageNum, .article-content-pager {
    padding: 30px;
    text-align: center
}

.pageNum a, .pageNum .current, .article-content-pager a, .article-content-pager .current {
    padding: 5px 10px;
    background: #d5d5d5;
    color: #2b2b2b
}

.pageNum a:hover, .pageNum .current, .article-content-pager a:hover, .article-content-pager .current {
    background: #b04336;
    color: #fff
}

.article-title {
    color: #f53939;
    font-size: 20px;
    text-align: center
}

.article-title h1 {
    color: #f53939;
    font-size: 20px;
    text-align: center
}

.article-detail {
    font-size: 14px;
    color: #8f8f8f;
    text-align: center;
    height: 40px;
    border-bottom: 1px solid #2f3035
}

.article-content {
    padding: 20px
}

.article-content a {
    color: #cdd1d9
}

.article-content a:hover {
    color: #f13f3f
}

.article-content img {
    max-width: 680px
}

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

.article-relation li {
    width: 40%;
    height: 30px;
    line-height: 30px;
    float: left;
    margin-right: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 50px
}

.article-relation a {
    color: #cdd1d9;
    transition: .3s
}

.article-relation a:hover {
    color: #f13f3f;
    margin-left: 5px
}

.article-relation .time {
    float: right;
    margin-right: -50px
}

.article-relation .relation-text {
    border-bottom: 1px dotted #e1e3e7;
    list-style: none;
    width: 100%;
    padding-top: 40px
}

.article-relation dt {
    border-bottom: 1px solid #2f3035;
    margin: 0 0 20px;
    color: #c4c4c4
}

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

.article-relation dd span {
    float: right
}

.icon-Link {
    background-image: url(../images/icons.png);
    background-position: 0 0;
    width: 54px;
    height: 54px
}

.icon-group {
    background-image: url(../images/icons.png);
    background-position: 0 -56px;
    width: 90px;
    height: 22px
}

.icon-kf-icon {
    background-image: url(../images/icons.png);
    background-position: -56px 0;
    width: 54px;
    height: 54px
}

.icon-more {
    background-image: url(../images/icons.png);
    background-position: -112px -46px;
    width: 16px;
    height: 16px
}

.icon-zl-1 {
    background-image: url(../images/icons.png);
    background-position: -112px 0;
    width: 44px;
    height: 44px
}

.icon-zl-2 {
    background-image: url(../images/icons.png);
    background-position: 0 -80px;
    width: 44px;
    height: 44px
}

.icon-zl-3 {
    background-image: url(../images/icons.png);
    background-position: -46px -80px;
    width: 44px;
    height: 44px
}

.icon-zl-4 {
    background-image: url(../images/icons.png);
    background-position: -92px -80px;
    width: 44px;
    height: 44px
}

.w1200 {
    display: block
}

.w900 {
    display: none
}

/*.game-footer --Ĭ�Ϻ�ɫ */
.game-footer { width: 100%; height: 158px; background:#080808; font:12px/1.5 "microsoft yahei", Arial, sans-serif;margin:50px 0 0 0;}
.game-footer-copyright { width: 1024px; height: 145px; margin: 0 auto; overflow: hidden;}
.game-footer-logo { width: 140px; height: 56px; margin: 45px 15px 0 70px; background: url(../images/footer_logo_black.png) no-repeat; float: left;}
.game-footer-copr { padding-left: 25px; margin-top: 35px;border-left: 1px solid #ccc; color: #666; float: left;}
.game-footer-copr a { color: #666; transition: all 0.4s ease}
.game-footer-copr a:hover { color: #ff6600;}
.game-footer-copr p { height: 14px; line-height: 14px; overflow: hidden; margin-bottom:10px;}
.game-footer-copr p span{margin:0 10px;}

/*���ֿ�*/
.xsk_table{margin:30px 0 30px 0;padding:15px 10px;background:#333333;}
.xsk_table table tr td{border:none;height:30px;line-height:30px; padding:0 5px;}
.xsk3a{width:135px;height:25px;font-family:"΢���ź�";color:#000;background:#FFF;}
.input_code{width:40px;height:25px;line-height:25px;color:#000;font-family:"΢���ź�";}
.xsk3b{border-radius: 2px;width:93px;height:32px;line-height:28px;text-align:center;color:#fff; background:#03b4f5; font-weight:bold; border:none;cursor:pointer;font-family:"΢���ź�";font-size:14px; margin-left:10px;}
.xsk3b:hover{background:#00bbff;}

#slideBox {position: relative;width: 361px;height: 262px;}
#slideBox .hd {padding: 0;position: absolute;bottom: 5px;right: 5px;z-index: 2;width: auto;height: auto;background: none;}
#slideBox ul {}
#slideBox .hd li {margin: 0 3px 0 0;float: left;list-style: none;width: 18px;height: 18px;line-height: 18px;background: #000;color: #fff;font-size: 11px;font-family:Arial;cursor: pointer;text-align: center;border: 1px solid #E6CAB4;}
#slideBox .bd ul, #slider .bd li {margin: 0;padding: 0;list-style: none;}
#slideBox .bd li {width: 361px;height: 262px;overflow: hidden;}
#slideBox .bd li img {width: 361px;height: 262px;}
#slideBox .hd li.on{background:#f15900; color:#fff;}