.body{color: #776b5a;overflow-x: hidden;margin-top:-747px;}
.body a{color: #776b5a;}
.header{height: 747px;position: relative;}
.main{background: url("../images/bg.jpg") top center no-repeat;}
.inner{width: 1200px;margin: 0 auto;position: relative;z-index: 2;}
.main .inner{height: auto;background: url("../images/main.jpg") top center no-repeat;}
.banner{position: absolute;width: 100%;height: 747px;left: 0;top: 0;z-index: 1;}
.header .inner{height: 100%;background: url(about:blank);}
.logo{position: absolute;width: 243px;height: 130px;background: url("../images/logo.png") no-repeat;left: 96px;top: 10px;}
.start{position: absolute;width: 293px;height: 234px;left: 449px;top: 412px;}
.loginframe{position: absolute;width: 301px;height: 136px;left: 15px;top: 602px;overflow: hidden;}
.loginframes{position: absolute;width: 301px;height: 136px;left: 883px;top: 602px;overflow: hidden;}
.log{position: relative;}
.log li{position: absolute;}
.ipt1{width: 143px;height: 31px;padding: 2px 10px;background: url("../images/input.png") no-repeat;color: #776b5a;font-size: 14px;}
.user{left: 20px;top: 23px;}
.psw{left: 20px;top: 61px;}
.remember{left: 20px;top: 103px;}
.remember label{margin-right: 22px;}
.reg-btn{left: 231px;top: 103px;}
.reg-btn{left: 231px;top: 103px;}
.log-btn{left: 0px;top: 0px;width: 300px;height: 152px;background: url("../images/lo1g.jpg") no-repeat;}
.log-btn a{display: block;height: 152px;text-indent: -9999em;overflow: hidden;}
.log-btn a:hover{background: url("../images/lo1g-on.jpg") no-repeat;}
.reg-btns{left: 231px;top: 103px;}
.log-btns{left: 0px;top: 0px;width: 300px;height: 152px;background: url("../images/p1ay.jpg") no-repeat;}
.log-btns a{display: block;height: 152px;text-indent: -9999em;overflow: hidden;}
.log-btns a:hover{background: url("../images/p1ay-on.jpg") no-repeat;}
.loged{padding: 7px 20px 0 20px;}
.loged li{margin-bottom: 3px;}
.loged-top{display: none;}
.loged-usercenter a{margin-left: 10px;}
.recom-server{position: absolute;width: 243px;height: 136px;left: 915px;top: 602px;overflow: hidden;}
.quick-ingame{height: 31px;text-align: center;line-height: 31px;border-bottom: 1px dashed #3e372e;color: #d5c48b;}
.sidebar-server{height: 78px;}
.sidebar-server li{height: 26px;line-height: 26px;background: url("../images/sl.png") 32px center no-repeat;padding-left: 65px;}
.sidebar-server .colored{color: #8f1111;margin-left: 10px;}
.fastin-input{width: 50px;height: 16px;border: none;background: #ece4d4;color: #000;text-align: center;}
a.fastin-btn{display: inline-block;width: 59px;height: 19px;text-align: center;line-height: 19px;color: #ffd460;background: #e36313;border: 1px solid #912404;border-top: none;border-right: none;vertical-align: middle;}
.server-more{display: block;text-align: right;}
.index-top{position: absolute;right: 0;top: 0;z-index: 3;}
.top-links, .tips18{float: right;margin-left: 15px;}
.top-links{padding-left: 40px;background: #282521 url("../images/top-icon.png") 6px center no-repeat;}
.tips18{padding-top: 7px;color: #ECEAE9;}
.top-links a{float: right;width: 87px;height: 32px;text-align: center;line-height: 32px;background: #2b2826;border-left: 1px solid #3b3733;font-size: 14px;}
.top-links a:nth-child(3){color: #e64500;}
.nav{width: 1438px;height: 188px;background: url("../images/nav.png") no-repeat;margin-left: -119px;font-size: 18px;overflow: hidden;position: absolute;left: 0;top: 0;z-index: 9;}
.nav ul{padding: 86px 0 0 223px;}
.nav li{float: left;width: 166px;text-align: center;}
.nav a{display: block;color: #e53101;text-shadow: 2px 2px 2px #000;}
.nav a:hover{color: #ffeb70;}
.mod1{padding-top: 188px;height: 571px;overflow: hidden;}
.kv{float: left;width: 515px;height: 525px;position: relative;overflow: hidden;margin: -6px 0 0 53px;}
.kv-img{overflow: hidden;width: 515px;height: 525px;position: relative;clear: both;}
.kv-img li{overflow: hidden;width: 515px;height: 525px;}
.kv-img li img{width: 515px;height: 525px;}
.kv-num{position: absolute;bottom: 0;right: 0;}
.kv-num li{float: left;margin-right: 8px;overflow: hidden;width: 21px;height: 21px;background: url("../images/kv-btn.png") -26px 0 no-repeat;}
.kv-num li:hover, .kv-num li.focus{background-position: 0 0;}
.news{float: left;width: 495px;height: 332px;position: relative;overflow: hidden;margin: -6px 0 0 25px;_display: inline;}
.news-more{position: absolute;right: 21px;top: 25px;}
.news-tab{height: 37px;overflow: hidden;font-size: 16px;padding: 16px 0 0 0;text-shadow: 2px 2px 2px #000;}
.news-tab li{float: left;width: 77px;height: 37px;text-align: center;line-height: 37px;}
.news-tab li:nth-child(1){text-indent: 15px;}
.news-tab a{display: block;height: 100%;color: #ffeaba;}
.news-tab .current a{color: #dd372b;}
.headline{height: 62px;margin-left: 120px;margin-bottom: 16px;padding-right: 10px;overflow: hidden;color: #d8c59c;}
.headline a{display: block;font-size: 14px;padding: 11px 0 0 0;text-align: center;line-height: 18px;color: #fb3300;font-weight: bold;}
.headline .headline-title{font-size: 16px;margin-bottom: 2px;}
.headline-summary{text-align: center;}
.news-list{margin: 0 20px;font-size: 14px;}
.news-list li{height: 29px;line-height: 29px;padding-left: 20px;background: url("../images/ls.png") left center no-repeat;}
.news-date{float: right;}
.scroll-g{float: left;width: 550px;position: relative;margin: 20px 0 0 25px;_display: inline;}
.scroll-g ul{padding-left: 15px;}
.scroll-g li{float: left;width: 143px;height: 176px;background: url("../images/g-bg.png") 1px 3px no-repeat;_display: inline;margin-right: 18px;position: relative;text-align: center;display: none;}
.scroll-g li:hover{background-position: 0 -175px;}
.scroll-g img{margin-top: 25px;-webkit-transition: all 1000ms ease;transition: all 1000ms ease;}
.scroll-g li a{position: absolute;width: 143px;height: 44px;line-height: 44px;text-align: center;font-size: 18px;color: #8a8176;left: 0;top: 126px;}
.scroll-g li:hover img{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}
.prev-g, .next-g, .prev-f, .next-f{position: absolute;width: 33px;height: 80px;background-image: url("../images/hero-icon.png");background-repeat: no-repeat;top: 50px;}
.prev-g, .prev-f{background-position: -4px -14px;left: -30px;}
.next-g, .next-f{background-position: -512px -14px;left: 500px;}
.prev-g:hover, .prev-f:hover{background-position: -6px -99px;}
.next-g:hover, .next-f:hover{background-position: -514px -99px;}
.mod2{height: 652px;overflow: hidden;position: relative;}
.mod2s{background:#FFF;width: 420px;height: 382px;overflow: hidden;position: relative;margin-top:-412px;margin-left:80px;}
.hero{padding: 71px 0 0 105px;position: relative;}
.hero-tab{height: 165px;}
.hero-tab li{float: left;width: 152px;height: 149px;}
.hero-tab a{display: block;height: 100%;}
.hero-tab .current .hero-tab-1{background: url("../images/hero-icon.png") -118px -15px no-repeat;}
.hero-tab .current .hero-tab-2{background: url("../images/hero-icon.png") -270px -15px no-repeat;}
.hero-tab .current .hero-tab-3{background: url("../images/hero-icon.png") -270px -15px no-repeat;}
.hero-tab .current .hero-tab-4{background: url("../images/hero-icon.png") -270px -15px no-repeat;}
.hero-tab .current .hero-tab-5{background: url("../images/hero-icon.png") -270px -15px no-repeat;}
.hero-tab .current a{-webkit-animation: h 500ms ease;-moz-animation: h 500ms ease;animation: h 500ms ease;}
.hero-info{width: 290px;height: 396px;margin-left: 48px;background: url("../images/h.png") no-repeat;}
.hero-info .hero-info-inner{padding: 64px 47px 0 25px;position: relative;}
.hero-info p{position: relative;margin-bottom: 5px;}
.hero-info .vp{position: absolute;width: 137px;height: 10px;right: 0;top: 5px;background: #3a2b1e;}
.hero-info .v-view{display: block;width: 0;height: 100%;-webkit-transition: width 500ms ease;-moz-transition: width 500ms ease;transition: width 500ms ease;}
.vp-1 .v-view{background-color: #671f08;}
.vp-2 .v-view{background-color: #90612b;}
.vp-3 .v-view{background-color: #1f1f5b;}
.hero-summary{margin-top: 93px;line-height: 2;}
.guide-lists{display: none;z-index:9999999}
.guide-shows .guide-lists{display: block;}
.guide-shows .hero-info{display: none;}
.f-name{position: absolute;width: 150px;height: 40px;text-align: center;line-height: 40px;font-size: 20px;color: #eeac4e;left: 770px;top: 177px;}
.f{position: absolute;right: 156px;top: 218px;}
.prev-f, .next-f{top: 371px;z-index:999999}
.prev-f{left: 510px;z-index:999999}
.next-f{left: 1080px;z-index:999999}
.guide-list{width: 350px;margin-left: 48px;}
.guide-list ul{height: 279px;}
.guide-list li{height: 30px;line-height: 30px;overflow: hidden;background: url("../images/ls.png") left center no-repeat;padding-left: 20px;border-bottom: 1px dashed #3a2f26;}
a.guide-more , .more-btn a{float: right;width: 93px;height: 19px;background: #5c382e;text-align: center;line-height: 19px;border: 1px solid #2d0d06;border-top: none;border-right: none;margin-top: 15px;color: #ffd460;}
.more-btn a{display: block;float: none;}
.hero-info .more-btn{position: absolute;left: 155px;top: 310px;}
.mod3{height:544px;padding: 67px 0 0 0;overflow: hidden;}

#flash{width:96px;height:450px;position:fixed;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));right:40px;top:0px;margin-top:0px;z-index:6000;}
#flash a{text-indent:-99em;overflow:hidden;}
#flash a.btn_kefu{width:130px;height:62px;background:url(../images/a_bg2.jpg) no-repeat left top;display:block;}
#flash a.btn_kefu:hover{background-position:-130px top ;}
#flash a.btn_top{width:130px;height:62px;background:url(../images/a_bg2.jpg) no-repeat left -61px;display:block;}
#flash a.btn_top:hover{background-position:-130px -61px ;}
#flash .erweimaa{width:68px;height:102px;padding-top:0px;}
#flash .erweimaa img{margin:0 auto 3px;width:118px;height:117px;display:block;}
#onlinflasheKefu .erweima span{height:27px;line-height:27px;text-align:center;overflow:hidden;color:#feffff;display:block;font-size:12px;font-family:'微软雅黑';}



.colW_l{width:320px;float:left;}
.colZ_l{width:865px;float:left;margin-left:10px;}
.mv {width: 320px;height:544px;transition: 1s all ease-in;background:#fff;}
.mvCon{width:320px;height:136px; float:left;}
.mvCon a{width:320px;height:136px; float:left;overflow:hidden; position:relative;}
.mvCon a span{width:320px;height:136px;position:absolute;left:0;top:104px; background:url(../images/t2.png) center top no-repeat;transition:all 0.2s ease-in;}
.mvCon a:hover span{top:0;transition:all 0.2s ease-in;}
.mvCon a span i{width:286px;height:30px; line-height:30px; float:left; font-size:20px;color:#e6bb67; text-align:right; padding-right:40px;}
.mvConL{width:320px;height:136px; float:right;}
.mvConL a{width:320px;height:136px; float:right;overflow:hidden; position:relative;}
.mvConL a span{width:320px;height:136px;position:absolute;right:0;top:104px; background:url(../images/t3.png) center top no-repeat;transition:all 0.2s ease-in;}
.mvConL a:hover span{top:0;transition:all 0.2s ease-in;}
.mvConL a span i{width:286px;height:30px; line-height:30px; float:left; font-size:20px;color:#e6bb67; text-align:left; padding-left:40px;}
.mvP1{ background:url(../images/mv_pic1.jpg) center top no-repeat;}
.mvP2{background:url(../images/mv_pic2.jpg) center top no-repeat;}
.mvP3{background:url(../images/mv_pic3.jpg) center top no-repeat;}
.mvP4{background:url(../images/mv_pic4.jpg) center top no-repeat;}
.zhiyeBox{width:865px;float:right; height:545px;padding:0px; background:#000;margin:0;margin-left:15px;}

.mod4{width:1198px;height:350px;overflow:hidden;background:#000;margin-top:10px;border:#352a28 1px solid;}
.data li{float:left;position:relative;overflow:hidden;width:130px;height:350px;background:url(../images/fbbg1.jpg) no-repeat right top;margin-top:0px;}
.data div{position:absolute;left:130px;top:0;width:418px;height:350px}
.data p{width:170px;padding:25px 0 0 10px}
.data p a{display:inline-block;color:#957c6e;font-size:14px;padding:5px 10px}
.data p a:hover{text-decoration:underline}
.d1,.d2,.d3,.d4,.d5,.d6{float:left;width:130px;height:350px;background:url(../images/t0181edfded0b02b64e.jpg) no-repeat;text-indent:-9999px}
.d1{background-position:0 0}
.d2{background-position:-130px 0}
.d3{background-position:-260px 0}
.d4{background-position:-390px 0}
.d5{background-position:-520px 0}
.d6{background-position:-650px 0}

.data li.cur .d1{background-position:0 -350px}
.data li.cur .d2{background-position:-130px -350px}
.data li.cur .d3{background-position:-260px -350px}
.data li.cur .d4{background-position:-390px -350px}
.data li.cur .d5{background-position:-520px -350px}
.data li.cur .d6{background-position:-650px -350px}