.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(0);
-moz-transform: rotateY(0);
transform: rotateY(0)
}

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

.back,.flipper,.front {
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
}

.back,.front {
-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(0);
-moz-transform: rotateY(0);
transform: rotateY(0)
}

.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(0);
-moz-transform: rotateX(0);
transform: rotateX(0)
}

.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(.93);
transform: scale(.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(.93);
transform: scale(.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(.93);
-moz-transform: scale(.93);
transform: scale(.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
}
}

b,body,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,html,i,iframe,img,label,legend,li,p,pre,span,strong,table,tbody,td,tfoot,th,thead,tr,ul {
margin: 0;
padding: 0;
border: 0;
outline: 0
}

a,button,input {
padding: 0;
margin: 0;
outline: 0
}

li,ul {
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
}

.clear {
clear: both
}

body {
overflow-x: auto;
min-width: 1000px;
background: url(../image/wuyi2.webp) no-repeat;
background-position: center 42px
}

.c-body {
background: url(../image/c-bg-01969f0aad.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;
margin: auto;
background: url(../image/main-d89cff7bbe.jpg) no-repeat center top
}

.wrap.index-wrap {
height: 2700px
}

.footer {
background: #fff
}

.wrap.f-cf {
height: auto;
padding-bottom: 120px;
background-image: url(../image/c-main-9480685bca.jpg)
}

.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: 147px;
height: 137px;
display: block;
float: left;
background: url(../image/logo-wuyi2.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;
text-decoration: none;
color: #ededed;
background-repeat: no-repeat
}

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

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

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

.tips18 span {
color: #8b0e05
}

.kv-top {
position: absolute;
width: 489px;
height: 157px;
left: 50%;
z-index: 1;
margin: 175px 0 0 -390px
}

.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: grey;
cursor: pointer
}

.kv-top-num li.focus,.kv-top-num li:hover {
background: #8b0e05
}
/* 下载游戏端 s */
.start-game-box {
width: 308px;
height: 258px;
position: absolute;
top: 370px;
left: 0;
z-index: 3;
overflow: hidden;
background: rgba(22,22,22,.5)
}

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

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

.start-game-box .startios {
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(../image/downgame.png) no-repeat center;
content: "";
cursor: pointer;
position: absolute;
top: 0;
left: 50%;
margin-left: -82px;
}

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

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

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

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

.start-game-box .startios: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 .startapp: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 .startios: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
}

.start-game-box .startapp: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
}

.start-game-box .startios: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
}
/* 下载游戏端 s */
@-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% {
-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(.93);
-moz-transform: scale(.93);
transform: scale(.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(wuyi2.webp://image.wan.douyu.com/xmry/gw/css/images/btn.png?__sprite) no-repeat
}

.side-btns:hover {
background: url(http://image.wan.douyu.com/xmry/gw/css/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
}

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

.login {
width: 1000px;
height: auto;
position: absolute;
left: 0px;
top: 633px;
background: rgba(22,22,22,.5);
z-index: 4
}

.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() no-repeat;
display: block;
text-indent: -9999em
}

.log-btn a:hover {
background: url() no-repeat
}

.loged {
width: 80%;
margin: auto;
display: none;
overflow: hidden;
padding-top: 20px
}

.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: 28px;
position: relative;
z-index: 9;
font-size: 14px;
padding: 36px 0 0 10px
}

.choice-tab .quick-enter-input {
width: 70px
}

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

.start-game-box .quick-enter-click {
width: 76px;
height: 20px;
display: inline-block;
overflow: hidden;
background-color: #4f4e57;
color: #fff;
text-align: center;
line-height: 20px;
vertical-align: middle
}

.startapp-game-box .quick-enter-click {
width: 76px;
height: 20px;
display: inline-block;
overflow: hidden;
background-color: #4f4e57;
color: #fff;
text-align: center;
line-height: 20px;
vertical-align: middle
}

.startios-game-box .quick-enter-click {
width: 76px;
height: 20px;
display: inline-block;
overflow: hidden;
background-color: #4f4e57;
color: #fff;
text-align: center;
line-height: 20px;
vertical-align: middle
}

.start-game-box .quick-enter-click:hover {
background-color: #da3636
}

.startapp-game-box .quick-enter-click:hover {
background-color: #da3636
}

.startios-game-box .quick-enter-click:hover {
background-color: #da3636
}

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

.choice-list li {
width: 130px;
height: 30px;
line-height: 30px;
float: left;
margin-right: 5px;
padding-left: 10px;
background: url(../image/ser-ico-7d7d0bc594.png) left center no-repeat
}

.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(../image/hot-60925b0b6a.png) no-repeat
}

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

.kv-and-article {
width: 100%;
height: 298px;
overflow: hidden;
position: absolute;
top: 703px;
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: 979px;
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(../image/r1-bffe810740.png) no-repeat center
}

.ziliao-box .z-tab a.tn2 {
background: url(../image/r2-0b1e92c01d.png) no-repeat center
}

.ziliao-box .z-tab a.tn3 {
background: url(../image/r3-3832e912bc.png) no-repeat center
}

.ziliao-box .z-tab a.tn4 {
background: url(../image/r4-3e97e28e3e.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: .8s ease all;
-moz-transition: .8s ease all;
transition: .8s 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(../image/r1_1-cc22048970.png) no-repeat center bottom
}

.ziliao-box .z-content .cont-box .short-img.img2 {
background: url(../image/r2_1-1cd1bebd1f.png) no-repeat center bottom
}

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

.ziliao-box .z-content .cont-box .short-img.img4 {
background: url(../image/r4_1-17eba06c2f.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;
position: absolute;
top: 100px;
right: 15px;
z-index: 10;
background: url(../image/ser-more-125aa4f504.png) no-repeat
}

.all-server:hover {
color: #fff;
background: url(../image/ser-more-h-80979fcc9c.png) no-repeat
}

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

.ziliao-con {
height: 300px;
position: relative;
padding-top: 18px;
background: url(http://image.wan.douyu.com/xmry/gw/css/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(http://image.wan.douyu.com/xmry/gw/css/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-on a,.zl-tab a:hover {
background: url(http://image.wan.douyu.com/xmry/gw/css/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(http://image.wan.douyu.com/xmry/gw/css/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
}

.qr {
position: absolute;
left: 222px;
top: 30px;
text-align: center
}

.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.focus,.kv-num li:hover {
background: #d1b06c;
width: 30px
}

.huodong {
position: relative;
float: left;
width: 294px;
overflow: hidden;
background: url(http://image.wan.douyu.com/xmry/gw/css/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(http://image.wan.douyu.com/xmry/gw/css/images/n-bg.jpg);
width: auto;
padding: 40px;
padding-bottom: 0
}

.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 a:hover,.news-tab li.current a {
background-color: #040404;
border: 1px solid grey;
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.current .line,.news-tab li:hover .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(../image/new-80f2b3d5a2.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 .a-link,.news-list li:hover .n-type {
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: 315px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: inline-block;
vertical-align: middle
}

.time {
float: right
}

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

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

.huodong-1:hover i,.huodong-2:hover i,.huodong2-i: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: 1395px;
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(../image/Warrior_1.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(../image/Warrior.png);
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s
}

.role .role-con .role-nav ul li.rt1.cur a {
background-image: url(../image/Warrior.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(../image/Wizard_1.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(../image/Wizard_1.png);
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s
}

.role .role-con .role-nav ul li.rt2.cur a {
background-image: url(../image/Wizard.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(../image/Taoist_1.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(../image/Taoist.png);
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s
}

.role .role-con .role-nav ul li.rt3.cur a {
background-image: url(../image/Taoist.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(../image/loading-16x16.gif) no-repeat center center
}

.wuyizb-box {
width: 1000px;
height: 133px;
position: absolute;
top: 2172px;
overflow: hidden;
background-color: #00000094;
background-repeat: no-repeat
}

.wuyimzp-box {
width: 1000px;
height: 133px;
position: absolute;
top: 2313px;
overflow: hidden;
background-color: #00000094;
background-repeat: no-repeat
}

.kf-and-media {
width: 100%;
height: 168px;
position: absolute;
top: 2456px;
left: 0px;
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: 600px;
height: 168px;
padding-left: 66px;
float: left;
position: relative;
z-index: 2;
background: #000
}

.kf-and-media .video-box a {
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: 2636px;
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 {
font-size: 12px;
height: 81px;
padding-top: 40px;
padding-left: 15px
}

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

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

.service-btn {
width: 90px;
height: 22px;
line-height: 22px;
display: inline-block;
background: #8b0e05;
color: #fff;
text-align: center;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s
}

.service-btn:hover {
background: #da3636
}

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

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

.jietu_wrap {
height: 212px;
background: url(http://image.wan.douyu.com/xmry/gw/css/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: 495px;
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 .current,.pageNum a {
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(http://image.wan.douyu.com/xmry/gw/images/inner_r1-8d1bb51289.png) no-repeat center
}

.inner-side .ziliao-box .z-tab a.tn2 {
margin-top: 10px;
background: url(http://image.wan.douyu.com/xmry/gw/images/inner_r2-91a7a5551d.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: 300px;
height: 168px;
float: left;
position: relative;
top: 20px;
z-index: 2;
background: #000;
padding: 17px
}

.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(../image/c-bg-01969f0aad.jpg)
}

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

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

.s-body {
background: url(http://image.wan.douyu.com/xmry/gw/images/s-images/s-bg-9b625ea9d4.jpg) top center no-repeat;
color: #acacac
}

.s-body a {
color: #fff
}

.s-wrap {
background: url(http://image.wan.douyu.com/xmry/gw/images/s-images/s-main-101dd3968d.jpg) top center no-repeat;
width: 1000px;
height: 1100px;
margin: 0 auto
}

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

.s-content {
position: relative;
top: 20px;
left: 331px;
width: 666px
}

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

.s-nav {
position: absolute;
top: 63px;
left: 311px;
width: 704px;
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(http://image.wan.douyu.com/xmry/gw/images/s-images/nav-h-b0e18be405.png) 0 0 no-repeat
}

#s-nav2 {
background-position: -175px 0
}

#s-nav3 {
background-position: -350px 0
}

#s-nav4 {
background-position: -525px 0
}

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

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

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

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

.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(http://image.wan.douyu.com/xmry/gw/images/s-images/user-c9789682e9.png) 9px 7px no-repeat
}

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

.s-psw #password {
background: #fff url(http://image.wan.douyu.com/xmry/gw/images/s-images/lock-8993bd3f3d.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: #acacac;
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
}

.rec-server {
height: 90px
}

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

.sp-panel-wrap {
overflow-y: auto;
overflow-x: hidden;
height: 670px;
width: 675px
}

.s-body .quick-ingame {
font-size: 14px;
height: 50px;
line-height: 30px
}

.s-body .quick-enter-input {
width: 50px;
line-height: 24px;
text-align: center;
border: none
}

.s-body .quick-enter-click {
font-size: 14px;
text-align: center;
display: inline-block;
position: absolute;
width: 71px;
height: 27px;
line-height: 27px;
background: url(http://image.wan.douyu.com/xmry/gw/images/s-images/s-go-0b5e9c96cb.png);
margin-left: 10px;
margin-top: 3px
}

.s-body .quick-enter-click:hover {
background: url(http://image.wan.douyu.com/xmry/gw/images/s-images/s-go-h-5869a50017.png)
}

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

#nameList {
*padding-bottom: 8px
}

#nameList a,.sp-pager li {
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
}

#nameList a.hover,.sp-pager li.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(../image/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(../image/right_dl_bg-1fefce5e61.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(../image/right_dl_bg_h-113e3899e6.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(http://image.wan.douyu.com/xmry/gw/images/close_reg_bg-6d36890e77.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 .log,.login-box .login-panel .loged,.login-box .login-panel .login,.login-box .login-panel .loginframe {
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(../image/wd-download-btn-d3f6a63fc2.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(http://image.wan.douyu.com/xmry/gw/css/images/log-btn.png?__sprite);
background-repeat: no-repeat
}

.login-box .login-panel .log-btn:hover {
background-image: url(http://image.wan.douyu.com/xmry/gw/css/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(../image/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(../image/close-96121af071.jpg) no-repeat
}

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

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

.ft-info .ft-copyright {
width: 1000px;
height: 170px;
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(../image/ft-logo-27b9f7498b.png) no-repeat right 30px
}

.ft-info .ft-copyright .ft-right {
width: 800px;
height: 210px;
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.g-footer-row3-5 {
margin-top: 8px;
text-align: center
}

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

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

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

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

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

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

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

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

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

.s-log-btn a {
background-position: 0 -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-content .rec-server li a {
background-position: -416px -288px
}

.nav-top ul li a:hover {
background-position: 0 -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 0
}

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

.choice-list li i,.inner-side .kf-box .kf-layer p.kf-title,.inner-side .ziliao-box .z-tab a span i,.inner-side .ziliao-box .z-tab a:hover span i,.kf-and-media .kf-box p.kf-title,.links-box .link-title i,.login-box .login-panel .log .side-top-btn-box a#btn-pay b,.login-box .login-panel .log .side-top-btn-box a#btn-reg b,.login-box .login-panel .log .side-top-btn-box i,.login-box-btn .lb-top,.login-box-btn .lb-top:hover,.nav-top ul li a,.nav-top ul li a:hover,.role .role-con .role-detail .r-desc .readmore i,.role .role-con .role-detail .r-desc .reco-stars .star,.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,.s-content .rec-server li a,.s-content .rec-server li a:hover,.s-log-btn a,.s-log-btn a:hover,.s-server-list li a,.s-server-list li a:hover,.start-game-box .start,.start-game-box .startapp,.start-game-box .startios,.start-game-box .start:hover,.ziliao-box .z-tab a span i,.ziliao-box .z-tab a:hover span i {
background-size: 966px 409px;
background-image: url(../image/wuyi2_main_mir.png)
}

.kf-and-media .media-box .media h3 {
background-size: 966px 409px;
background-image: url(../image/wuyi2_main_mir.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
}
}

h3.login-t {
display: none
}

a {
text-decoration: none
}

a:hover {
text-decoration: none
}

.f-cf:after {
clear: both;
display: block;
content: "";
height: 0;
line-height: 0;
font-size: 0
}

.video-box .tit-bg {
width: 20px;
height: 104px;
background: url(../image/jietu-bg-62d3f3caa9.png) no-repeat;
position: absolute;
z-index: 4;
top: 32px;
left: 20px
}

.s-body .login {
left: -15px;
top: 170px
}

.btn-yw {
text-indent: -9999px;
display: block;
width: 234px;
height: 99px;
background: url(../image/wuyi2-download.png) no-repeat;
position: absolute;
left: 321px;
top: 500px;
z-index: 4
}

.loged {
display: none;
overflow: hidden;
padding-top: 20px
}

.loged .l-name {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}

.loged a:hover,.login .l-name span {
color: #cb5b00
}

.l-message a,.l-usergame,.loged .l-name:hover {
color: #fff
}

.l-usergame .recent-game {
margin-bottom: 5px
}

.l-usergame ul {
width: 188px;
overflow: hidden
}

.l-usergame li {
line-height: 24px;
height: 24px;
overflow: hidden;
margin: 0
}

.l-usergame li a {
color: #fff
}

.loged .l-btn {
width: 100%;
overflow: hidden;
padding: 15px 0
}

.loged .l-btn a {
width: 73px;
margin-right: 10px;
background: #0080e2;
color: #fff!important;
display: inline-block;
text-align: center;
transition: all .2s;
font-size: 12px;
padding: 3px 0
}

.loged .l-btn a:hover {
background: #ff9d00;
color: #fff!important
}

.loged .l-btn .l-user {
margin-right: 0
}