@charset "UTF-8";
/*******专题*******/
.bdsharewrap.bdstyle-t .bdsharebuttonbox a, .wrap .s1arrow span, .wrap .pages .page1 .bdsharewrap.bdstyle-t .bdsharebuttonbox a, .wrap .navbar a.navbtn, .wrap .commwrap a.commbtn, .wrap .commwrap a.close, .popupwrap1 .popup-close { background-image: url("//image.gamersky.com/webimg13/zhuanti/steam2015/wapcsprite.png"); background-repeat: no-repeat; background-size: 6.4rem; }

.wrap .navbar, .wrap .commwrap { -webkit-transition: all .25s ease-out; transition: all .25s ease-out; }

html, body { width: 100%; height: 100%; font-size: 100px; }

body { font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif; background-color: #1c1c1c; background-size: cover; }

ul { margin: 0; padding: 0; list-style: none; }

a { text-decoration: none; }

.clearfix:before, .clearfix:after, .container:before, .container:after { display: table; content: " "; }

.clearfix:after, .container:after { clear: both; }

.bdsharewrap.bdstyle-t { margin-left: 0.7rem; margin-top: 0.2rem; width: 5.6rem; height: 0.53rem; }
.bdsharewrap.bdstyle-t .bdsharebuttonbox { width: 5.6rem; height: 0.53rem; text-align: center; }
.bdsharewrap.bdstyle-t .bdsharebuttonbox a { margin: 0 0.5rem 0 0; padding: 0; float: left; width: 0.53rem; height: 0.53rem; }
.bdsharewrap.bdstyle-t .bdsharebuttonbox a.bds_tsina { background-position: 0rem -3.7rem; }
.bdsharewrap.bdstyle-t .bdsharebuttonbox a.bds_qzone { background-position: -1.12rem -3.7rem; }
.bdsharewrap.bdstyle-t .bdsharebuttonbox a.bds_sqq { background-position: -2.25rem -3.7rem; }
.bdsharewrap.bdstyle-t .bdsharebuttonbox a.bds_tieba { background-position: -3.35rem -3.7rem; }
.bdsharewrap.bdstyle-t .bdsharebuttonbox a.bds_more { background-position: -4.47rem -3.7rem; }
.bdsharewrap.bdstyle-t .bdsharebuttonbox a.bds_count { display: none; }

.wrap { position: relative; }
.wrap .s1arrow { position: absolute; bottom: 0.6rem; left: 50%; margin-left: -0.31rem; z-index: 10; width: 0.62rem; height: 0.46rem; }
.wrap .s1arrow span { display: block; width: 0.62rem; height: 0.23rem; background-position: 0 -0.8rem; }
.wrap .s1arrow span.arrow1 { -webkit-animation: arrow 1.0s ease-in-out 0.1s infinite both; animation: arrow 1.0s ease-in-out 0.1s infinite both; }
.wrap .s1arrow span.arrow2 { -webkit-animation: arrow 1.0s ease-in-out 0s infinite both; animation: arrow 1.0s ease-in-out 0s infinite both; }
@-webkit-keyframes arrow { 0% { -webkit-transform: translate3d(0, 0rem, 0); transform: translate3d(0, 0rem, 0); opacity: 1; }
  100% { -webkit-transform: translate3d(0, 0.4rem, 0); transform: translate3d(0, 0.4rem, 0); opacity: 0; } }
@keyframes arrow { 0% { -webkit-transform: translate3d(0, 0rem, 0); transform: translate3d(0, 0rem, 0); opacity: 1; }
  100% { -webkit-transform: translate3d(0, 0.4rem, 0); transform: translate3d(0, 0.4rem, 0); opacity: 0; } }
.wrap .pages { width: 100%; height: 100%; }
.wrap .pages .swiper-slide { overflow: hidden; }
.wrap .pages .page1 { background: url("//image.gamersky.com/webimg13/zhuanti/steam2015/bg0.jpg") center center no-repeat; background-size: 100% auto; }
.wrap .pages .page1 .bdsharewrap.bdstyle-t { position: absolute; right: 0.2rem; top: 0.62rem; width: 2.7rem; height: 0.52rem; }
.wrap .pages .page1 .bdsharewrap.bdstyle-t .bdsharebuttonbox { width: 2.7rem; height: 0.52rem; text-align: center; }
.wrap .pages .page1 .bdsharewrap.bdstyle-t .bdsharebuttonbox a { margin: 0 0.15rem 0 0; padding: 0; float: left; width: 0.51rem; height: 0.52rem; }
.wrap .pages .page1 .bdsharewrap.bdstyle-t .bdsharebuttonbox a.bds_tsina { background-position: -1.80rem 0rem; }
.wrap .pages .page1 .bdsharewrap.bdstyle-t .bdsharebuttonbox a.bds_tieba { background-position: -2.48rem 0rem; }
.wrap .pages .page1 .bdsharewrap.bdstyle-t .bdsharebuttonbox a.bds_qzone { background-position: -3.16rem 0rem; }
.wrap .pages .page1 .bdsharewrap.bdstyle-t .bdsharebuttonbox a.bds_more { background-position: -3.84rem 0rem; }
.wrap .pages .page2 .sectionArtwrap { overflow-y: auto;overflow-x: hidden;-webkit-overflow-scrolling: touch;-webkit-transform: translate3d(0,0,0); }
.wrap .pages .page2 .sectionArtwrap .topimg { display: block; margin-bottom: -2rem; width: 100%; height: auto; }
.wrap .pages .page2 .sectionArtwrap .sectionArt { padding: 0 0.2rem; font-size: 0.26rem; }
.wrap .pages .page2 .sectionArtwrap .sectionArt h4 { margin: 0 0 0.5rem; height: 0.5rem; line-height: 0.50rem; font-size: 0.3rem; font-weight: bold; color: #fff; text-align: center; }
.wrap .pages .page2 .sectionArtwrap .sectionArt h5 { margin: 0; margin-top: 0.25rem; margin-bottom: 0.3rem; height: 0.50rem; line-height: 0.50rem; font-size: 0.28rem; font-weight: bold; color: #ff8930; }
.wrap .pages .page2 .sectionArtwrap .sectionArt p { margin: 0; margin-bottom: 0.3rem; line-height: 0.50rem; font-size: 0.26rem; color: #ccc; text-indent: 0.34rem; }
.wrap .pages .page2 .sectionArtwrap .sectionArt p span { font-size: 0.12rem; text-align: center; }
.wrap .pages .page2 .sectionArtwrap .sectionArt p img { display: block; margin: 0.30rem 0; width: 100%; height: auto; }
.wrap .pages .page2 .sectionArtwrap .sectionArt a { font-size: 0.26rem; color: #30afff; text-decoration: none; }
.wrap .pages .page2 .sectionArtwrap .sectionArt a:hover { color: #30afff; text-decoration: underline; }
.wrap .pages .page2 .sectionArtwrap .section-cfoot { padding: 0 0.2rem 1rem; }
.wrap .pages .page2 .sectionArtwrap .section-cfoot .muhou { width: 100%; }
.wrap .pages .page2 .sectionArtwrap .section-cfoot .tiaozhuan { padding: 0.2rem 0; height: 0.5rem; line-height: 0.5rem; text-align: right; border-bottom: 1px solid #222; }
.wrap .pages .page2 .sectionArtwrap .section-cfoot .tiaozhuan a { display: block; height: 0.5rem; line-height: 0.5rem; font-size: 0.26rem; color: #30afff; text-decoration: none; }
.wrap .pages .page2 .sectionArtwrap .section-cfoot .tiaozhuan a:hover { text-decoration: underline; }
.wrap .navbar { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 0.8rem; font-size: 0.26rem; color: #e8f7ff; background-color: #275572; overflow: hidden; }
.wrap .navbar a.navbtn { display: block; margin-bottom: 0.05rem; width: 100%; height: 0.8rem; background-color: #326381; background-position: 0 0.1rem; }
.wrap .navbar li { padding: 0 0.46rem; height: 0.6rem; line-height: 0.6rem; }
.wrap .navbar li a { display: block; height: 0.6rem; line-height: 0.6rem; color: #e8f7ff; text-decoration: none; border-bottom: 1px solid #19374a; }
.wrap .navbar.zk { height: 6rem; padding-bottom: 0.5rem; }
.wrap .commwrap { position: fixed; bottom: 0; left: 0; z-index: 990; width: 100%; height: 0.8rem; background-color: #222; overflow: hidden; }
.wrap .commwrap a.commbtn { display: block; width: 100%; height: 0.8rem; background-position: right -1.4rem; }
.wrap .commwrap a.close { display: block; margin-bottom: 0.05rem; width: 100%; height: 0.8rem; background-position: right -2.4rem; }
.wrap .commwrap .bot { padding: 0.1rem 0; width: 100%; background-color: #1c1c1c; font-size: 0.16rem; color: #ddd; text-align: center; }
.wrap .commwrap .bot p { margin: 0.05rem 0; }
.wrap .commwrap .comm { width: 100%; overflow-y: auto; font-size: 0.28rem; color: #fff; -webkit-overflow-scrolling: touch;-webkit-transform: translate3d(0,0,0);}
.wrap .commwrap .comm .section-title-b, .wrap .commwrap .comm .section-cbox-b, .wrap .commwrap .comm .section-cbox-wap .cbox-post-b, .wrap .commwrap .comm .wrap-build-wap.wrap-build-b, .wrap .commwrap .comm .section-cbox-wap .cbox-post-wap .post-action-b, .wrap .commwrap .comm .section-cbox-wap .face-box-wap .box-cont-wap { background: none; }
.wrap .commwrap .comm .section-cbox-wap .cbox-post-b, .wrap .commwrap .comm .section-title-b, .wrap .commwrap .comm .section-cbox-b, .wrap .commwrap .comm .section-cbox-wap .cbox-post-wap .post-action-b, .wrap .commwrap .comm .section-cbox-wap .face-box-wap .box-cont-wap, .wrap .commwrap .comm .section-cbox-wap .cbox-post-wap .post-action-wap .action-function-wap .function-list-wap .list-face-b { border-color: #070707; }
.wrap .commwrap .comm .section-list-wap { padding: 0; }
.wrap .commwrap .comm .section-list-wap .list-kinds-wap .kinds-title-b { padding: .875em .625em; margin-bottom: .625em; background-color: #1c1c1c; border: none; color: #fff; font-weight: normal; }
.wrap .commwrap .comm .section-list-wap .list-kinds-wap .kinds-comment-b { padding: .625em; border-color: #1c1c1c; }
.wrap .commwrap .comm .section-list-wap .list-kinds-wap .kinds-comment-wap .comment-cont-wap .cont-text-b { color: #fff; }
.wrap .commwrap .comm .section-list-wap .list-kinds-wap .kinds-comment-wap .comment-header-wap .header-wrap-wap .wrap-msg-wap .msg-name-b { color: #89a8c7; font-weight: normal; }
.wrap .commwrap .comm .section-list-wap .list-kinds-wap .kinds-comment-wap .comment-header-wap .header-wrap-wap .wrap-msg-wap .msg-time-b { color: #3b71a4; font-weight: normal; }
.wrap .commwrap .comm .section-list-wap .list-kinds-wap .kinds-comment-wap .comment-build-wrap-wap .wrap-build-wap .build-inner-wap { background: #1c1c1c; border-color: transparent; border-bottom: 1px dotted #222; }
.wrap .commwrap .comm .section-list-wap .list-kinds-wap .kinds-comment-wap .comment-build-wrap-wap .wrap-build-b { border-color: transparent; }
.wrap .commwrap .comm .section-list-wap .list-kinds-wap .kinds-comment-wap .comment-build-wrap-wap .wrap-build-wap .build-inner-wap .wrap-build-middle-b { border-color: transparent; border-bottom: 1px dotted #222; }
.wrap .commwrap .comm .section-list-wap .list-kinds-wap .kinds-comment-wap .comment-cont-wap .cont-text-wap { padding-top: 0.625em; }
.wrap .commwrap .comm .section-list-wap .list-kinds-wap .kinds-comment-wap .comment-build-wrap-wap .wrap-build-wap .build-inner-wap .comment-cont-wap .cont-title-wap .title-name-b { color: #89a8c7; }
.wrap .commwrap .comm .wrap .pages .page5 .slcom .comwrap .section-list-wap .list-kinds-wap .kinds-comment-wap .comment-build-wrap-wap .wrap-build-wap .build-inner-wap .wrap-build-middle-b, .wrap .commwrap .comm .wrap .pages .page5 .slcom .comwrap .section-list-wap .list-kinds-wap .kinds-comment-wap .comment-build-wrap-wap .wrap-build-wap .build-inner-wap .wrap-build-middle-wap .middle-inner-b, .wrap .commwrap .comm .section-list-wap .list-kinds-wap .kinds-comment-wap .comment-build-wrap-wap .wrap-build-wap .build-inner-wap .wrap-build-middle-wap .middle-inner-b { border-color: transparent; border-bottom: 1px dotted #222; }
.wrap .commwrap .comm .section-list-wap .list-kinds-wap .kinds-comment-wap .comment-header-wap .header-praise-wap .praise-number-b { color: #3b71a4; }
.wrap .commwrap .comm .section-page-wap .page-count-wap .count-mutual-b { background-color: #1c1c1c; color: #3b71a4; }
.wrap .commwrap .comm .section-service-wap .service-jump-wap .jump-text-b { color: #89a8c7; }
.wrap .commwrap .comm .section-cbox-wap .cbox-post-wap .post-action-wap .action-issue-wap .issue-btn-wap .btn-mutual-b { background-image: url("//image.gamersky.com/webimg13/zhuanti/steam2015/wapb06.png"); }
.wrap .commwrap .comm .section-service-wap .service-jump-wap .jump-text-wap .text-icon-b { background-image: url("//image.gamersky.com/webimg13/zhuanti/news-of-2015/wap/wapb10.png"); background-position: center center; }
.wrap .commwrap .comm .section-list-wap .list-kinds-wap .kinds-comment-wap .comment-build-wrap-wap .wrap-build-wap .build-inner-wap .comment-cont-wap .cont-title-wap .title-floors-b { color: #3b71a4; }
.wrap .commwrap .comm .section-title-wap .title-comment-wap .comment-wrap-wap .wrap-number-wap .number-arrows-wap { padding: 0 .5em; }
.wrap .commwrap .comm .section-title-wap .title-comment-wap .comment-wrap-b { color: #fff; font-weight: normal; }
.wrap .commwrap .comm .section-title-wap .title-user-wap .user-name-b { color: #fff; font-weight: normal; }
.wrap .commwrap .comm .section-list-wap .list-kinds-wap .kinds-comment-wap .comment-header-wap .header-praise-wap .praise-icon-b { background-image: url("//image.gamersky.com/webimg13/zhuanti/news-of-2015/wap/wapb13.png"); }
.wrap .commwrap .comm .section-list-wap .list-kinds-wap .kinds-comment-wap .comment-header-wap .header-praise-e .praise-icon-b { background-image: url("//image.gamersky.com/webimg13/zhuanti/news-of-2015/wap/wapb14.png"); }
.wrap .commwrap .comm .section-title-wap .title-comment-wap .comment-wrap-wap .wrap-number-b { background-image: url("//image.gamersky.com/webimg13/zhuanti/steam2015/wapb01.png"); }
.wrap .commwrap .comm .section-title-wap .title-comment-wap .comment-wrap-wap .wrap-number-wap .number-arrows-b { background-color: #326381; }

.mask { display: none; position: fixed; top: 0; left: 0; z-index: 992; width: 100%; height: 100%; background: url("//image.gamersky.com/webimg13/zhuanti/common/black60.png") 0 0 repeat; }

.popmask { display: none; position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; background-color: rgba(0, 23, 46, 0.9); }

.popupwrap1 { display: none; left: 50%; z-index: 100; width: 6.02rem; height: 6.02rem; }
.popupwrap1 .popupcon { width: 6.02rem; height: 6.02rem; background-color: #FFF; }
.popupwrap1 .popup-close { position: absolute; top: 0.2rem; right: 0.2rem; width: 0.27rem; height: 0.27rem; background-position: -6.1rem -0.8rem; }

@media (min-width: 642px) { html, body { font-size: 120px; } }
@media (max-width: 641px) { html, body { font-size: 100px; } }
@media (max-width: 601px) { html, body { font-size: 93.75px; } }
@media (max-width: 520px) { html, body { font-size: 81.25px; } }
@media (max-width: 415px) { html, body { font-size: 64.6875px; } }
@media (max-width: 384px) { html, body { font-size: 60px; } }
@media (max-width: 376px) { html, body { font-size: 58.59375px; } }
@media (max-width: 361px) { html, body { font-size: 56.25px; } }
@media (max-width: 321px) { html, body { font-size: 50px; } }