@charset "UTF-8";

.flip-container {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -ms-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d
}

.flip-container:hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.flip-container:hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.flipper,.front,.back {
    width: 100%;
    height: 100%
}

.flipper {
    -webkit-transition: .6s;
    -moz-transition: .6s;
    transition: .6s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative
}

.front,.back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    transition: .6s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0
}

.front {
    z-index: 2;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.back {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.vertical.flip-container {
    position: relative
}

.vertical .back {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.vertical.flip-container:hover .back {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg)
}

.vertical.flip-container:hover .front {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

@-webkit-keyframes icoBig {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    30% {
        -webkit-transform: scale(0.93);
        transform: scale(0.93)
    }

    45% {
        -webkit-transform: scale(1.04);
        transform: scale(1.04)
    }

    60% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes icoBig {
    0% {
        -moz-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -moz-transform: scale(1.05);
        transform: scale(1.05)
    }

    30% {
        -moz-transform: scale(0.93);
        transform: scale(0.93)
    }

    45% {
        -moz-transform: scale(1.04);
        transform: scale(1.04)
    }

    60% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes icoBig {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        transform: scale(1.05)
    }

    30% {
        -webkit-transform: scale(0.93);
        -moz-transform: scale(0.93);
        transform: scale(0.93)
    }

    45% {
        -webkit-transform: scale(1.04);
        -moz-transform: scale(1.04);
        transform: scale(1.04)
    }

    60% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes icoBig2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@-moz-keyframes icoBig2 {
    0% {
        -moz-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -moz-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes icoBig2 {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

html:first-child #opera {
    display: block
}

html>body #ie7 {
    *display: block
}

body #ie6 {
    _display: block
}

body:empty #firefox12 {
    display: block
}

@-moz-document url-prefix() {
    .prize_copy_btn {
        position: relative;
        top: -20px
    }
}

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 {
    padding: 0;
    margin: 0;
    outline: 0
}

ul,li {
    list-style: none
}

a,button {
    cursor: pointer
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto
}

a {
    color: #afb1b2
}

a:hover {
    text-decoration: none
}

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

.hidden {
    display: none
}

.block-a {
    display: block;
    height: 100%;
    text-indent: -9999em;
    overflow: hidden
}

.c-body {
    background: url(images/c-bg_01969f0.jpg) no-repeat center top #101011
}

.c-body .tips18 {
    bottom: -10px
}

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

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

.wrap.f-cf {
    height: auto;
    padding-bottom: 120px;
    background-image: url(images/c-main_f5a4bd6.jpg)
}
/*.f-cf-tab li a{
		background-size: 966px 409px!important;
		background-image: url(http://img1.37wanimg.com/xmry/css/xmry_main_1_z_235c757.png)!important;
		background-position: -370px -31px!important;
	}*/
.header {
    position: relative;
    height: 830px
}

.side {
    position: relative;
    float: left;
    width: 288px;
    z-index: 2;
    display: none
}

.main {
    width: 650px;
    height: auto;
    min-height: 1000px;
    position: relative;
    top: 18px;
    overflow: hidden;
    z-index: 1
}

.main.c-main {
    position: static
}

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

.hide {
    display: none
}

.logo {
    width: 163px;
    height: 150px;
    display: block;
    float: left;
    background: url(images/logo_31b9095.png) no-repeat
}

@-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)
    }
}

@-moz-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        -moz-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        -moz-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        -moz-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        -moz-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    to {
        -webkit-transform: rotate3d(0,0,1,0deg);
        -moz-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        -moz-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        -moz-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        -moz-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        -moz-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    to {
        -webkit-transform: rotate3d(0,0,1,0deg);
        -moz-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

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

.nav-top {
    width: 1000px;
    height: 124px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -500px;
    z-index: 2
}

.nav-top ul {
    width: 800px;
    height: 32px;
    float: left;
    padding-top: 36px;
    padding-left: 20px;
    overflow: hidden
}

.nav-top ul li {
    width: 124px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    float: left;
    font-size: 16px;
    height: 100%;
    margin-left: 1px;
    _display: inline
}

.nav-top ul li a {
    display: block;
    width: 124px;
    height: 30px;
    line-height: 30px;
    *line-height: 28px;
    color: #ededed;
    background-repeat: no-repeat;
}

.nav-top ul li a:hover {
    color: #cc2626;
    background-repeat: no-repeat;
}

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

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

.tips18 span {
    color: #8b0e05
}

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

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

.kv-top-num {
    position: absolute;
    top: 790px;
    right: 50%;
    margin-right: -500px;
    z-index: 3
}

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

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

.start-game-box {
    width: 308px;
    height: 252px;
    position: absolute;
    top: 400px;
    left: 0;
    z-index: 3;
    overflow: hidden
}

.start-game-box .start {
    width: 308px;
    height: 84px;
    display: block;
    background-repeat: no-repeat;
}

.start-game-box .start span,.start-game-box .start span:after {
    display: block;
    width: 168px;
    height: 84px;
    margin: 0 auto;
    background: url(images/xiao_c6bb552.png) no-repeat center;
    content: "";
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -84px
}

.start-game-box .start:hover {
    background-repeat: no-repeat;
}

.start-game-box .start:hover span {
    -moz-animation: linear icoBig 1.6s infinite;
    animation: linear icoBig 1.6s infinite;
    -webkit-animation: linear icoBig 1.6s infinite
}

.start-game-box .start:hover span:after {
    opacity: .6;
    -moz-animation: linear icoBig2 1.6s infinite;
    animation: linear icoBig2 1.6s infinite;
    -webkit-animation: linear icoBig2 1.6s infinite
}

@-webkit-keyframes icoBig {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    30% {
        -webkit-transform: scale(0.93);
        transform: scale(0.93)
    }

    45% {
        -webkit-transform: scale(1.04);
        transform: scale(1.04)
    }

    60% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes icoBig {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        transform: scale(1.05)
    }

    30% {
        -webkit-transform: scale(0.93);
        -moz-transform: scale(0.93);
        transform: scale(0.93)
    }

    45% {
        -webkit-transform: scale(1.04);
        -moz-transform: scale(1.04);
        transform: scale(1.04)
    }

    60% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes icoBig2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes icoBig2 {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.side-btns {
    background: url(images/btn.png?__sprite) no-repeat
}

.side-btns:hover {
    background: url(images/btn-h.png?__sprite) no-repeat
}

.side-btns a {
    float: left;
    display: block;
    width: 144px;
    height: 46px;
    line-height: 46px
}

.side-btns span {
    font-size: 16px
}

.mark {
    display: block;
    float: left;
    width: 22px;
    height: 22px;
    margin: 12px 7px 0 49px;
    _display: inline;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.m1 {
    background: url(images/c-icon.png?__sprite)
}

.m2 {
    background: url(images/r-icon.png?__sprite)
}

.side-btns a:hover .mark {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    transform: rotateY(360deg)
}

.login {
    height: 156px;
    background: url(images/l-bg.jpg)
}

.log {
    position: relative;
    height: auto!important
}

.log label {
    color: #a8a8a8
}

.log li {
    position: absolute
}

.log .text {
    width: 138px;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    font-family: "Microsoft Yahei";
    color: #08004f
}

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

.log .psw {
    left: 15px;
    top: 53px
}

.login-label {
    display: none
}

.log .remember {
    left: 15px;
    top: 90px;
    color: #fff
}

.log .psw-btn {
    left: 190px;
    top: 90px
}

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

.log-btn a {
    width: 89px;
    height: 66px;
    background: url(images/l-btn.png?__sprite) no-repeat;
    display: block;
    text-indent: -9999em
}

.log-btn a:hover {
    background: url(images/l-btn-h.png?__sprite) no-repeat
}

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

.loged li {
    line-height: 28px
}

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

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

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

.recom-server {
    height: 168px;
    overflow: hidden
}

.recom-server-con {
    width: 308px;
    height: 168px;
    position: relative
}

.b-bg-cover {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: #000;
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    -khtml-opacity: .75;
    opacity: .75
}

.s-fastin {
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 34px;
    border: 1px solid #344159
}

.select1,.select2 {
    display: inline-block;
    position: relative;
    *display: inline;
    *margin-right: 4px;
    *z-index: 2
}

.choice-tab {
    height: 78px;
    height: 28px;
    position: relative;
    z-index: 9;
    font-size: 14px;
    padding: 12px 0 0 7px
}

.option-dom {
    background: #FFF;
    font-size: 12px;
    overflow: hidden;
    width: 180px;
    border: 1px solid #A2A2A2;
    padding: 1px
}

.option-dom li {
    height: 16px;
    color: #000;
    cursor: pointer;
    float: left;
    line-height: 16px;
    width: 56px;
    _width: 55px;
    padding: 2px;
    text-align: center;
    overflow: hidden
}

.option-dom li.focus {
    background: #EA9200;
    color: #fff
}

.select-dom {
    width: 100px;
    height: 20px;
    display: inline-block;
    background: #FFF;
    color: #333;
    border: 1px solid #344159;
    vertical-align: middle;
    position: relative
}

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

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

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

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

.type-option-dom {
    width: 100px;
    background: #FFF
}

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

.option-bg-type {
    left: 1px;
    top: 21px
}

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

.sup-tab-btn:hover {
    color: #fff;
    background-color: #666
}

.select-type {
    z-index: 2;
    padding-left: 7px
}

#btnFast {
    width: 46px;
    height: 20px;
    display: inline-block;
    overflow: hidden;
    background-color: #4f4e57;
    color: #fff;
    text-align: center;
    line-height: 20px;
    vertical-align: middle
}

#btnFast:hover {
    background-color: #da3636
}

.choice-list {
    padding: 5px 0 10px 2px;
    height: 90px;
    overflow: hidden
}

.choice-list li {
    width: 130px;
    height: 30px;
    line-height: 30px;
    float: left;
    margin-right: 18px;
    padding-left: 5px
}

.choice-list li a {
    position: relative;
    float: left;
    display: block;
    width: 126px;
    font-size: 12px;
    color: #d8d8d8;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.choice-list li a:hover {
    color: #fff;
    margin-left: 2px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.choice-list li span {
    position: absolute;
    right: 0;
    bottom: 0
}

.choice-list li i {
    display: none;
    width: 10px;
    height: 12px;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.choice-list li .icon {
    position: absolute;
    display: none;
    width: 13px;
    height: 13px;
    right: -14px;
    top: 5px
}

.choice-list li:nth-child(1) .icon {
    display: inline-block;
    width: 13px;
    height: 13px;
    text-align: center;
    line-height: 13px;
    background: url(images/hot_f2cd0cf.png) no-repeat
}

.choice-list li:nth-child(2) .icon {
    display: inline-block;
    background: url(images/extras/new.png) no-repeat
}

.kv-and-article {
    width: 100%;
    height: 298px;
    overflow: hidden;
    position: absolute;
    top: 844px;
    left: 0;
    z-index: 2
}

.kv-and-article .kv-block {
    width: 499px;
    height: 298px;
    float: left
}

.kv-and-article .article-block {
    width: 501px;
    height: 298px;
    float: left
}

.kv-and-article .article-block .news-con {
    width: 421px;
    height: 258px;
    background: 0 0
}

.kv-and-article .article-block .news-con .more {
    width: 130px;
    height: 32px;
    line-height: 32px;
    display: block;
    position: absolute;
    left: 540px;
    bottom: 35px;
    background: #4e4d56;
    color: #dfdede;
    text-indent: 0;
    text-align: center;
    font-size: 14px
}

.kv-and-article .article-block .news-con .more .more-tag-right {
    width: 11px;
    height: 11px;
    line-height: 10px;
    *line-height: 11px;
    display: inline-block;
    border: 1px solid #dfdede;
    margin-left: 5px
}

.kv-and-article .article-block .news-con .more:hover {
    color: #dfdede;
    background: #b22929
}

.ziliao-box {
    width: 100%;
    height: 460px;
    position: absolute;
    top: 1143px;
    z-index: 2;
    overflow: hidden
}

.ziliao-box .z-tab {
    width: 100%;
    height: 232px;
    overflow: hidden;
    margin-top: 108px
}

.ziliao-box .z-tab a {
    width: 250px;
    height: 232px;
    display: block;
    float: left;
    position: relative;
    z-index: 1
}

.ziliao-box .z-tab a.tn1 {
    background: url(images/r1_ff5eb17.png) no-repeat center
}

.ziliao-box .z-tab a.tn2 {
    background: url(images/r2_b4ab92f.png) no-repeat center
}

.ziliao-box .z-tab a.tn3 {
    background: url(images/r3_5f2be04.png) no-repeat center
}

.ziliao-box .z-tab a.tn4 {
    background: url(images/r4_77a5b5d.png) no-repeat center
}

.ziliao-box .z-tab a span {
    width: 140px;
    height: 43px;
    line-height: 43px;
    display: block;
    padding-left: 44px;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    top: 160px;
    left: 33px;
    color: #222;
    z-index: 2
}

.ziliao-box .z-tab a span i {
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: block;
    position: absolute;
    top: 13px;
    left: 115px;
    background-repeat: no-repeat;
}

.ziliao-box .z-tab a span.grey-cover {
    background: #a1a1a1;
    filter: alpha(opacity=90);
    -moz-opacity: .9;
    -khtml-opacity: .9;
    opacity: .9;
    z-index: 1
}

.ziliao-box .z-tab a:hover span {
    color: #d7d7d7
}

.ziliao-box .z-tab a:hover span.grey-cover {
    background: #100f10
}

.ziliao-box .z-tab a:hover span i {
    background-repeat: no-repeat;
}

.ziliao-box .z-content {
    width: 100%;
    height: auto
}

.ziliao-box .z-content .cont-box {
    width: 244px;
    height: 402px;
    border: 3px solid #999;
    float: left;
    background: #101010;
    color: #a8a8a8;
    font-size: 14px;
    position: absolute;
    top: 45px;
    display: none;
    z-index: 3;
    -webkit-transition: 800ms ease all;
    -moz-transition: 800ms ease all;
    transition: 800ms ease all
}

.ziliao-box .z-content .cont-box.cb1 {
    left: 0
}

.ziliao-box .z-content .cont-box.cb2 {
    left: 250px
}

.ziliao-box .z-content .cont-box.cb3 {
    left: 500px
}

.ziliao-box .z-content .cont-box.cb3 a {
    width: 100%;
    height: 100%;
    display: block
}

.ziliao-box .z-content .cont-box.cb4 {
    left: 750px
}

.ziliao-box .z-content .cont-box.cb4 a {
    width: 100%;
    height: 100%;
    display: block
}

.ziliao-box .z-content .cont-box .short-img {
    width: 100%;
    height: 284px;
    margin: 0;
    position: absolute;
    top: -22px;
    left: 0;
    z-index: 10
}

.ziliao-box .z-content .cont-box .short-img.img1 {
    background: url(images/r1_1_ee7194a.png) no-repeat center bottom
}

.ziliao-box .z-content .cont-box .short-img.img2 {
    background: url(images/r2_1_e3d3ab1.png) no-repeat center bottom
}

.ziliao-box .z-content .cont-box .short-img.img3 {
    background: url(images/r3_1_3e9ad7c.png) no-repeat center bottom
}

.ziliao-box .z-content .cont-box .short-img.img4 {
    background: url(images/r4_1_4f4f1f7.png) no-repeat center bottom
}

.ziliao-box .z-content .cont-box .zl-title {
    width: 102px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 16px;
    color: #f2f2f2;
    background: #b2261c;
    position: absolute;
    top: 288px;
    left: 23px
}

.ziliao-box .z-content .cont-box ul {
    width: 220px;
    height: 70px;
    position: absolute;
    top: 325px;
    left: 23px
}

.ziliao-box .z-content .cont-box ul li {
    width: auto;
    max-width: 70px;
    min-width: 60px;
    height: 30px;
    line-height: 30px;
    float: left;
    color: #a8a8a8;
    font-size: 14px;
    margin-right: 12px;
    overflow: hidden;
    display: block
}

.ziliao-box .z-content .cont-box ul li.zl-last {
    width: 50px;
    margin-right: 0
}

.ziliao-box .z-content .cont-box ul li a {
    width: 100%;
    height: 30px;
    display: block
}

.ziliao-box .z-content .cont-box ul li a.more {
    height: 30px;
    line-height: 30px;
    margin-top: 0;
    text-indent: 0;
    text-align: right;
    background: 0 0;
    color: #626262
}

.ziliao-box .z-content .cont-box ul li a.more .more-cate {
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
    border: 1px solid #626262
}

.ziliao-box .z-content .cont-box ul li a:hover {
    color: #fff
}

.ziliao-box .z-content .cont-box ul li a:hover .more-cate {
    border-color: #fff
}

.ziliao-box .z-content .cont-box .cb-top {
    left: -3px;
    top: 0;
    border-top: 3px solid #7c1008;
    margin-top: -3px
}

.ziliao-box .z-content .cont-box:hover span.cb-top {
    width: 247px
}

.ziliao-box .z-content .cont-box .cb-right {
    right: 0;
    top: -3px;
    border-right: 3px solid #7c1008;
    margin-right: -3px
}

.ziliao-box .z-content .cont-box:hover span.cb-right {
    height: 406px
}

.ziliao-box .z-content .cont-box .cb-bottom {
    right: -3px;
    bottom: 0;
    border-bottom: 3px solid #7c1008;
    margin-bottom: -3px
}

.ziliao-box .z-content .cont-box:hover span.cb-bottom {
    width: 247px
}

.ziliao-box .z-content .cont-box .cb-left {
    left: 0;
    bottom: -3px;
    border-left: 3px solid #7c1008;
    margin-left: -3px
}

.ziliao-box .z-content .cont-box:hover span.cb-left {
    height: 406px
}

.ziliao-box .z-content .cont-box .cb-animate {
    display: inline-block;
    position: absolute;
    content: none;
    width: 0;
    height: 0;
    z-index: 9;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.all-server {
    width: 18px;
    height: 18px;
    line-height: 16px;
    font-size: 18px;
    text-align: center;
    display: block;
    color: #898989;
    background-color: #131313;
    border: 1px solid #898989;
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 10
}

.all-server:hover {
    color: #fff;
    border-color: #fff
}

.ziliao {
    height: 403px;
    overflow: hidden
}

.ziliao-con {
    height: 300px;
    position: relative;
    padding-top: 18px;
    background: url(images/z-bg.jpg) center bottom no-repeat
}

.zl-tab {
    position: relative;
    height: 51px;
    left: 22px;
    margin-bottom: 11px;
    z-index: 2
}

.zl-tab li {
    position: absolute;
    z-index: 2
}

.zl-tab a {
    width: 50px;
    height: 50px;
    background: url(images/yuan.png) no-repeat;
    display: block;
    float: left;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    font-weight: 700;
    -webkit-transition: 1.5s;
    -moz-transition: 1.5s;
    transition: 1.5s
}

.zl-tab a:hover,.zl-on a {
    background: url(images/yuan-h.png) no-repeat;
    color: #ffd97f;
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg)
}

#zl-li2 {
    left: 96px
}

#zl-li3 {
    left: 192px
}

.zl-con {
    height: 216px;
    overflow: hidden
}

.zl-con li {
    display: none;
    z-index: 2
}

.zl-con a {
    width: 74px;
    height: 36px;
    line-height: 36px;
    padding-left: 18px;
    float: left
}

.zl-con i {
    display: inline-block;
    width: 5px;
    height: 5px;
    vertical-align: middle;
    background: url(images/z-icon.png?__sprite) no-repeat;
    padding-left: 5px
}

.zl-con a:hover {
    color: #d0b776
}

.media-wrap2 {
    width: 150px;
    height: 50px;
    padding: 10px 28px 10px 29px;
    background: #3D342D;
    margin-left: -2888px
}

.qrCode {
    height: 117px;
    font-weight: 700;
    line-height: 22px;
    background: url(images/bottom-bg.jpg) 0 -95px no-repeat
}

.qr {
    background: url(images/code.png) 36px 16px no-repeat;
    padding: 26px 0 0 150px;
    height: 117px
}

.qr em {
    color: #d8be7c
}

.kv {
    position: relative;
    overflow: hidden;
    float: left;
    width: 499px;
    height: 298px
}

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

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

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

.huodong {
    position: relative;
    float: left;
    width: 294px;
    overflow: hidden;
    background: url(images/right-bg.jpg)
}

.huodong a {
    position: relative;
    display: block;
    height: 165px;
    text-align: center;
    color: #ffd97f;
    font-size: 18px
}

.huodong i {
    position: absolute;
    top: 46px;
    left: 37px;
    display: block;
    width: 76px;
    height: 76px;
    text-indent: -9999px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.huodong em {
    position: absolute;
    left: 125px;
    top: 49px;
    font-size: 30px
}

.huodong span {
    position: absolute;
    left: 125px;
    top: 95px;
    color: #657783;
    font-size: 12px
}

.news-con {
    height: 318px;
    background: url(images/n-bg.jpg);
    width: auto;
    padding: 40px;
    padding-bottom: 0
}

.more {
    float: right;
    display: block;
    width: 16px;
    height: 16px;
    margin: 12px 0 0;
    background: url(images/more.png?__sprite) no-repeat;
    text-indent: -9999em
}

.more:hover {
    background: url(images/more-h.png?__sprite)
}

.news-tab {
    line-height: 32px;
    margin-bottom: 18px
}

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

.news-tab li a {
    display: block;
    width: 74px;
    text-align: center;
    height: 26px;
    line-height: 26px;
    *line-height: 24px;
    font-size: 16px;
    color: #a8a8a8;
    margin: 1px
}

.news-tab li.current a,.news-tab li a:hover {
    background-color: #040404;
    border: 1px solid gray;
    margin: 0
}

.line {
    display: block;
    position: absolute;
    bottom: -2px;
    z-index: 3;
    width: 0;
    height: 4px;
    background-color: #ffd97f;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    _display: none
}

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

.headline {
    height: 73px;
    overflow: hidden;
    position: relative;
    padding-left: 10px;
    display: none
}

.headline-title {
    color: #62a6ff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    font-weight: 700;
    font-size: 20px;
    height: 48px;
    line-height: 48px;
    text-align: center
}

.headline-title:hover {
    color: #45c8ff
}

.headline i {
    display: inline-block;
    width: 7px;
    height: 7px;
    background: url(images/extras/new.png) no-repeat;
    padding: 10px 0 0 6px
}

.headline-sum {
    font-size: 12px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 12px
}

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

.news-list ul {
    display: none
}

.news-list li {
    line-height: 30px;
    overflow: hidden;
    height: 30px;
    color: #7c7d7f
}

.news-list li:hover .time {
    color: #999
}

.news-list li:hover .n-type,.news-list li:hover .a-link {
    color: #f13f3f
}

.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;
    display: inline-block;
    vertical-align: middle
}

.news-list .a-link {
    width: 330px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle
}

.time {
    float: right
}

.huodong2 {
    width: 292px;
    float: left;
    overflow: hidden;
    height: 318px;
    margin-top: 85px;
    background: url(images/hd-bg.jpg)
}

.huodong2-i {
    position: relative;
    width: 146px;
    height: 159px;
    display: block;
    line-height: 236px;
    color: #ffd97f;
    font-size: 18px;
    float: left;
    text-align: center;
    overflow: hidden
}

.huodong2-i:hover {
    background: url(images/hd-bg-h.jpg)
}

.huodong2-0 span {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 27px solid #3380e4;
    border-right: 27px solid transparent
}

.huodong2-0 em {
    position: absolute;
    top: -109px;
    left: 1px;
    z-index: 2;
    font-size: 12px
}

.huodong2-i i {
    display: block;
    position: absolute;
    top: 22px;
    left: 43px;
    width: 66px;
    height: 76px
}

.huodong2-0 i {
    background: url(images/d-icon.png?__sprite) no-repeat
}

.huodong2-1 i {
    background: url(images/v-icon.png?__sprite)
}

.huodong2-2 i {
    background: url(images/f-icon.png?__sprite)
}

.huodong2-3 i {
    background: url(images/p-icon.png?__sprite)
}

.huodong2-i i,.huodong-1 i,.huodong-2 i {
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    transition: all 1s ease-out
}

.huodong2-i:hover i,.huodong-1:hover i,.huodong-2:hover i {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    transform: rotateY(360deg)
}

.huodong2-0:hover {
    background-position: 0 0
}

.huodong2-1:hover {
    background-position: -146px 0
}

.huodong2-2:hover {
    background-position: 0 -159px
}

.huodong2-3:hover {
    background-position: -146px -159px
}

.huodong2-0:hover em {
    color: #fff
}

.role {
    position: absolute;
    top: 1555px;
    left: 0;
    width: 100%;
    height: 800px;
    overflow: hidden;
    float: left;
    _display: inline
}

.role .role-con {
    height: 800px;
    position: relative
}

.role .role-con .role-nav {
    width: 321px;
    height: 216px;
    position: absolute;
    right: 0;
    top: 135px;
    z-index: 10;
    float: right
}

.role .role-con .role-nav ul {
    height: 216px
}

.role .role-con .role-nav ul li {
    width: 107px;
    height: 108px;
    font-size: 18px;
    text-align: center;
    position: absolute
}

.role .role-con .role-nav ul li a {
    width: 100%;
    height: 100%;
    display: block;
    text-indent: -9999px
}

.role .role-con .role-nav ul li.rt1 {
    top: 0;
    left: 0
}

.role .role-con .role-nav ul li.rt1 a {
    background: url(images/nav_qs_1f4a548.png) no-repeat center;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.role .role-con .role-nav ul li.rt1 a:hover {
    background-image: url(images/nav_qs_h_c96ded9.png);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.role .role-con .role-nav ul li.rt1.cur a {
    background-image: url(images/nav_qs_h_c96ded9.png);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.role .role-con .role-nav ul li.rt2 {
    top: 108px;
    left: 107px
}

.role .role-con .role-nav ul li.rt2 a {
    background: url(images/nav_fs_ac1e390.png) no-repeat center;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.role .role-con .role-nav ul li.rt2 a:hover {
    background-image: url(images/nav_fs_h_9c9be88.png);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.role .role-con .role-nav ul li.rt2.cur a {
    background-image: url(images/nav_fs_h_9c9be88.png);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.role .role-con .role-nav ul li.rt3 {
    top: 0;
    left: 214px
}

.role .role-con .role-nav ul li.rt3 a {
    background: url(images/nav_gj_58ff990.png) no-repeat center;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.role .role-con .role-nav ul li.rt3 a:hover {
    background-image: url(images/nav_gj_h_611f8df.png);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.role .role-con .role-nav ul li.rt3.cur a {
    background-image: url(images/nav_gj_h_611f8df.png);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.role .role-con .role-detail {
    position: relative;
    display: none
}

.role .role-con .role-detail .r-desc {
    position: absolute;
    z-index: 2;
    top: 110px;
    left: -300px;
    width: 340px;
    height: 238px;
    line-height: 24px;
    color: #e0e0e0;
    font-size: 14px
}

.role .role-con .role-detail .r-desc .r-title {
    width: 100%;
    height: 106px;
    line-height: 106px;
    margin-bottom: 124px
}

.role .role-con .role-detail .r-desc .difficulty {
    width: 100%;
    height: auto;
    margin-left: 80px
}

.role .role-con .role-detail .r-desc .difficulty span {
    width: 100%;
    height: 24px;
    line-height: 24px;
    display: block;
    float: left
}

.role .role-con .role-detail .r-desc em {
    font-size: 14px;
    font-weight: 700;
    display: block;
    float: left
}

.role .role-con .role-detail .r-desc .reco-stars {
    width: 100%;
    height: 24px;
    line-height: 24px;
    float: left;
    margin-top: 62px;
    margin-left: 80px
}

.role .role-con .role-detail .r-desc .reco-stars .star {
    width: 23px;
    height: 15px;
    line-height: 15px;
    display: block;
    float: left;
    position: relative;
    top: 5px;
    background-repeat: no-repeat;
}

.role .role-con .role-detail .r-desc .readmore {
    position: absolute;
    top: 400px;
    left: 80px;
    width: 140px;
    height: 40px;
    line-height: 40px;
    padding-left: 40px;
    text-align: left;
    color: #e1e1e1;
    font-size: 18px;
    border: 1px solid #e1e1e1;
    display: block;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.role .role-con .role-detail .r-desc .readmore i {
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: block;
    position: absolute;
    top: 12px;
    left: 116px;
    background-repeat: no-repeat;
}

.role .role-con .role-detail .r-desc .readmore:hover {
    background-color: #000;
    border-color: #000;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.role .role-con .role-detail.rd1 .r-desc .r-title {
    background-repeat: no-repeat;
}

.role .role-con .role-detail.rd2 .r-desc .r-title {
    background-repeat: no-repeat;
}

.role .role-con .role-detail.rd3 .r-desc .r-title {
    background-repeat: no-repeat;
}

.role .role-con .role-detail.curElem .r-desc {
    left: 0
}

.role .role-con .role-detail.curElem .r-per {
    right: 340px
}

.role .role-con .role-detail .r-per {
    position: absolute;
    top: 76px;
    right: -300px;
    width: 343px;
    height: 686px
}

.role .role-con .role-detail .img-loading {
    background: url(http://img1.37wanimg.com/www/css/images/common/loading-16x16.gif) no-repeat center center
}

.kf-and-media {
    width: 100%;
    height: 168px;
    position: absolute;
    top: 2350px;
    left: 0;
    overflow: hidden
}

.kf-and-media .k-bg-cover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #323134;
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8;
    z-index: 0
}

.kf-and-media .kf-box {
    width: 333px;
    height: 168px;
    overflow: hidden;
    float: left;
    position: relative;
    top: 10px;
    z-index: 2
}

.kf-and-media .kf-box p {
    float: left;
    margin: 0
}

.kf-and-media .kf-box p.kf-title {
    width: auto;
    height: 30px;
    line-height: 30px;
    padding-left: 35px;
    font-size: 20px;
    color: #f5f5f5;
    font-weight: 700;
    margin-left: 30px;
    background-repeat: no-repeat;
}

.kf-and-media .kf-box p.kf-title span {
    font-size: 12px;
    color: #8a8989;
    font-weight: 400;
    padding-left: 5px
}

.kf-and-media .kf-box p.kf-txt {
    width: 200px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    margin-top: 2px;
    margin-left: 30px
}

.kf-and-media .kf-box p.kf-txt span {
    width: 62px;
    height: 22px;
    display: block;
    line-height: 22px;
    float: left
}

.kf-and-media .kf-box p.kf-txt .kf-link {
    width: 94px;
    height: 18px;
    line-height: 18px;
    margin-top: 2px;
    background: #8b0e05;
    color: #fff;
    text-align: center;
    display: block;
    float: left;
    border: 1px solid #9c1006
}

.kf-and-media .kf-box p.kf-txt .kf-link:hover {
    background-color: #da3636;
    border-color: #da3636
}

.kf-and-media .kf-box p.qr-code {
    position: absolute;
    top: 40px;
    left: 220px
}

.kf-and-media .video-box {
    width: 335px;
    height: 168px;
    float: left;
    position: relative;
    z-index: 2;
    background: #000
}

.kf-and-media .video-box a {
    width: 100%;
    height: 100%;
    display: block;
    float: left;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    background-repeat: no-repeat;
}

.kf-and-media .video-box a:hover {
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    -khtml-opacity: .6;
    opacity: .6;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.kf-and-media .media-box {
    width: 332px;
    height: 168px;
    float: left;
    position: relative;
    z-index: 2;
    top: 10px
}

.kf-and-media .media-box .media {
    height: 168px
}

.kf-and-media .media-box .media h3 {
    width: auto;
    height: 30px;
    line-height: 30px;
    padding-left: 35px;
    font-size: 12px;
    color: #8a8989;
    margin-left: 30px;
    font-weight: 400;
    background-repeat: no-repeat;
}

.kf-and-media .media-box .media h3 em {
    font-weight: 700;
    font-size: 20px;
    color: #f5f5f5;
    margin-right: 5px
}

.kf-and-media .media-box .media .media-wrap {
    overflow: hidden;
    height: 67px;
    padding: 22px 0 0 21px;
    width: 290px
}

.kf-and-media .media-box .media .media-wrap .media-scroll ul li {
    height: 67px;
    margin-right: 2px
}

.links-box {
    width: 100%;
    height: 57px;
    position: absolute;
    top: 2554px;
    left: 0
}

.links-box .link-title {
    width: 140px;
    height: 57px;
    line-height: 57px;
    font-size: 20px;
    font-weight: 700;
    color: #f5f5f5;
    margin-left: 30px;
    padding-left: 33px;
    float: left;
    position: relative;
    z-index: 2
}

.links-box .link-title i {
    width: 32px;
    height: 22px;
    display: block;
    float: left;
    position: absolute;
    left: 0;
    top: 18px;
    background-repeat: no-repeat;
}

.links-box .link-title span {
    font-size: 12px;
    color: #8a8989;
    font-weight: 400;
    margin-left: 5px
}

.links-box .links {
    width: 795px;
    height: 57px;
    line-height: 57px;
    float: left;
    background: 0 0;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.links-box .links .links-con {
    width: 100%;
    height: 100%
}

.links-box .links .links-con a {
    width: auto;
    height: 57px;
    line-height: 57px;
    display: block;
    float: left;
    margin-left: 20px;
    padding: 0 5px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.links-box .links .links-con a:hover {
    color: #f13f3f;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    background: #000
}

.links-box .l-bg-cover {
    width: 100%;
    height: 100%;
    background: #2a2a2c;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8
}

.service {
    position: relative;
    line-height: 34px;
    width: 618px;
    float: left
}

.service-con {
    height: 81px;
    background: url(images/bottom-bg.jpg) -288px 0;
    padding-top: 14px
}

.service-con li {
    width: 202px;
    float: left;
    padding-left: 20px
}

.service-con .service-3 {
    width: 136px
}

.service-btn {
    width: 68px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    background: #2f6bb9;
    color: #fff;
    text-align: center;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.service-btn:hover {
    background: #4991f0
}

.jietu {
    float: left;
    width: 292px
}

.jietu .more {
    margin-top: 51px
}

.jietu_wrap {
    height: 212px;
    background: url(images/bottom-bg.jpg) -906px 0
}

.jietu .jietu_pic {
    width: auto;
    height: 192px;
    padding-top: 20px;
    margin-left: 12px;
    overflow: hidden
}

.c-main {
    float: left
}

.article strong {
    font-weight: 700
}

.article {
    width: 650px;
    height: auto;
    min-height: 842px;
    overflow: hidden;
    position: relative;
    top: 18px
}

.article .article-bg-cover {
    width: 100%;
    height: 100%;
    display: block;
    background: #323134;
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.article .article-top {
    width: 600px;
    position: relative;
    top: 20px;
    left: 25px;
    height: 32px;
    line-height: 32px;
    border-bottom: 1px solid #434144;
    z-index: 2
}

.article .article-top span {
    width: auto;
    height: 32px;
    text-align: center;
    padding: 0 22px;
    font-size: 18px;
    display: block;
    color: #fff;
    background: #aa8747;
    position: absolute;
    top: 0;
    left: 0
}

.article .article-top .bread-nav {
    width: auto;
    height: 32px;
    line-height: 32px;
    text-align: right;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    color: #fff
}

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

.article-main {
    height: auto;
    min-height: 725px;
    margin: 42px 30px;
    _height: 766px;
    position: relative;
    z-index: 3
}

.article-list {
    margin: 0 auto
}

.article-list li {
    height: 48px;
    line-height: 48px;
    border-bottom: 1px dashed #383839;
    overflow: hidden;
    color: #fff
}

.article-list li .time {
    color: #999
}

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

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

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

.article-title h1 {
    font-size: 30px;
    color: #b2261c;
    font-weight: 700
}

.article-detail {
    border-bottom: 1px dashed #3c3c3c;
    text-align: center;
    padding: 15px 0 10px;
    font-size: 12px;
    color: #808081
}

.article-content {
    padding: 18px 0
}

.article-content a {
    color: silver
}

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

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

.article-relation dt {
    border-bottom: 1px solid #5E5D5C;
    margin: 0 0 12px;
    color: #c4c4c4
}

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

.article-relation dd a:hover {
    color: #ffc34b
}

.article-relation dd span {
    float: right
}

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

.pageNum a,.pageNum .current {
    height: 24px;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    margin: 2px;
    color: #af863f;
    padding: 2px 10px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #af863f
}

.pageNum a:hover {
    background: #b89447;
    border-color: #b89447;
    color: #fff
}

.pageNum .current {
    background: #b89447;
    color: #fff;
    border-color: #b89447
}

.inner-side {
    width: 334px;
    height: 842px;
    float: right;
    position: relative;
    top: 18px;
    right: 0;
    z-index: 3
}

.inner-side .kf-box {
    width: 333px;
    height: 180px;
    overflow: hidden;
    float: left;
    position: relative;
    top: 0;
    left: 0;
    z-index: 2
}

.inner-side .kf-box .kf-bg-cover {
    width: 100%;
    height: 100%;
    display: block;
    background: #323134;
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.inner-side .kf-box .kf-layer {
    width: 100%;
    height: 100%;
    position: relative;
    top: 20px;
    left: 0;
    z-index: 3
}

.inner-side .kf-box .kf-layer p {
    float: left;
    margin: 0
}

.inner-side .kf-box .kf-layer p.kf-title {
    width: auto;
    height: 30px;
    line-height: 30px;
    padding-left: 35px;
    font-size: 20px;
    color: #f5f5f5;
    font-weight: 700;
    margin-left: 30px;
    background-repeat: no-repeat;
}

.inner-side .kf-box .kf-layer p.kf-title span {
    font-size: 12px;
    color: #8a8989;
    font-weight: 400;
    padding-left: 5px
}

.inner-side .kf-box .kf-layer p.kf-txt {
    width: 200px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    margin-top: 2px;
    margin-left: 30px
}

.inner-side .kf-box .kf-layer p.kf-txt span {
    width: 62px;
    height: 22px;
    display: block;
    line-height: 22px;
    float: left
}

.inner-side .kf-box .kf-layer p.kf-txt .kf-link {
    width: 94px;
    height: 18px;
    line-height: 18px;
    margin-top: 2px;
    background: #8b0e05;
    color: #fff;
    text-align: center;
    display: block;
    float: left;
    border: 1px solid #9c1006
}

.inner-side .kf-box .kf-layer p.kf-txt .kf-link:hover {
    background-color: #da3636;
    border-color: #da3636
}

.inner-side .kf-box .kf-layer p.qr-code {
    position: absolute;
    top: 40px;
    left: 220px
}

.inner-side .ziliao-box {
    width: 100%;
    height: 474px;
    float: left;
    position: relative;
    top: 10px;
    z-index: 2
}

.inner-side .ziliao-box .z-tab {
    width: 100%;
    height: 474px;
    overflow: hidden;
    margin-top: 0
}

.inner-side .ziliao-box .z-tab a {
    width: 100%;
    height: 232px;
    display: block;
    float: left;
    position: relative;
    z-index: 1
}

.inner-side .ziliao-box .z-tab a.tn1 {
    background: url(images/inner_r1_a0a85c7.png) no-repeat center
}

.inner-side .ziliao-box .z-tab a.tn2 {
    margin-top: 10px;
    background: url(images/inner_r2_65ef9a9.png) no-repeat center
}

.inner-side .ziliao-box .z-tab a span {
    width: 140px;
    height: 43px;
    line-height: 43px;
    display: block;
    padding-left: 44px;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    top: 160px;
    left: 33px;
    color: #222;
    z-index: 3
}

.inner-side .ziliao-box .z-tab a span i {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 13px;
    left: 115px;
    display: block;
    background-repeat: no-repeat;
}

.inner-side .ziliao-box .z-tab a span.grey-cover {
    background: #a1a1a1;
    filter: alpha(opacity=90);
    -moz-opacity: .9;
    -khtml-opacity: .9;
    opacity: .9;
    z-index: 1
}

.inner-side .ziliao-box .z-tab a:hover span {
    color: #d7d7d7;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.inner-side .ziliao-box .z-tab a:hover span.grey-cover {
    background: #100f10
}

.inner-side .ziliao-box .z-tab a:hover span i {
    background-repeat: no-repeat;
}

.inner-side .video-box {
    width: 334px;
    height: 168px;
    float: left;
    position: relative;
    top: 20px;
    z-index: 2;
    background: #000
}

.inner-side .video-box a {
    width: 100%;
    height: 100%;
    display: block;
    float: left;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    background-repeat: no-repeat;
}

.inner-side .video-box a:hover {
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    -khtml-opacity: .6;
    opacity: .6;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.card-content a {
    color: #FFF
}

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

.a-service {
    height: 357px;
    overflow: hidden
}

.a-service-con {
    height: 267px;
    padding-top: 5px;
    background: url(images/c-bg_01969f0.jpg)
}

.a-service-con li {
    padding: 9px 0 0 32px
}

.a-service .c-qrCode {
    position: absolute;
    bottom: 23px;
    left: 32px;
    width: 221px;
    height: 87px;
    font-weight: 700;
    line-height: 22px;
    background: url(images/code.png) no-repeat
}

.a-service .c-qr {
    padding: 13px 0 0 117px
}

.s-body a {
    color: #fff
}

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

.s-content {
    position: relative;
    top: 109px;
    left: 332px;
    width: 666px
}

.s-logo {
    position: absolute;
    left: 100px;
    top: 0;
    text-indent: -9999em
}

.s-nav {
    position: absolute;
    top: 28px;
    left: 310px;
    width: 705px;
    height: 45px
}

/*.s-nav a {*/
    /*float: left;*/
    /*width: 160px;*/
    /*margin-right: 16px;*/
    /*height: 45px;*/
    /*line-height: 45px;*/
    /*text-indent: -9999em*/
/*}*/

/*.s-nav a:hover {*/
    /*background: url(images/nav-h_30fb090.png) 0 0 no-repeat*/
/*}*/
.s-nav div{
    height: 78px;
    width: 168px;
    float: left;
    position: absolute;
    left: -9px;
    background-size: 966px 409px;
    background-image: url(/Public/Media/images/xmry_main_1_z_235c757.png);
    background-position: -411px -95px;
}
.s-nav div:hover {
    background-position: -411px 0px;
}
.s-nav span{
    font-size: 28px;
    line-height: 73px;
    margin-left: 27px;
    color: white;
    font-weight: 600;
}



#s-nav2 {
    left: 171px;
}

#s-nav3 {
    left: 350px;
}

#s-nav4 {
    left: 529px;
}

.s-loginframe {
    position: absolute;
    top: 172px;
    left: 311px;
    width: 686px;
    height: 89px
}

.s-loginframe li.s-remember,.s-loginframe li.s-psw-btn,.s-loginframe li.s-reg-btn {
    height: 14px;
    line-height: 14px;
    color: #c7b3b3;
    padding-right: 9px;
    border-right: 1px solid #c7b3b3
}

.s-loginframe li.s-remember a,.s-loginframe li.s-psw-btn a,.s-loginframe li.s-reg-btn a {
    color: #c7b3b3
}

.s-loginframe li.s-reg-btn {
    border: 0
}

.s-text {
    width: 182px;
    height: 30px;
    padding: 0 6px 0 30px;
    font-family: "Microsoft Yahei";
    line-height: 30px;
    color: #35211f;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.s-body .log {
    color: #fff
}

.s-remember label {
    color: #c7b3b3
}

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

.s-user #username {
    background: #fff url(images/user_d4674f8.png) 9px 7px no-repeat
}

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

.s-psw #password {
    background: #fff url(images/lock_edd89b1.png) 9px 7px no-repeat
}

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

.s-log-btn a {
    display: block;
    width: 190px;
    height: 53px;
    text-indent: -9999em;
    background-repeat: no-repeat;
}

.s-log-btn a:hover {
    background-repeat: no-repeat;
}

.s-remember {
    top: 60px;
    left: 13px
}

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

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

.s-loged {
    width: 616px;
    color: #EAEAEE;;
    padding: 8px 0 0 21px
}

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

.s-loged .s-loged-highlight {
    color: #ff0
}

.s-name {
    color: #eaeaea;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px
}

.s-server-list .s-name {
    position: absolute;
    font-weight: 700;
    top: 5px
}

.rec-server {
    height: 48px
}

.s-server-list {
    position: relative
}

.s-server-list li {
    float: left;
    margin: 0 15px 10px 0;
    text-align: center
}

.s-server-list li a {
    display: block;
    width: 204px;
    height: 37px;
    line-height: 37px;
    color: #fff;
    font-size: 14px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.s-server-list li a:hover {
    background-repeat: no-repeat;
}

.s-content .rec-server li a {
    background-repeat: no-repeat;
}

.s-content .rec-server li a:hover {
    background-repeat: no-repeat;
}

.s-server-list span {
    color: #fff100
}

.s-body .type-choose {
    height: 32px;
    color: #fff;
    position: relative;
    font-size: 14px;
    margin-bottom: 14px;
    z-index: 1
}

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

#selFastType {
    margin-right: 10px
}

.s-body .select-con {
    color: #000;
    height: 27px;
    line-height: 27px;
    width: 101px
}

.s-body .select-btn {
    top: 11px;
    right: 8px
}

.s-body .s-fastin {
    height: 27px;
    line-height: 27px;
    border: 0
}

.s-body #select-dom-xz {
    width: 75px
}

.s-body #select-dom-xz .select-con {
    width: 75px
}

.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: 99px;
    padding: 1px;
    font-size: 12px;
    border: 0;
    z-index: 1
}

.s-body .type-option-dom li {
    width: 97px;
    padding: 2px;
    line-height: 22px;
    height: 22px
}

.s-body .type-option-dom li:hover {
    background: #EA9200;
    color: #fff
}

#all-xz-server {
    overflow-y: auto;
    overflow-x: hidden;
    height: 464px;
    width: 675px
}

.s-body #btnFast {
    position: absolute;
    width: 71px;
    height: 27px;
    line-height: 27px;
    background: url(images/s-go_890f1fa.png);
    margin-left: 10px
}

.s-body #btnFast:hover {
    background: url(images/s-go-h_dc23d23.png)
}

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

#nameList {
    *padding-bottom: 8px
}

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

.sp-pager li.hover,#nameList a.hover {
    background: #3b8dc0
}

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

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

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

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

.swiper-container {
    width: 500px;
    height: 500px
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #000
}

.swiper-slide img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
    left: 50%;
    top: 50%
}

.login-box-btn {
    position: fixed;
    z-index: 99;
    top: 110px;
    right: -400px;
    width: 150px;
    height: 229px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+150));
    cursor: pointer;
    text-indent: -99999px
}

.login-box-btn .lb-top {
    width: 102px;
    height: 77px;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding-top: 25px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 26px;
    z-index: 3;
    background-repeat: no-repeat;
}

.login-box-btn .lb-top:hover {
    color: #ffe8c9;
    background-repeat: no-repeat;
}

.login-box-btn .wd-download {
    width: 150px;
    height: 115px;
    display: block;
    float: left;
    padding-top: 75px;
    position: absolute;
    top: 48px;
    left: 0;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    z-index: 2;
    background: url(images/right_dl_bg_f65130e.png) no-repeat center top
}

.login-box-btn .wd-download span {
    width: 100%;
    height: 20px;
    line-height: 20px;
    display: block;
    color: #000;
    font-size: 12px;
    font-weight: 400
}

.login-box-btn .wd-download:hover {
    color: #ffe8c9;
    background-image: url(images/right_dl_bg_h_708927a.png)
}

.login-box {
    position: fixed;
    z-index: 100;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+150));
    top: 150px;
    right: 0
}

.login-box .login-panel {
    width: 235px;
    height: auto;
    border: 4px solid #ac3d3d;
    background: #000;
    float: left;
    padding-bottom: 12px
}

.login-box .login-panel .close-login-box-btn {
    position: absolute;
    top: 0;
    right: 0;
    background: #b72a2a;
    width: 19px;
    height: 21px;
    text-indent: -9999em;
    overflow: hidden
}

.login-box .login-panel .close-login-box-btn i {
    background: url(images/close_reg_bg_c35b164.png) no-repeat center;
    width: 20px;
    height: 20px;
    display: block;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.login-box .login-panel .close-login-box-btn:hover i {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.login-box .login-panel .login,.login-box .login-panel .loginframe,.login-box .login-panel .log,.login-box .login-panel .loged {
    width: 100%;
    height: auto
}

.login-box .login-panel .log {
    height: auto;
    overflow: hidden;
    padding-top: 5px;
    position: relative!important
}

.login-box .login-panel .log li {
    position: static
}

.login-box .login-panel .log li input {
    background: #b6b5b5
}

.login-box .login-panel .log li input.text {
    background: #b6b5b5;
    border-color: #b6b5b5;
    color: #262626
}

.login-box .login-panel .log li .main-font {
    color: #c8aa80;
    text-decoration: underline
}

.login-box .login-panel .log li .log-btn {
    background: #f23131;
    color: #fff;
    font-size: 18px;
    text-align: center
}

.login-box .login-panel .log li .log-btn:hover {
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8
}

.login-box .login-panel .log .side-top-btn-box {
    width: 100%;
    height: 40px;
    line-height: 40px;
    float: left;
    text-align: center;
    margin-top: 10px;
    font-size: 18px
}

.login-box .login-panel .log .side-top-btn-box a {
    width: 40px;
    height: 40px;
    padding-left: 30px;
    *padding-left: 24px;
    color: #ac3d3d;
    position: relative;
    float: left;
    display: block
}

.login-box .login-panel .log .side-top-btn-box a b {
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: block;
    position: absolute;
    left: 1px;
    top: 9px
}

.login-box .login-panel .log .side-top-btn-box a#btn-reg {
    left: 35px;
    *left: 10px
}

.login-box .login-panel .log .side-top-btn-box a#btn-reg b {
    background-repeat: no-repeat;
}

.login-box .login-panel .log .side-top-btn-box a#btn-pay {
    left: 70px;
    *left: 45px
}

.login-box .login-panel .log .side-top-btn-box a#btn-pay b {
    background-repeat: no-repeat;
}

.login-box .login-panel .log .side-top-btn-box a:hover {
    text-decoration: underline
}

.login-box .login-panel .log .side-top-btn-box i {
    width: 1px;
    height: 20px;
    line-height: 20px;
    display: block;
    position: absolute;
    left: 120px;
    top: 220px;
    *top: 224px;
    background-repeat: no-repeat;
}

.login-box .login-panel .wd-download-btn {
    width: 209px;
    height: 57px;
    display: block;
    float: left;
    margin-top: 12px;
    margin-left: 12px;
    background: url(images/wd-download-btn_5505e33.png) no-repeat center
}

.login-box .login-panel .loged {
    padding-top: 20px;
    height: auto;
    position: relative!important;
    float: left
}

.login-box .login-panel .loged .loged-panel {
    color: #c4c4c4;
    float: left
}

.login-box .login-panel .loged .loged-panel a {
    color: #ac3d3d
}

.login-box .login-panel .loged .loged-panel a.wd-download-btn {
    margin-left: -8px
}

.login-box .login-panel .log-btn-box {
    overflow: hidden;
    margin: 5px auto 10px;
    width: 180px
}

.login-box .login-panel .log-btn {
    display: block;
    overflow: hidden;
    cursor: pointer;
    width: 180px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-image: url(images/log-btn.png?__sprite);
    background-repeat: no-repeat
}

.login-box .login-panel .log-btn:hover {
    background-image: url(images/log-btn-h.png?__sprite)
}

.login-box .login-panel .table-box {
    width: 180px;
    margin: 0 auto;
    text-align: center
}

.login-box .login-panel .input-box .text {
    width: 165px;
    height: 28px;
    line-height: 28px;
    margin-top: 10px;
    background-color: #fff;
    border: 1px solid #ad7f3b;
    color: #000;
    padding: 0 5px
}

.login-box .login-panel .other-input-box {
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
    font-size: 12px;
    text-align: left;
    padding-left: 10px
}

.login-box .login-panel .other-input-box label {
    margin-right: 45px;
    *margin-right: 35px
}

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

.login-box .login-panel .sq-third-link {
    display: inline-block;
    *display: inline;
    font-size: 12px
}

.login-box .login-panel .sq-third-link .three-icon {
    margin: 0 2px
}

.login-box .login-panel .sq-third-link span {
    color: #a8a8a8
}

.login-box .login-panel .three-icon {
    background: url(http://img1.37wanimg.com/common/css/images/three.png) no-repeat;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    width: 28px;
    height: 28px;
    display: inline-block;
    text-indent: -9999em;
    vertical-align: middle;
    margin: 0 5px
}

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

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

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

.login-box .login-panel .loged,.login-box .login-panel .loged-panel {
    width: 100%;
    font-size: 14px
}

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

.login-box .login-panel .loged-top {
    display: none
}

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

.login-box .login-panel .loged-panel li {
    width: 90%;
    margin: 0 auto;
    line-height: 24px
}

.login-box .login-panel .loged-panel .loged-highlight,.login-box .login-panel .loged-panel a {
    color: #802100
}

.login-box .login-panel .loged-panel .loged-highlight:hover,.login-box .login-panel .loged-panel a:hover {
    color: #802100;
    text-decoration: none
}

.layout {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: .4;
    filter: alpha(opacity=40);
    z-index: 99
}

.video-alert {
    width: 960px;
    height: 640px;
    background: #505050;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -320px 0 0 -480px;
    z-index: 9999;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+300));
    border: 3px solid #505050;
    display: none
}

.video-alert .video-close {
    position: absolute;
    width: 44px;
    height: 44px;
    top: -3px;
    right: -44px;
    display: block;
    background: url(images/close_ed765bf.jpg) no-repeat
}

.video-alert .video-code {
    width: 654px;
    height: 368px
}

.ft-info {
    width: 100%;
    height: 200px;
    text-align: center;
    background: #000
}

.ft-info .ft-copyright {
    width: 1000px;
    height: 120px;
    text-align: center;
    color: #747474;
    background: #000;
    padding: 40px 0;
    font-size: 12px;
    font-family: 'Microsoft Yahei';
    overflow: hidden;
    margin: 0 auto
}

.ft-info .ft-copyright a {
    color: #747474;
    font-size: 12px
}

.ft-info .ft-copyright .ft-left {
    width: 200px;
    height: 120px;
    display: block;
    float: left;
    background: url(images/ft-logo_e79b79a.png) no-repeat right 30px
}

.ft-info .ft-copyright .ft-right {
    width: 800px;
    height: 150px;
    overflow: hidden;
    float: left
}

.ft-info .ft-copyright .ft-right p {
    width: 780px;
    padding-left: 20px;
    text-align: left
}

.ft-info .ft-copyright .ft-right p.about-link {
    height: 30px;
    line-height: 30px;
    margin-top: 20px
}

.ft-info .ft-copyright .ft-right p.about-link a {
    color: #a7a6a6;
    margin-right: 34px
}

.ft-info .ft-copyright .ft-right p.compeny-des {
    height: 24px;
    line-height: 24px
}

.ft-info .ft-copyright .ft-right p.compeny-des span.cd-1 {
    margin-right: 28px
}

.ft-info .ft-copyright .ft-right p.compeny-des span.ft-line {
    margin: 0 8px
}

.g-footer {
    display: none!important
}

.kf-and-media .video-box a {
    background-position: 0px 0px
}

.inner-side .video-box a {
    background-position: 0px 0px
}

.login-box-btn .lb-top {
    background-position: 0px -178px
}

.login-box-btn .lb-top:hover {
    background-position: -110px -178px
}

.start-game-box .start:hover {
    background-position: -345px 0px
}

.start-game-box .start {
    background-position: -345px -94px
}

.s-log-btn a:hover {
    background-position: -345px -188px
}

.s-log-btn a {
    background-position: 0px -288px
}

.s-server-list li a:hover {
    background-position: -200px -288px
}

.s-content .rec-server li a:hover {
    background-position: -200px -288px
}

.s-server-list li a {
    background-position: -416px -288px
}

.s-server-list li .server_span {
    display: block;
    width: 204px;
    height: 37px;
    background-color: #8f8f8f;
    line-height: 37px;
    color: #fff;
    font-size: 14px;
    overflow: hidden;
    border-radius: 4px;
}

.s-content .rec-server li a {
    background-position: -416px -288px
}

.nav-top ul li a:hover {
    background-position: 0px -351px
}

.nav-top ul li a {
    background-position: -133px -351px
}

.login-box .login-panel .log .side-top-btn-box a#btn-reg b {
    background-position: -545px -188px
}

.login-box .login-panel .log .side-top-btn-box a#btn-pay b {
    background-position: -579px -188px
}

.links-box .link-title i {
    background-position: -613px -188px
}

.login-box .login-panel .log .side-top-btn-box i {
    background-position: -647px -188px
}

.ziliao-box .z-tab a:hover span i {
    background-position: -545px -222px
}

.inner-side .ziliao-box .z-tab a:hover span i {
    background-position: -545px -222px
}

.ziliao-box .z-tab a span i {
    background-position: -572px -222px
}

.inner-side .ziliao-box .z-tab a span i {
    background-position: -572px -222px
}

.role .role-con .role-detail .r-desc .readmore i {
    background-position: -599px -222px
}

.role .role-con .role-detail .r-desc .reco-stars .star {
    background-position: -624px -222px
}

.choice-list li i {
    background-position: -345px -251px
}

.role .role-con .role-detail.rd1 .r-desc .r-title {
    background-position: -663px 0px
}

.role .role-con .role-detail.rd2 .r-desc .r-title {
    background-position: -663px -116px
}

.role .role-con .role-detail.rd3 .r-desc .r-title {
    background-position: -663px -232px
}

.kf-and-media .kf-box p.kf-title {
    background-position: -939px -344px
}

.inner-side .kf-box .kf-layer p.kf-title {
    background-position: -939px -344px
}

.kf-and-media .media-box .media h3 {
    background-position: -939px -381px
}

.kf-and-media .video-box a,.inner-side .video-box a,.login-box-btn .lb-top,.login-box-btn .lb-top:hover,.start-game-box .start:hover,.start-game-box .start,.s-log-btn a:hover,.s-log-btn a,.s-server-list li a:hover,.s-content .rec-server li a:hover,.s-server-list li a,.s-content .rec-server li a,.nav-top ul li a:hover,.nav-top ul li a,.login-box .login-panel .log .side-top-btn-box a#btn-reg b,.login-box .login-panel .log .side-top-btn-box a#btn-pay b,.links-box .link-title i,.login-box .login-panel .log .side-top-btn-box i,.ziliao-box .z-tab a:hover span i,.inner-side .ziliao-box .z-tab a:hover span i,.ziliao-box .z-tab a span i,.inner-side .ziliao-box .z-tab a span i,.role .role-con .role-detail .r-desc .readmore i,.role .role-con .role-detail .r-desc .reco-stars .star,.choice-list li i,.role .role-con .role-detail.rd1 .r-desc .r-title,.role .role-con .role-detail.rd2 .r-desc .r-title,.role .role-con .role-detail.rd3 .r-desc .r-title,.kf-and-media .kf-box p.kf-title,.inner-side .kf-box .kf-layer p.kf-title {
    background-size: 966px 409px;
    background-image: url(/Public/Media/images/xmry_main_1_z_235c757.png)
}

.kf-and-media .media-box .media h3 {
    background-size: 966px 409px;
    background-image: url(/Public/Media/images/xmry_main_1_z_235c757.png)
}

@media  screen and (-webkit-min-device-pixel-ratio:0) {
    #safari {
        display: block
    }

    .container {
        margin: 0 auto
    }
}

@media  all and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0) {
    head~body #opera {
        display: block
    }
}