/*
 * @Title: 驱入虚空-专题
 * @Path: 2025\html-驱入虚空-专题
 * @Autor: Beryoo
 * @LastEditTime: 2025/10/23 11:58:22 
 **/
*html{background-image: url(about:blank); background-attachment: fixed}
body{font: 14px/24px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53"; _font-family: "\5B8B\4F53"; overflow-x: hidden; color: #333; background-color: #c3e9ff}
body, html, a, img, div, form, input, ul, li, h1, h2, h3, p, em, span, i, dd, dl, dt{margin: 0; padding: 0}
a{color: #000; text-decoration: none}
a:hover{color: #fa9403; text-decoration: none}
ol, ul, li{list-style: none}
em, i{font-style: normal}
img{border: none}
*:focus{outline: none}
.pr{position: relative}
/* --------- Css for reSet --------- */
.cf{*zoom: 1}
.cf:after{content: ''; display: block; height: 0; clear: both}
.fl, .fr{_display: inline !important; overflow: hidden}
.fl{float: left}
.fr{float: right}
.lh, .gameinfobox .btns .a a, .gameinfobox .btns .share .sy_sharebox a, .btn-jbzx{line-height: 500px; overflow: hidden}
.w{width: 1000px; margin: 0 auto}
.gray{filter: grayscale(80%); -webkit-filter: grayscale(80%); -moz-filter: grayscale(80%); -ms-filter: grayscale(80%); -o-filter: grayscale(80%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.8); filter: gray}
.bg01{background: url(../images/bg01.jpg) no-repeat center 0; height: 206px; min-width: 1000px}
.bg02{background: url(../images/bg02.jpg) no-repeat center 0; height: 172px; min-width: 1000px}
.bg03{background: url(../images/bg03.jpg) no-repeat center 0; height: 240px; min-width: 1000px}
.bg04{background: url(../images/bg04.jpg) no-repeat center 0; height: 705px; min-width: 1000px}
.bg05{background: url(../images/bg05.jpg) no-repeat center 0; height: 378px; min-width: 1000px}
.bg06{background: url(../images/bg06.jpg) no-repeat center 0; height: 670px; min-width: 1000px}
.bg07{background: url(../images/bg07.jpg) no-repeat center 0; min-width: 1000px}
.btn-ltcenter{float: right; margin: 38px 20px 0 0; line-height: 200px; overflow: hidden; background: url(../images/btn-lunt.png) no-repeat; width: 120px; height: 44px}
.btn-ltcenter:hover{background-position-y: bottom}
.btn-begingame, .btn-ygame{display: inline-block; margin: 0 auto; line-height: 200px; overflow: hidden; background: url(../images/btn-ksyx.png) no-repeat; width: 349px; height: 96px}
.btn-begingame:hover, .btn-ygame:hover{background-position-y: bottom}
.btn-ygame{background-image: url(../images/btn-yyx.png)}
.headbtn{text-align: center}
.ageRight{position: absolute; background: url(../images/limitage.png) no-repeat; top: 0; left: 0; width: 82px; height: 107px; cursor: pointer}
.headinfo{text-align: center; color: #fff; margin-top: 18px; line-height: 20px; background: url(../images/txtbg.png) no-repeat center; width: 300px; height: 50px; margin: 0 auto; padding-top: 10px; margin-top: 10px}
.headinfo span{color: #fff563}
.gameinfobox{background: url(../images/box-yxjs.png) no-repeat; height: 128px; padding-top: 30px; margin-bottom: 25px}
.gameinfobox .txt{width: 660px; float: left; margin-left: 130px; font-size: 16px; color: #fff}
.gameinfobox .btns{float: right; width: 134px; margin-right: 60px; text-align: right}
.gameinfobox .btns .a a{width: 134px; height: 46px; background: url(../images/btns1.png) no-repeat; display: inline-block; margin-left: 15px}
.gameinfobox .btns .a a.a2{background-position-y: bottom}
.gameinfobox .btns .a a:hover{background-position-x: right}
.gameinfobox .btns .share .sy_sharebox{display: inline-block; vertical-align: middle}
.gameinfobox .btns .share .sy_sharebox a{display: inline-block; background: url(../images/share.png) no-repeat; width: 16px; height: 16px}
.gameinfobox .btns .share .sy_sharebox a.weixin{background-position-x: -22px}
.gameinfobox .btns .share .sy_sharebox a.qzone{background-position-x: -45px}
.gameinfobox .btns .share .sy_sharebox a.weibo{background-position-x: right}
.hottuijian .lb-con{width: 478px; height: 268px; overflow: hidden; position: relative; float: right; padding: 6px; margin-top: 10px}
.hottuijian .lb-con-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/box-lbt.png) no-repeat; z-index: 2}
.hottuijian .lb-imgs{height: 100%; width: 100%; position: relative}
.hottuijian .lb-imgs li, .hottuijian .lb-imgs .li a{width: 100%; height: 100%; display: block}
.hottuijian .lb-imgs img{display: block; width: 100%; height: 100%}
.hottuijian .lb-tit{position: absolute; bottom: 7px; left: 7px; z-index: 2; width: 478px; height: 40px; line-height: 40px; overflow: hidden; height: 268px}
.hottuijian .lb-tit a{padding-left: 15px; color: #fff; font-size: 16px; text-decoration: none; height: 100%; display: block; line-height: 496px}
.hottuijian .lb-nav{position: absolute; bottom: 22px; right: 24px; z-index: 2; height: 10px}
.hottuijian .lb-nav span{background: #fff; float: left; display: inline; margin-left: 8px; width: 10px; height: 10px; line-height: 999; overflow: hidden; cursor: pointer; transition: all 0.2s linear}
.hottuijian .lb-nav span.on{width: 28px; background-color: #1ca5f8}
.hottuijian .con2-l{float: left; display: inline; width: 505px}
.hottuijian .txttab{padding: 12px 0 0 190px; height: 40px; overflow: hidden; position: relative; background: url(../images/navbg.png) no-repeat; margin-left: -11px}
.hottuijian .txttab li{float: left; width: 89px; overflow: hidden}
.hottuijian .txttab li .a{width: 100%; height: 100%; line-height: 38px; display: block; text-align: center; font-size: 20px; color: #333; cursor: pointer}
.hottuijian .txttab li .more{position: absolute; top: 0; right: 5px; display: none; line-height: 38px; color: #fff837}
.hottuijian .txttab li.on{background: url(../images/tabon.png) no-repeat center}
.hottuijian .txttab li.on .a{color: #ffed51}
.hottuijian .txttab li.on .more{display: block}
.hottuijian .txtcon{margin-top: 5px}
.hottuijian .txtwrap{background-color: #e8f7ff; width: 495px}
.hottuijian .moretxt{width: 495px; height: 40px; line-height: 40px; text-align: center; display: block; background-color: #d9e9f2; color: #333}
.tabcon .list0{display: none}
.list0{display: block; overflow: hidden; padding: 16px 14px 3px}
.list0 li{height: 24px; padding-right: 60px; line-height: 24px; position: relative; overflow: hidden; color: #000; font-size: 16px; margin-bottom: 21px}
.list0 li:last-child{border-bottom: none}
.list0 li em{display: inline-block; height: 24px; background-color: #1aa4f4; color: #fff; padding: 0 8px; border-radius: 6px; vertical-align: top; margin-right: 10px}
.list0 li em.gg{background-color: #faae4b}
.list0 li a{display: inline-block; zoom: 1; max-width: 90%; white-space: nowrap; line-height: 24px; text-overflow: ellipsis; overflow: hidden; color: #333}
.list0 li img{display: inline-block; vertical-align: middle}
.list0 li span{position: absolute; right: 0; top: 0px; width: 45px; height: 24px; line-height: 24px}
.list0 li:hover a{text-decoration: underline; color: #339dff}
.list0 li:hover span{color: #339dff}
.w2{width: 1020px; margin: 0 auto}
.bannerbox{font-size: 0; margin-top: 25px; text-align: center; height: 165px}
.bannerbox a{margin: 0 9px; display: inline-block; position: relative}
.bannerbox a img{width: 319px; display: block}
.bannerbox a em{background: url(../images/bantxt.png) no-repeat; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0}
.bannerbox a.a2 em{background-position-x: center}
.bannerbox a.a3 em{background-position-x: right}
.bannerbox a:hover em{background-position-y: bottom}
.bannerbox2{margin-top: 24px; background-color: #e7ce96; padding: 6px 0}
.bannerbox2 img{width: 976px; display: block; margin: 0 auto; border: 1px solid #ffd75c}
.box-sppz .list0{margin: 90px 0 0 32px; padding: 0; float: left; width: 306px}
.box-sppz .list0 li{padding-right: 0}
.configs{width: 325px; float: left}
.configs .htvideo .tab{text-align: center; width: 100%}
.configs .htvideo .tab span{margin: 0 15px}
.configs .pzlist{margin: 90px 0 0 35px}
.configs .pzlist li{width: 100%; height: 24px; line-height: 24px; float: left; display: inline; overflow: hidden; margin-bottom: 21px}
.configs .pzlist em{width: 44px; text-align: center}
.configs .pzlist span{margin-left: 15px}
.configs .pzlist em, .configs .pzlist span{height: 65px; font-size: 16px; float: left; display: inline}
.service{padding-top: 95px; float: left; margin-left: 30px; font-size: 16px}
.service li{height: 46px}
.service li span{color: #339dff; font-size: 16px}
.btn-jbzx{background: url(../images/btn-center.png) no-repeat; width: 223px; height: 46px; display: block; margin: 0 auto}
.btn-jbzx:hover{background-position-y: bottom}
.tit-yxts{background: url(../images/tit1.png) no-repeat center; height: 33px; margin-top: 30px}
#pic-slide{padding-top: 146px; margin-bottom: 80px; position: relative; height: 412px; width: 1000px; margin: 0 auto 80px}
#pic-slide .d-prev, #pic-slide .d-next{width: 34px; height: 90px; line-height: 999em; position: absolute; top: 53%; z-index: 3; background: url(../images/pn.png) no-repeat; cursor: pointer}
#pic-slide .d-prev:hover, #pic-slide .d-next:hover{background-position-y: bottom}
#pic-slide .d-prev{left: 16px}
#pic-slide .d-next{background-position-x: right; right: 16px}
.d-img{position: relative; margin: 0 auto; height: 393px; width: 1000px}
.d-img li{position: absolute; display: none; z-index: 0; border: 2px solid #fff; overflow: hidden}
.d-img li.d-pos1{width: 640px; left: 0; top: 25px; z-index: 1}
.d-img li.d-pos2{width: 730px; left: 135px; top: 0; z-index: 3}
.d-img li.d-pos3{width: 640px; left: 360px; top: 25px; z-index: 1}
.d-img li img{width: 100%; height: 100%; display: block}
.d-img li a{display: block; width: 100%; height: 100%; position: relative; z-index: 1}
.d-img li.d-pos1, .d-img li.d-pos2, .d-img li.d-pos3{display: block}
.d-menu{position: absolute; bottom: -50px; width: 100%; text-align: center; z-index: 10}
.d-menu li{display: inline-block; zoom: 1; width: 22px; height: 6px; background: url(../images/menuli.png) no-repeat center; cursor: pointer; margin-right: 10px; transition: all 0.2s linear}
.d-menu li.on{background-image: url(../images/menulion.png); width: 30px}
.rolebox{width: 1000px; height: 535px; margin: 0 auto; position: relative; padding-top: 135px; color: #fff}
.rolebox .roleimg{position: absolute; top: 47px; right: -148px}
.rolebox .txtcont{width: 522px; min-height: 280px}
.rolebox .tit{background-color: #2aa5fc; border: 1px solid #fff; display: inline-block; padding: 0 10px; height: 60px; line-height: 60px}
.rolebox .tit h2{font-size: 36px; display: inline-block; height: 60px; vertical-align: top}
.rolebox .tit p{display: inline-block; background-color: #297cec; height: 30px; vertical-align: middle; line-height: 30px; position: relative; padding: 0 5px; margin-left: 10px}
.rolebox .tit p i{position: absolute; background: url(../images/i2.png) no-repeat; width: 8px; height: 8px; bottom: 0; left: 0}
.rolebox .tit p em{position: absolute; background: url(../images/i1.png) no-repeat; width: 8px; height: 8px; top: 0; right: -4px}
.rolebox .ftit{margin-top: 38px; color: #fee53a; text-align: left; font-size: 18px}
.rolebox .txt{margin-top: 10px; font-size: 16px; text-align: left; width: 482px; padding: 20px; background-color: rgba(31, 124, 225, 0.62)}
.rolebox .txt p{margin-bottom: 10px}
.rolebox .txt p:last-child{margin-bottom: 0}
.rolebox .godswrap{position: absolute; bottom: 25px; left: 0; width: 515px; margin-top: 20px}
.rolebox .godswrap .i-godtl, .rolebox .godswrap .i-godtr{width: 34px; height: 90px; line-height: 999em; position: absolute; top: 24px; z-index: 3; background: url(../images/pn.png) no-repeat}
.rolebox .godswrap .i-godtl:hover, .rolebox .godswrap .i-godtr:hover{background-position-y: bottom}
.rolebox .godswrap .i-godtl{left: 0}
.rolebox .godswrap .i-godtr{background-position-x: right; right: 0}
.rolebox .godswrap .godsbox{width: 412px; overflow: hidden; margin: 0 auto}
.rolebox .godslist{white-space: nowrap; font-size: 0; width: 100%}
.rolebox .godslist li{width: 84px; height: 147px; display: inline-block; text-align: center; overflow: hidden; margin-right: 10px; background: url(../images/rtab.png) no-repeat right 0; padding: 6px 0 0 11px; user-select: none; cursor: pointer}
.rolebox .godslist li img{width: 78px; display: block; opacity: .38}
.rolebox .godslist li.on{background-image: url(../images/rtabon.png)}
.rolebox .godslist li.on img{opacity: 1}
.fixed-menu{position: fixed; left: 50%; margin-left: 540px; bottom: 150px; overflow: hidden; display: block; background: url(../images/side.png) no-repeat right 0; width: 125px; height: 333px}
.fixed-menu .btns a{width: 100%; height: 36px; display: block; text-align: center; line-height: 36px; font-size: 18px; margin-bottom: 16px}
.fixed-menu .btns a.on, .fixed-menu .btns a:hover{background: url(../images/sideon.png); color: #ffe930}
.fixed-menu .btns a.top{background: url(../images/top.png) no-repeat center; width: 80%; height: 32px; display: block; margin: 0 auto}
.fixed-menu .libag{width: 100%; height: 105px; display: block}
.popbg{width: 100%; height: 100%; position: fixed; background-color: rgba(0, 0, 0, 0.5); top: 0; left: 0; z-index: 101; display: none}
.popbox{width: 424px; height: 508px; background: url(../images/p-bg.png) no-repeat; position: fixed; top: 50%; left: 50%; margin: -279px 0 0 -257px; z-index: 101; padding: 25px 45px; display: none}
.popbox .popclose{width: 40px; height: 40px; background: url(../images/p-close.png) no-repeat center; position: absolute; top: 15px; right: 25px; cursor: pointer}
.popbox .poptit{background: url(../images/p-titbg.png) center bottom no-repeat; height: 50px; line-height: 50px; text-align: center; font-size: 28px; font-weight: bold}
.popbox .poptext{text-align: left; color: #ffffff; line-height: 25px; padding: 25px 0}
.popbox .pline{height: 10px; background: url(../images/p-line.png) left center no-repeat}
.popbox .ptt{background-image: -webkit-linear-gradient(right, #0ab976, #4ff7b7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 28px; font-weight: bold; line-height: 50px; padding: 10px 0}
.popbox .pinput{width: 374px; height: 24px; background: url(../images/p-input.png) no-repeat; outline: none; border: 0; font-size: 18px; color: #fff; padding: 14px 15px; line-height: 24px}
.popbox .ptip{text-align: left; color: #9799a3; line-height: 25px; padding: 10px 0}
.popbox .p-btn{text-align: center}
.popbox .p-btn a{width: 404px; height: 52px; background: url(../images/p-btn.png) no-repeat; line-height: 52px; color: #ffffff; font-size: 20px; display: block; text-align: center; margin: 30px auto 0; cursor: pointer}
.popbox .p-btn a:hover{opacity: .9}
.popbox .pmore{text-align: center; padding: 20px 0 0}
.popbox .pmore a{color: #ffffff; font-size: 16px; line-height: 30px}
.popbox .pmore a:hover{text-decoration: underline; opacity: .9}
.pop-limit{width: 740px; background-color: #fff; border-radius: 10px; padding: 20px 20px 30px; position: absolute; top: 12%; left: 50%; margin-left: -390px; z-index: 300; display: none; text-align: justify; color: #333; font-size: 14px; opacity: 0.85; filter: alpha(opacity=85)}
.pop-limit .pop-close{font-size: 40px; position: absolute; right: 10px; top: 10px; cursor: pointer; width: 30px; height: 30px; color: #333; text-align: center; line-height: 30px}
.pop-limit .pop-tit{text-align: center; font-size: 24px; line-height: 40px; font-weight: 700}
.pop-limit .pop-limittxt{max-height: 500px; overflow: hidden; overflow-y: auto}
.pop-limit .pop-limittxt li{margin-top: 20px; position: relative; *zoom: 1; padding: 0 40px}
.pop-limittxt li .item{line-height: 28px; font-size: 14px}
.pop-limittxt li a{color: #f60; text-decoration: underline}
.pop-white{background-color: #fff; color: #333}
.pop-white .pop-close{color: #333}
.pop-black{background-color: #2b2b2b; color: #fff}
.pop-black .pop-close{color: #fff}
.comment-box{position: relative; width: 1000px; margin: 25px auto}
.comment-pin, .friendlink{width: 1000px; margin: 0 auto 10px; background-color: #fff; padding: 10px 0}
.friendlink{background: none}
.friendlink .hdarea{height: 49px; border-bottom: 1px solid #eee}
.friendlink .hdarea em{height: 48px; line-height: 54px; margin-bottom: 1px; float: left; display: inline; font-size: 28px; font-weight: bold; color: #30e8fe; position: relative; border-bottom: 2px solid #30e8fe; overflow: hidden; padding: 0 10px}
.friendlink .fri-qq{background: url("../images/fri-ico_v1.png") no-repeat; background-position: -34px -52px; height: 20px; line-height: 20px; margin-top: 20px; margin-left: 20px; padding-left: 24px; float: left; display: inline; color: #fff}
.friendlink .fri-qq span{color: #2794ef}
.friendlink .fri-list{padding: 10px 15px; font-size: 12px; height: 1%; clear: both; overflow: hidden}
.friendlink .fri-list li{height: 24px; line-height: 24px; margin-right: 20px; float: left; display: inline; white-space: nowrap; word-break: break-all; word-wrap: break-word}
.friendlink .fri-list a, .bulletin a{color: #fff}
.friendlink .fri-list a:hover, .bulletin a:hover{color: #f60}
.bulletin{width: 980px; line-height: 24px; padding: 10px; margin: 0 auto; text-align: center; position: relative; z-index: 3; overflow: hidden}
.bulletin img{width: 19px; height: 22px; margin-right: 3px; display: inline-block; vertical-align: top; *vertical-align: middle; *margin-top: -2px}
.phone_product .ico_yh{background: url(newsimg.5054399.com/css/shouyou/images/phone_universal_e2.png) no-repeat 0 -420px; width: 16px; height: 16px; float: left}
.phone_product dd{color: #333; float: left; height: 16px; font-size: 12px; margin: 2px 0 0 0; background: url(newsimg.5054399.com/css/shouyou/images/phone_universal_e2.pn) no-repeat right -231px; padding: 0 8px; font-family: "simsun"; line-height: 16px}
.phone_product dd i{margin: 0 5px 0 0}