@charset "utf-8";

/*轮播*/

#banner {
  position: relative;
  width: 597px;
  height: 30px;
  text-align: center;
  line-height: 30px;
}

#banner ul {
  position: absolute;
  list-style-type: none;
  opacity: 0.8;
  z-index: 1002;
  margin: 0;
  padding: 0;
  left: 50%;
  top: 5px;
  margin-left: -150px;
}

#banner ul li {
  float: left;
  margin-left: 8px;
  display: block;
  cursor: pointer;
  font-size: 0;
  width: 50px;
  height: 4px;
  background-color: #cecece;
  margin: 15px 5px;
}

#banner ul li.on {
  background-color: #7d848c;
}

#banner_list a {
  position: absolute;
}


/*<!--资讯内容-->*/

.info-content {
  width: 1000px;
  height: 590px;
  margin-top: 20px;
}

.carousel {
  width: 597px;
  height: 260px;
  overflow: hidden;
}

.current-btn {
  width: 50px;
  height: 4px;
  background-color: #7d848c !important;
}

.basic-step {
  width: 597px;
  height: 290px;
  margin-top: 10px;
}

.basic-step a {
  position: relative;
  width: 196px;
  height: 94px;
  display: inline-block;
}

.basic-step span {
  position: absolute;
  left: 12px;
  top: 15px;
  font-size: 20px;
  color: #fff;
}

.left-info,
.right-info,
.hero h2,
.goods h2,
.maps h2,
.left-hot,
.right-hot,
.videos h2,
.pics h2 {
  float: left;
}

.right-info {
  width: 384px;
  height: 590px;
  background-color: #fff;
  margin-left: 19px;
}

.section5-l-t {
  text-align: center
}

.section5-l-t .section5-tt {
  display: block;
  padding: 19px 0 8px 0;
  font-size: 18px;
  font-weight: 700;
  color: #0198ca;
}

.section5-l-t .section5-tt-s {
  margin-bottom: 15px;
  font-size: 14px;
  color: #9d9d9d;
  text-align: center;
}

.section5-l-t .section5-tt-s:hover {
  color: #0198ca;
  text-decoration: underline;
}

.lines {
  border-bottom: 1px dashed #312e2e;
  width: 90%;
  margin: 0 auto;
  margin-top: 15px;
}

.nmt {
  margin-top: 0 !important;
}

.section6-l-b {
  margin-top: 15px;
}

.right-info .section6-l-b a .name,
.right-hot .section6-l-b a .name {
  width: 290px;
  color: #606060;
  overflow: hidden;
}

.right-info .section6-l-b a span,
.right-hot .section6-l-b a span {
  float: left;
  height: 20px;
}

.right-info .section6-l-b a .time,
.right-hot .section6-l-b a .time {
  width: 50px;
  float: right;
  color: #616161;
  text-align: right;
  cursor: pointer;
}

.right-info .section6-l-b a,
.right-hot .section6-l-b a {
  display: block;
  padding: 5px 12px;
  height: 20px;
  font-size: 14px;
}

.more-content {
  width: 186px;
  height: 28px;
  border: 1px solid #cacaca;
  margin: 0 auto;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
  margin-top: 20px;
}

.more-content a {
  color: #999;
}

#banner {
  position: relative;
}

#banner_bg {
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, .4);
  height: 50px;
  z-index: 1000;
  cursor: pointer;
  width: 600px;
  bottom: 30px;
}

#banner_info {
  position: absolute;
  bottom: 30px;
  left: 32px;
  line-height: 50px;
  font-size: 18px;
  color: #fff;
  z-index: 1001;
  cursor: pointer;
}

#banner_text {
  position: absolute;
  width: 120px;
  z-index: 1002;
  right: 3px;
  bottom: 3px;
}

#banner_list a {
  position: absolute;
}


/*英雄*/

.hero {
  position: relative;
  width: 1000px;
  height: 484px;
  margin-top: 30px;
}

.hero .title-hero,
.goods .title-goods,
.maps .title-maps,
.videos .title-videos,
.pics .title-pics {
  width: 42px;
  height: 38px;
  margin-bottom: 20px;
  background: url(../images/but.png) no-repeat;
}

.hero .title-hero {
  background-position: -245px 0;
}

.txt-hero,
.txt-goods,
.txt-maps,
.txt-videos,
.txt-pics {
  font-size: 24px;
  color: #333;
  margin: 4px 0 0 20px;
}

.hero .sec-nav {
  width: 116px;
  height: 443px;
}

.hero-nav {
  width: 116px;
  height: 443px;
  background: url("../images/button.png") no-repeat;
  float: left;
  margin-left: -100px;
}

.hero .sec-nav,
.hero .wj-list > div {
  float: left;
}

.hero .sec-nav > span {
  float: left;
  width: 118px;
  height: 100px;
  margin-right: 35px;
  background: url(../images/button.png);
  cursor: pointer;
  padding: 5px 0;
}

.hero .sec-nav > span:hover,
.hero .sec-nav > span.active {
  background: url(../images/button_h.png);
}

.hero .sec-nav span.hero-wei {
  background-position: 0 0;
}

.hero .sec-nav span.hero-shu {
  background-position: 0 -112px;
}

.hero .sec-nav span.hero-wu {
  background-position: 0 -223px;
}

.hero .sec-nav span.hero-zhong {
  background-position: 0 -335px;
}

.hero .wj-list {
  width: 1000px;
  height: 484px;
  padding: 25px 5px 40px 20px;
  background: url("../images/hero_bg.jpg") no-repeat;
}

.hero .wj-list > div {
  display: none;
  position: relative;
  width: 770px;
  height: 440px;
  overflow: hidden;
  margin-left: 50px;
}

.hero .wj-list > div.active {
  display: block;
}

.hero .wj-list > div ul {
  width: 755px;
  position: relative;
}

.hero .wj-list .wj-list-all .scroll-bar {
  position: absolute;
  z-index: 999;
  top: 0;
  right: 3px;
  width: 10px;
  height: 408px;
  background: #4e575f;
}

.hero .wj-list .wj-list-all .scroll-bar .bar-btn {
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 10px;
  height: 100px;
  background: #959a9f;
}

.hero .wj-list ul li {
  float: left;
  width: 74px;
  height: 74px;
  margin: 0 20px 30px 0;
  padding-top: 7px;
  background: url("../images/border.png") 0 0 no-repeat;
}

.hero .wj-list ul li:hover {
  background: url("../images/border_h.png") 0 0 no-repeat;
}

.hero .wj-list ul li a {
  display: block;
  width: 64px;
  height: 64px;
  margin: -2px 0 0 5px;
}

.hero .wj-list ul li a p {
  padding-top: 8px;
  font-size: 14px;
  text-align: center;
  color: #fff;
}

.hero .wj-list ul li a img {
  width: 64px;
  height: 64px;
}


/*物品*/

.goods {
  position: relative;
  width: 1000px;
  height: 540px;
  margin-top: 50px;
  *margin-top: 100px;
}

.goods .title-goods {
  background-position: -245px -44px;
}

.icon-con {
  background: #fff;
}

.icon-con .tab-title,
.map-inner .tab-title {
  background-color: #2c3a4b;
}

.goods-title,
.map-title {
  font-size: 14px;
  font-weight: bolder;
}

.icon-type {
  padding: 15px 0 15px 15px;
  background-color: #d1d4d7;
}

.cbk-label .current {
  background-position: 0 4px;
}

.cbk-label label {
  height: 24px;
  padding-left: 25px;
  background: url(../images/cbk-bg.png) no-repeat 0 -40px;
  cursor: pointer;
}

.icon-type label {
  margin-right: 25px;
  padding-top: 4px;
  vertical-align: middle;
}

label {
  display: inline-block;
}

.icon-show {
  display: none;
  margin-bottom: 40px;
  width: 862px;
  background: #1B1D24;
  _overflow: hidden;
  z-index: 9;
}

.icon-lst {
  padding: 30px 0 0 45px;
  overflow: auto;
  height: 440px;
}

.icon-lst li {
  float: left;
  margin: 0 30px 15px 0;
  width: 60px;
  height: 95px;
  cursor: pointer;
  position: relative;
}

.icon-lst li span {
  margin-top: 5px;
  display: inline-block;
  color: #666;
}

.itemdesc {
  width: 280px;
  position: absolute;
  background: #1B1D24;
  z-index: 1;
  color: #99DDFF;
  display: none;
  padding: 5px;
}

.tab-title a {
  display: inline-block;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  padding: 12px 0;
}

.icon-con .tab-title a {
  width: 166px;
}


/*地图*/

.maps {
  position: relative;
  width: 1000px;
  height: 380px;
  margin-top: 200px;
  *margin-top: 230px;
}

.maps .title-maps {
  background-position: -245px -88px;
}

.map-inner {
  background: #fff;
  height: 380px;
}

.map-lst {
  padding: 0 0 80px 10px;
  height: 226px;
  overflow: auto;
}

.map-lst li {
  float: left;
  margin: 25px 0 0 8px;
  width: 130px;
  height: 120px;
  cursor: pointer;
  *position: relative;
  *z-index: -1000;
}

.map-lst li a img {
  width: 108px;
  height: 94px;
}

.map-lst .mp-inner {
  display: block;
  width: 108px;
  height: 94px;
}

.posr {
  position: relative;
  zoom: 1;
}

.map-lst img {
  position: absolute;
  top: 0;
  left: 0;
}

.map-lst .mp-inner p {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #C7CFD2;
  color: #000;
  text-align: center;
  line-height: 26px;
}

.map-inner .tab-title a {
  width: 108px;
}

.map-title .current,
.goods-title .current {
  color: #ffff89;
  background: url("../images/san.png") no-repeat;
}

.map-title .current {
  background-position: 15px 33px;
}

.goods-title .current {
  background-position: 38px 33px;
}


/*热门攻略&问答*/

.hot {
  width: 1000px;
  height: 393px;
  margin-top: 130px;
}

.t-left-hot,
.c-left-hot {
  width: 606px;
  height: 104px;
  background-color: #fff;
}

.c-left-hot,
.b-left-hot {
  margin-top: 10px;
}

.b-left-hot {
  width: 606px;
  height: 165px;
  background-color: #fff;
}

.right-hot {
  margin-left: 20px;
  width: 374px;
  height: 393px;
  background-color: #fff;
}

.t-left-hot img,
.t-left-hot div,
.c-left-hot img,
.c-left-hot div {
  float: left;
}

.t-left-hot div,
.c-left-hot div {
  width: 380px;
  margin: 35px 0 0 10px;
}

.t-left-hot div h4,
.c-left-hot div h4 {
  text-align: center;
  margin-top: 5px;
}

.t-left-hot div h2 a,
.c-left-hot div h2 a {
  color: #de4d1b;
}

.t-left-hot div h4 a,
.c-left-hot div h4 a,
.b-left-hot ul li a {
  color: #606060;
}

.t-left-hot a img,
.c-left-hot a img {
  margin-top: 10px;
}

.b-left-hot ul {
  height: 165px;
  float: left;
}

.b-left-hot ul li {
  color: #aaa;
  margin-top: 11px;
  margin-left:20px;
  float:left;
  display:inline-block;
  width:273px;
  height:20px;
  line-height:20px;
  overflow:hidden;
}
.b-left-hot ul li span{
	width:4px;height:4px;margin-top:8px;margin-right:5px;display:inline-block;background:#ccc;float:left;
}

.player input {
  width: 210px;
  height: 28px;
  border: 1px solid #b9b7b8;
  margin: 32px 0 0 25px;
  outline: none;
  padding: 0 5px;
}

.player h2 {
  margin: 16px 0 0 25px;
}

.b-left-hot ul li a {
  font-size: 14px;
}

.player img {
  margin-top: -4px;
  cursor: pointer;
  vertical-align: middle;
}


/*游戏视频*/

.videos {
  position: relative;
  width: 1000px;
  height: 430px;
  margin-top: 50px;
}

.videos .title-videos {
  background-position: -245px -130px;
}

.img-part {
  background-color: #fff;
  height: 370px;
}

.img-part a {
  display: inline-block;
  width: 202px;
  height: 130px;
  position: relative;
}

.img-part a {
  margin: 30px 20px 0 20px;
}

.img-part a.third-img {
  margin: 0 20px 0 20px;
}

.img-part a span {
  width: 210px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #323232;
  display: block;
}

.img-part a font {
  width: 50px;
  height: 50px;
  background: url(../images/button_v.png) no-repeat;
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  left: 50%;
  margin-left: -25px;
  background-position: -489px -377px;
}

.img-part a font:hover {
  background-position: -537px -377px;
}

.img-part a.gg {
  margin-top: 15px;
}


/*精美图集*/

.pics {
  position: relative;
  width: 1000px;
  height: 420px;
  margin-top: 50px;
}

.pics .title-pics {
  background-position: -245px -175px;
}

.pics-content {
  background-color: #fff;
  width: 1000px;
  height: 420px;
}

.l-pics,
.c-pics,
.r-pics {
  float: left;
  position: relative;
}

.pics-content div a {
  display: block;
}

.r-pic-r {
  float: right;
  margin-top: -186px;
}

.r-pic-r img {
  *left: -25px;
  *position: relative;
}

.l-pics {
  margin: 20px 0 0 35px;
}

.c-pics,
.r-pics {
  margin: 20px 0 0 5px;
}
.sqbr{margin-top:4px;}
.l-pics .sftx p,
.l-pics .sqbr p,
.c-pics p,
.r-pics p {
  text-align: center;
  position: absolute;
  background: rgba(0, 0, 0, .7);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000);
  top: 0;
  font-size: 16px;
  color: #6c6c6c;
}

.l-pics .sftx p,
.l-pics .sqbr p {
  width: 190px;
  height: 190px;
  line-height: 190px;
  
}

.l-pics .sqbr p {
  top: 194px;
}

.c-pics p {
  width: 285px;
  height: 380px;
  line-height: 380px;
}

.r-pics .yjgc p {
  width: 460px;
  height: 190px;
  line-height: 190px;
}

.r-pics .r-pic-l p,
.r-pics .r-pic-r p {
  width: 230px;
  height: 185px;
   line-height: 185px;
   top: 199px;
}

.r-pics .r-pic-l {
  margin-top:8px;
}
.game_news {
  width: 1000px;
  height: 396px;
  margin-top: 30px;
}

.gNews_cont {
  width: 597px;
  height: 396px;
  background-color: #fff;
}

.gNews_tit {
  font-size: 18px;
  color: #444;
  margin: 15px 0 5px 20px;
}

.btm_line {
  width: 570px;
  height: 4px;
  background-color: #ededee;
  margin: 0 auto;
}

.detail_news {
  margin-top: 15px;
}

.detail_news a .name {
  width: 390px;
  color: #606060;
  overflow: hidden;
}

.detail_news a span {
  float: left;
  height: 20px;
}

.detail_news a .time {
  width: 50px;
  float: right;
  color: #c0c0c0;
  text-align: right;
  cursor: pointer;
}

.detail_news a {
  display: block;
  padding: 9px 12px;
  height: 20px;
  font-size: 14px;
  clear:both;
}

.ytf {
  width: 384px;
  height: 396px;
  margin-left: 19px;
  background-color: #fff;
}

.gNews_cont,
.ytf {
  float: left;
}

.ytf ul li {
  float: left;
  margin: 15px 25px -4px 25px;
  padding-bottom: 5px;
  font-size: 18px;
  cursor: pointer;
  color: #444;
}

.current_line {
  border-bottom: 5px solid #606060;
}

.ytf_line {
  width: 356px;
  height: 4px;
  background-color: #ededee;
  margin: 0 auto;
}

.show_name {
  color: #606060;
  font-size: 16px;
  font-weight: bold;
}

.spc {
  margin-top: 75px;
}

.show_cont img,
.show_cont .ice {
  float: left;
}

.ice {
  width:388px;
  margin: 18px 0 0 5px;
  height: 90px;
  overflow:hidden;
}

.ice .see_del {
   width: 60px;
  height: 22px;
  border: 1px solid #9499a0;
  color: #9499a0;
  text-align: center;
  line-height: 22px;
  margin-left: 12px;
  margin-top: 20px; 
}

.ice p {
  color: #9499a0;
  margin-left: 12px;
}

.detail_news .first_row {
  padding: 18px 12px 0px 12px;
}

.detail_news .first_row img {
  width:180px;
  height:90px;
  margin-top: 18px;
}

.imgShow_cont img {
  width: 260px;
  height: 100px;
  display: block;
  padding: 7px 20px;
}

.imgShow_cont span {
  float: right;
  margin-top: -60px;
  margin-right: 35px;
  font-size: 16px;
  color: #606060;
}

.jq {
  height: 350px;
  font-size: 28px;
  text-align: center;
  line-height: 350px;
  color: #606060;
  display:none;
}