@charset "utf-8";
body{font-family:"微软雅黑";font-size:12px;color:#444;margin:0;padding:0;background: #000;}
img{border:0px;}
a img{opacity:1;transition:opacity 0.3s ease-out;-webkit-transition:opacity 0.3s ease-out;-moz-transition:opacity 0.3s ease-out;-o-transition:opacity 0.3s ease-out;}
a img:hover{opacity:0.8;}
form,input,select,div,ul,li,p,h,h1,h2,h3,h4,em,i{margin:0;padding:0;list-style-type:none;font-style:normal;font-size:12px;font-weight:normal;font-family:"微软雅黑";border:0;}
ul,dl,dd,li{list-style-type:none;}
a {text-decoration: none;}
.clearfix:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.clearfix{*zoom:1;}
.fl {float: left;}
.fr {float: right;}
.nmr {margin-right: 0 !important;}
.nmb {margin-bottom: 0 !important;}
.pt5 {padding-top: 5px;}
.pt40 {padding-top: 40px;}
.pb120 {padding-bottom: 120px;}
.mt55{margin-top: 55px;}
.mb10 {margin-bottom: 10px;}
.mb25 {margin-bottom: 25px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}

.con {width: 1180px;margin: auto;}


.broadcastroom {height: 90px;margin: 20px auto;}
.broadcastroom img {width: 1180px;}

.slide-jd {height: 760px;background: #1b1f28;}
.slide-jd-inner {padding: 22px 20px 0 28px;}
.slide-jd-inner .inner-l {float: left;width: 714px;height: auto;}
.inner-l .slide {position: relative;width: 714px;height: 362px;margin-bottom: 30px;}
.inner-l .slide .slide-con {width: 714px;height: 358px;overflow: hidden;}
.slide-con ul {position: relative;width: 3570px;height: 358px;}
.slide-con ul li {position: relative;float: left;width: 714px;height: 358px;}
.slide-con ul li a {position: relative;display: block;width: 714px;height: 358px;}
.slide-con ul li a img {width: 100%;}
.slide-con ul li a span {position: absolute;width: 670px;height: 31px;padding: 90px 30px 15px 14px;left: 0;bottom: 0;font-size: 20px;font-weight: 700;background: url(../images/big_img_jb.png);}
.slide-con ul li a span title {display: block;float: left;width: 450px;text-align: left;color: #fff;overflow: hidden;}
.slide-con ul li a span num {float: right;color: #fff;}
.slide-con ul li a span num font {color: #1799ce;}
.slide .slide-bar {position: relative;width: 100%;height: 4px;background: #000;}
.slide .slide-bar i {display: block;float: left;width: 141.2px;height: 4px;margin-right: 2px;background: #b7b7b7;cursor: pointer;}
.slide .slide-bar i:hover,.slide .slide-bar i.active {background: #1799ce;}
.inner-l .inner-l-b {width: 100%;height: auto;}
.inner-l-b > div {float: left;width: 346px;height: auto;margin-right: 22px;}
.inner-l-b > div a {display: block;width: 100%;height: auto;text-align: left;}
.inner-l-b > div a img {display: block;width: 100%;}
.inner-l-b > div a > p {color: #aaa;padding: 20px 0;font-size: 14px;}
.inner-l-b > div a:hover > p {color: #e62800;}
.inner-l-b > div a em {display: block;line-height: 20px;font-size: 12px;color: #45454e;}
.slide-jd-inner .inner-r {float: left;width: 393px;height: auto;margin-left: 25px;}
.inner-r .inner-r-title {position: relative;width: 353px;height: 30px;padding: 0 0 0 40px;margin-bottom: 15px;line-height: 30px;font-size: 20px;color: #fcd32b;}
.inner-r-title i {position: absolute;left: 0;top: 5px;width: 33px;height: 22px;background: url(../images/images.png) -278px -143px;}
.inner-r-title a {position: absolute;right: 0;top: 0px;font-size: 12px;color: #8d8e90;}
.inner-r .inner-r-top-title {width: 100%;height: auto;text-align: center;}
.inner-r .inner-r-top-title h1 a{color: #fcd32b;font-size: 18px;font-weight: 700;}
.inner-r .inner-r-top-title h2 {margin: 15px 0;font-size: 12px;color: #aaa;}
.inner-r .inner-r-top-title h2 a{font-size: 12px;color: #aaa;}
.inner-r .inner-r-con {width: 100%;height: auto;}
.inner-r-con .blank {width: 100%;height: 20px;}
.inner-r-con li {padding-left: 30px;height: 32px;line-height: 32px;background: url(../images/news_icon.png) 10px center no-repeat;overflow: hidden;}
.inner-r-con li a {font-size: 14px;color: #aaa;}
.inner-r-con li a:hover {color: #e62800;}

.company-show {width: 100%;height: 911px;padding-top: 20px;background: url(../images/e32016_15.jpg) center center no-repeat scroll;}
.company-show-inner .company-show-title {position: relative;padding-left: 70px;height: 32px;line-height: 32px;font-size: 20px;color: #fcd32b;}
.company-show-title i {position: absolute;left: 30px;top: 0;width: 33px;height: 32px;background: url(../images/images.png) -278px -173px;}
.company-show-inner .company-map {position: relative;width: 100%;height: 879px;background: url(../images/map.png) -1px 68px no-repeat scroll;}
.company-map > .company-hover {position: absolute;z-index: 2;cursor: pointer;}
.company-map > .company-hover.microsoft {width: 289px;height: 186px;left: 103px;top: 49px;}
.company-map > .company-hover.ninteodo {width: 264px;height: 227px;left: 73px;top: 202px;}
.company-map > .company-hover.ea {width: 207px;height: 179px;left: 417px;top: 143px;}
.company-map > .company-hover.square-enix {width: 180px;height: 285px;left: 417px;top: 322px;}
.company-map > .company-hover.bethesda {width: 284px;height: 199px;left: 634px;top: 220px;}
.company-map > .company-hover.ubi {width: 251px;height: 228px;left: 565px;top: 492px;}
.company-map > .company-hover.sony {width: 323px;height: 179px;left: 759px;top: 378px;}
.company-map > .company-hover.microsoft:hover {background: url(../images/guang_18.png) center center no-repeat;}
.company-map > .company-hover.ninteodo:hover {background: url(../images/guang_06.png) center center no-repeat;}
.company-map > .company-hover.ea:hover {background: url(../images/guang_03.png) center center no-repeat;}
.company-map > .company-hover.square-enix:hover {background: url(../images/guang_11.png) center center no-repeat;}
.company-map > .company-hover.bethesda:hover {background: url(../images/guang_09.png) center center no-repeat;}
.company-map > .company-hover.ubi:hover {background: url(../images/guang_20.png) center center no-repeat;}
.company-map > .company-hover.sony:hover {background: url(../images/guang_14.png) center center no-repeat;}
.company-map > .company-news {position: absolute;z-index: -1;width: 300px;height: 215px;padding: 0 0 0 20px; background: url(../images/images.png) 0 -564px;transition: .5s;-webkit-transition: .5s;opacity: 0;}
.company-map > .company-news.microsoft {left: 70px;top: -170px;}
.company-map > .company-news.ninteodo {left: 20px;top: -10px;}
.company-map > .company-news.ea {left: 360px;top: -90px;}
.company-map > .company-news.square-enix {left: 360px;top: 100px;}
.company-map > .company-news.bethesda {left: 620px;top: -5px;}
.company-map > .company-news.ubi {left: 520px;top: 265px;}
.company-map > .company-news.sony {left: 750px;top: 140px;}
.company-map > .company-news.active {z-index: 3;}
.company-map > .company-news.microsoft.active {opacity: 1;top: -150px;}
.company-map > .company-news.ninteodo.active {opacity: 1;top: 10px;}
.company-map > .company-news.ea.active {opacity: 1;top: -70px;}
.company-map > .company-news.square-enix.active {opacity: 1;top: 120px;}
.company-map > .company-news.bethesda.active {opacity: 1;top: 15px;}
.company-map > .company-news.ubi.active {opacity: 1;top: 285px;}
.company-map > .company-news.sony.active {opacity: 1;top: 160px;}
.company-news .company-logo {background-image: url(../images/images.png);background-repeat: no-repeat;}
.company-news.microsoft .company-logo {height: 33px;margin: 30px 0 25px 0;background-position: -281px -450px;}
.company-news.ninteodo .company-logo {height: 26px;margin: 30px 0 25px 0;background-position: -281px -364px;}
.company-news.ea .company-logo {height: 33px;margin: 30px 0 25px 0;background-position: -281px -418px;}
.company-news.square-enix .company-logo {height: 30px;margin: 30px 0 25px 0;background-position: -281px -389px;}
.company-news.bethesda .company-logo {height: 30px;margin: 30px 0 25px 0;background-position: -281px -335px;}
.company-news.ubi .company-logo {height: 52px;margin: 30px 0 15px 0;background-position: -281px -511px;}
.company-news.sony .company-logo {height: 30px;margin: 30px 0 25px 0;background-position: -281px -481px;}
.company-news > li {height: 24px;line-height: 24px;padding-right: 10px;list-style-type: disc;color: #aaa;font-size: 12px;overflow: hidden;}
.company-news > li > a {font-size: 14px;color: #aaa;}

.hot-pop {height: auto;background-color: #1b1f28;}
.hot-pop-title {position: relative;padding: 29px 0 29px 70px;line-height: 32px;font-size: 20px;color: #fcd32b;}
.hot-pop-title i {position: absolute;width: 35px;height: 32px;left: 25px;top: 30px;background: url(../images/images.png) -278px -210px;}
.hot-pop .hot-pop-tab {padding: 18px 30px;height: 50px;background-color: #2d3e50;}
.hot-pop .hot-pop-tab > div {position: relative;float: left;width: 176px;height: 50px;padding-left: 190px;line-height: 50px;font-size: 16px;text-align: left;color: #74a0c1;background-color: #404a51;cursor: pointer;}
.hot-pop .hot-pop-tab > div.active,.hot-pop .hot-pop-tab > div:hover {color: #fff;background-color: #4997c3;}
.hot-pop .hot-pop-tab > div.mid {margin: 0 11px;}
.hot-pop .hot-pop-tab > div > i {position: absolute;width: 36px;height: 32px;left: 140px;top: 10px;background-image: url(../images/images.png);}
.hot-pop .hot-pop-tab > div > i.pc {background-position: -102px -430px;}
.hot-pop .hot-pop-tab > div:hover > i.pc,.hot-pop .hot-pop-tab > div.active > i.pc {background-position: 1px -430px;}
.hot-pop .hot-pop-tab > div > i.console {background-position: -136px -432px;}
.hot-pop .hot-pop-tab > div:hover > i.console,.hot-pop .hot-pop-tab > div.active > i.console {background-position: -33px -432px;}
.hot-pop .hot-pop-tab > div > i.vr {background-position: -171px -434px;}
.hot-pop .hot-pop-tab > div:hover > i.vr,.hot-pop .hot-pop-tab > div.active > i.vr {background-position: -68px -434px;}
.hot-pop .hot-pop-con {position: relative;width: 1120px;height: 274px;padding: 32px 30px 42px 30px;}
.hot-pop-con .hot-pop-item {position: absolute;left: 30px;top: 32px;opacity: 0;visibility: hidden;width: 1120px;height: 274px;background-color: #232931;transition: 1s;-webkit-transition: 1s;}
.hot-pop-con .hot-pop-item.active {opacity: 1;visibility: visible;}
.hot-pop-item .item-l {float: left;width: 498px;height: 274px;}
.item-l a {position: relative;display: block;width: 100%;height: 100%;}
.item-l a img {width: 100%;}
.item-l a span {position: absolute;width: 478px;height: 30px;padding: 75px 0 5px 20px;left: 0;bottom: 0;font-size: 16px;font-weight: 700;text-align: left;color: #fff;background: url(../images/small_img_jb.png);}
.hot-pop-item .item-r {float: left;padding: 20px 10px 0 30px;width: 582px;height: 254px;}
.hot-pop-item .item-r > a {display: block;width: 582px;height: 110px;margin-bottom: 30px;}
.hot-pop-item .item-r > a > div {float: left;width: 348px;height: 100%;padding-right: 20px;color: #464f62;line-height: 23px;text-align: left;}
.hot-pop-item .item-r > a > div h3 {font-size: 16px;font-weight: 700;color: #2a80e5;margin-bottom: 20px;}
.hot-pop-item .item-r > a > img {float: left;display: block;width: 214px;}
.item-r > li {padding-left: 10px;line-height: 30px;height: 30px;background: url(../images/li_dian.jpg) 2px center no-repeat;}
.item-r > li > a {display: block;font-size: 14px;color: #aaa;}
.item-r > li > a > span {display: block;float: left;width: 460px;overflow: hidden;white-space: nowrap;}
.item-r > li > a > span.time {float: right;width: 60px;text-align: right;color: #464f62;}

.exhibition-game {height: auto;background-color: #1b1f28;padding-bottom: 55px;}
.exhibition-game .exhibition-game-title {width: 100%;height: 50px;line-height: 50px;font-size: 20px;font-weight: 700;color: #fff;text-align: center;background: url(../images/cz_game_t_bg.png) center center repeat-y;}
.exhibition-game ul {padding: 0 30px;width: 1120px;height: auto;}
.exhibition-game ul .hidden-list {display: none;}
.exhibition-game ul li {float: left;width: 158px;height: 240px;margin: 40px 34.4px 0 0;}
.exhibition-game ul li a {position: relative;display: block;width: 100%;height: 100%;text-align: center;}
.exhibition-game ul li a img {display: block;width: 100%;height: 210px;}
.exhibition-game ul li a span {position: absolute;width: 100%;height: 35px;left: 0;top: 175px;line-height: 35px;font-size: 14px;color: #fff;background: url(../images/hei.png);}
.exhibition-game ul li a p {color: #aaa;font-size: 12px;line-height: 30px;}
.exhibition-game .checkall {position: relative;width: 155px;height: 35px;line-height: 35px;margin: 40px auto 0 auto;padding-left: 80px;font-size: 14px;color: #74a0c1;background-color: #232931;cursor: pointer;}
.exhibition-game .checkall i {position: absolute;width: 18px;height: 12px;right: 77px;top: 13px;background: url(../images/images.png) -278px -68px;}

.video {width: 1120px;height: 645px;padding: 0 30px;margin: 50px auto 50px auto;background-color: #1b1f28;}
.video .video-title,.pic .pic-title {position: relative;padding: 29px 0 29px 40px;height: 32px;line-height: 32px;font-size: 20px;color: #fcd32b;}
.video .video-title i,.pic-title i {position: absolute;width: 32px;height: 32px;left: 0;top: 29px;background: url(../images/images.png) -280px -242px;}
.video ul li {float: left;width: 340px;height: 220px;margin: 20px 50px 0 0;}
.video ul li a {position: relative;display: block;width: 100%;height: 100%;}
.video ul li a img {display: block;width: 100%;}
.video ul li a p {text-align: center;font-size: 14px;color: #999;line-height: 30px;}
.video ul li a:hover p {color: #fcd32b;text-decoration: underline;}
.video ul li a i {position: absolute;width: 48px;height: 48px;left: 10px;top: 130px;background: url(../images/images.png) 2px -470px;}
.video ul li a:hover i {background-position: -45px -470px;}

.pic {width: 1121px;height: 600px;margin: 0 auto 50px auto;padding: 0 29px 0 30px;background-color: #1b1f28;}
.pic-title i {background-position: -280px -273px;}
.pic-con > div {float: left;margin-right: 1px;height: 454px;}
.pic-con > div.pic-con-l {width: 352px;}
.pic-con > div.pic-con-m {width: 467px;}
.pic-con > div.pic-con-r {width: 300px;margin-right: 0;}
.pic-con > div a {position: relative;display: block;text-align: center;}
.pic-con > div a.pic-l {width: 352px;height: 454px;line-height: 454px;}
.pic-con > div a.pic-l span {line-height: 454px;}
.pic-con > div a.pic-m-t {float: left;width: 232px;height: 230px;margin: 0 1px 2px 0;line-height: 230px;}
.pic-con > div a.pic-m-t span {line-height: 230px;}
.pic-con > div a.pic-m-b {float: left;width: 467px;height: 222px;line-height: 222px;}
.pic-con > div a.pic-m-b span {line-height: 222px;}
.pic-con > div a.pic-r {width: 300px;height: 150px;margin-bottom: 2px;line-height: 150px;}
.pic-con > div a.pic-r span {line-height: 150px;}
.pic-con > div a img {width: 100%;}
.pic-con > div a span {position: absolute;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;line-height: 100%;font-size: 14px;color: #fff;background: url(../images/pic_bg.png);transition: 1s;-webkit-transition: 1s;}
.pic-con > div a:hover span {opacity: 1;}


.toTop {display: none;position: fixed;z-index: 99;right: 0;bottom: 70px;width: 128px;height: 484px;background: url(/zhuanti/images/celan.png);}
.toTop > img {display: block;width: 104px;height: 104px;margin: 18px auto 3px;}
.toTop > p {text-align: center;color: #fff;line-height: 18px;}
.toTop > a {display: block;width: 100%;height: auto;}
.toTop > a > i {display: block;margin: 20px 0 10px 0;width: 100%;height: 48px;background: url(/zhuanti/images/images.png) -7px -242px;}
.toTop > a > p {color: #74a0c1;text-decoration: underline;padding: 0 10px;text-align: center;}
.toTop > div {position: absolute;width: 100%;height: 200px;left: 0;bottom: 0;}
.toTop > div > a.md {display: block;float: left;padding: 15.5px 17px;width: 30px;height: 30px;color: #aaa;font-size: 14px;line-height: 15px;}
.toTop > div > a.lb {display: block;float: left;width: 100%;height: 39px;font-size: 14px;line-height: 39px;text-align: center;color: #aaa;}

.bbs {height: auto;margin-bottom: 50px;background-color: #1b1f28;}
.bbs .bbs-title {position: relative;height: 80px;line-height: 80px;padding-left: 65px;font-size: 20px;color: #fcd32b;}
.bbs-title i {position: absolute;width: 32px;height: 32px;top: 24px;left: 26px;background: url(/zhuanti/images/images.png) -282px -302px;}
.bbs-inner {width: 1000px;height: auto;margin: 0 auto;}