body{background:#f6f6f6}.clearfix{*zoom:1}.clearfix:after{content:" ";display:table;width:100%;clear:both}.banner{line-height:1;color:#fff;height:200px;background:url("../../image/version2/game/game_banner.jpg-v=201809111647.jpg")/*tpa=https://hdh.faisys.com/image/version2/game/game_banner.jpg?v=201809111647*/ no-repeat 50% 50%}.banner .content{overflow:hidden}.banner .content .title{margin-top:67px;font-size:28px}.banner .content .desc{margin-top:14px;font-size:18px}.screen-box .placeholder{background:#f6f6f6;height:60px;display:none}.screen-box.screen-fixed .placeholder{display:block}.screen-box .screen-wrap{background:#fff;font-size:14px;color:#535353}.screen-box.screen-fixed .screen-wrap{position:fixed;z-index:10;top:70px;left:0;right:0;transform:translateZ(0);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0)}.screen-box .screen-wrap .content .item{border:1px solid transparent;border-top:0;border-bottom:0;padding:0 20px;height:60px;line-height:60px;text-align:center;float:left;cursor:pointer;position:relative;z-index:1}.screen-box .screen-wrap .content .item.has-children:before{content:" ";position:absolute;z-index:2;left:0;right:0;bottom:-1px;height:0;display:block;background:#fdfdfd}.screen-box .screen-wrap .children .more-festival:after,.screen-box .screen-wrap .content .item.has-children:after{content:" ";width:10px;height:5px;display:inline-block;vertical-align:2px;margin-left:5px;background:url("../../image/version2/game/game_sprites.png-v=201809111647.png")/*tpa=https://hdh.faisys.com/image/version2/game/game_sprites.png?v=201809111647*/ no-repeat -10px -10px}.screen-box .screen-wrap .children .more-festival .text.active,.screen-box .screen-wrap .children .more-festival.show-dropdown .text,.screen-box .screen-wrap .children .more-festival:hover .text,.screen-box .screen-wrap .content .item:hover,.screen-box .screen-wrap .item.active{color:#4381fd}.screen-box .screen-wrap .content .item.active.item.has-children{background-color:#fdfdfd;border-color:#e2e2e2}.screen-box .screen-wrap .content .item.active.has-children:before{height:1px}.screen-box .screen-wrap .children .more-festival.show-dropdown:after,.screen-box .screen-wrap .content .item.active.item.has-children:after{vertical-align:3px;background-position:-40px -10px}.screen-box .screen-wrap .children{border:1px solid #dcdcdc;background:#fdfdfd;color:#949494}.screen-box .screen-wrap .children .more-festival{padding:0 20px;height:60px;line-height:60px;text-align:center;float:left;cursor:pointer;position:relative;z-index:5;display:block}.screen-box .screen-wrap .children .more-festival .more-festival-dropdown{position:absolute;z-index:10;top:100%;left:50%;width:110px;margin-left:-55px;max-height:230px;background:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;box-shadow:0 0 3px 1px rgba(0,0,0,0.15);overflow-x:hidden;overflow-y:auto;display:none}.screen-box .screen-wrap .children .more-festival.show-dropdown .more-festival-dropdown{display:block}.screen-box .screen-wrap .children .more-festival .more-festival-dropdown .dropdown-item{height:32px;line-height:32px}.screen-box .screen-wrap .children .more-festival .more-festival-dropdown .dropdown-item:hover{background:#f5f5f5}.active-box{overflow:hidden;margin-top:50px;margin-bottom:40px;min-height:80px}.active-box .list{margin:0 -18.75px 0}.active-box .list .item{width:210px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;overflow:hidden;margin:0 18.75px 40px;float:left;border:1px solid #dadada;box-sizing:border-box;background:#e5e5e5}.active-box .list .item .pic-wrap{position:relative;z-index:2}.active-box .list .item .pic-wrap .mask{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;background:#000;background:rgba(0,0,0,0.8);opacity:0;filter:alpha(opacity=0);transition:opacity .3s;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s}.active-box .list .item:hover .pic-wrap .mask{opacity:1;filter:alpha(opacity=100)}.active-box .list .item .pic-wrap .mask .qrcode-wrap{text-align:center;padding-top:95px}.active-box .list .item .pic-wrap .mask .qrcode-wrap .qrcode{background:#fff;padding:8.5px;display:inline-block}.active-box .list .item .pic-wrap .mask .qrcode-wrap .qrcode img{width:105px;height:105px;display:block}.active-box .list .item .pic-wrap .mask .qrcode-wrap .text{margin-top:12px;font-size:14px;color:#fdfdfd;cursor:default}.active-box .list .item .pic-wrap .pic{height:374px;line-height:374px;text-align:center}.active-box .list .item .pic-wrap .pic img{width:100%;height:100%}.active-box .list .item .pic-wrap .pic .lazyLoad{width:auto;height:auto;display:inline-block;vertical-align:middle}.active-box .list .item .title{height:57px;line-height:57px;text-align:center;font-size:16px;color:#535353;background:#fff;cursor:default;padding:0 10px}.load-finish-text{width:1200px;margin:0 auto;text-align:center;color:#979ba0;font-size:16px;padding-bottom:25px}.load-finish-text .before,.load-finish-text .after{content:'';background:#d0d2d5;height:1px;width:448px;display:inline-block;vertical-align:middle;margin-right:20px}.load-finish-text .after{margin-right:0;margin-left:20px}