/*# zfa 2024/7/16 13:35:27 快爆PC-web */

body{font-size:12px;font-family:arial,\5FAE\8F6F\96C5\9ED1;_font-family:arial,\5B8B\4F53;background:#f6f6f6}
body,html,a,img,div,form,select,input,ul,ol,li,h1,h2,h3,h4,h5,h6,dd,dl,dt,p,label,em,span,i{margin:0;padding:0;font-style:normal}
a{color:#333333;text-decoration:none;-webkit-transition:color ease .15s;-moz-transition:color ease .15s;-ms-transition:color ease .15s;cursor:pointer}
a:hover{color:#23c268}
button{border:none}
ol,ul,li{list-style:none}
img{border:none}
.cf,.wrap{*zoom:1}
.cf:after,.wrap:after{content:' ';display:block;height:0;clear:both}
.hide{display:none}
.fl{float:left}
.fr{float:right}
.fl,.fr{_display:inline}
.all-icon{background:url(../images/all.png) no-repeat}
.header{width:auto;z-index:15;white-space:nowrap;background:#fff;height:80px;line-height:80px;margin:0;-webkit-box-shadow:0px 8px 4px #efefef;box-shadow:0px 8px 4px #efefef}
.header > div{width:1200px;margin:0 auto;background:white;height:80px}
.header .logo{float:left;margin-left:10px;margin-top:15px}
.header .phone-app{display:inline-block;margin-right:6px;font-size:0;line-height:16px;vertical-align:middle;margin-top:-3px;height:16px;width:12px;background-position:-590px 0}
.header .download-app{float:left;color:#23c268;margin-left:20px;font-size:12px}
.header .download-app .phone-app{margin-right:6px;font-size:0;line-height:16px;vertical-align:middle;margin-top:-3px;height:16px;width:12px;background-position:-590px 0}
.header .nav{float:left;margin-left:25px;margin-right:10px;font-size:16px}
.header .nav a{height:77px;display:inline-block;text-align:center;margin:0 14px}
.header .nav a.active{border-bottom:3px solid #23c268;color:#23c268;width:auto}
.header .input-box{float:left;width:230px;height:40px;background:url(../images/input_bg.png) center no-repeat;border-radius:20px;line-height:40px;position:relative;z-index:15;padding-left:20px;margin-left:10px;margin-top:20px}
.header .input-box input{width:210px;height:20px;line-height:20px;padding:10px 0;background:none;border:none;outline:none}
.header .input-box em.search{display:inline-block;position:absolute;right:30px;top:11px;cursor:pointer;height:18px;width:17px;background-position:-84px 0}
.header .user{float:right;position:relative;height:80px;font-size:14px;text-align:center;z-index:15;cursor:pointer}
.header .user img{display:block;height:30px;width:30px;border:white thin solid;border-radius:50%;margin-top:20px}
.header .user .pop{display:none;background:#fff;position:absolute;left:50%;top:68px;width:120px;border:1px solid #eee;border-radius:8px;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);padding:10px;margin-left:-70px}
.header .user .pop em.bubble{display:none}
.header .user .pop p{height:28px;line-height:28px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.header .user .pop p:hover{background:none}
.header .user .pop .name{height:28px;line-height:28px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;margin:0 5px;border-bottom:1px solid #eeeeee;margin-bottom:5px}
.header .user .pop .uid{height:24px;overflow:hidden;line-height:24px;overflow:hidden;font-size:14px;color:#999;font-weight:400}
.header .user:hover .pop{display:block}
.sch-res{width:210px;padding:20px;position:absolute;left:0;top:40px;background:#fff;border-radius:4px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.3);box-shadow:0 2px 2px 0 rgba(0,0,0,0.3);z-index:15}
.sch-res .hd{height:32px;line-height:32px;font-size:14px;font-weight:700}
.sch-res li{line-height:1.4;font-size:14px;padding:5px 0;white-space:normal}
.sch-res li span{color:#23C268}
.tbmsg{float:left;width:40px;height:80px;position:relative;z-index:10;margin-left:15px}
.tbmsg .msgtip{width:40px;height:80px;overflow:hidden;background:url(../images/ico-msg.png) no-repeat center;position:relative;cursor:pointer}
.tbmsg .msgtip span{height:14px;line-height:14px;font-size:12px;color:#fff;background:#FF5050;border-radius:7px;overflow:hidden;padding:0 4px;position:absolute;right:0;top:20px}
.msgpop{display:none;width:400px;padding-top:32px;position:absolute;right:-68px;top:70px}
.msgpop .inner{background:#fff;border:1px solid #eee;-webkit-box-shadow:0 0 3px 1px #eee;box-shadow:0 0 3px 1px #eee;position:relative}
.msgpop .inner .itarrow{width:0;height:0;overflow:hidden;position:absolute;border-width:0 10px 10px;border-style:solid;border-color:transparent transparent #fff;position:absolute;right:78px;top:-10px}
.msgtab{height:55px;border-bottom:1px solid #eee;overflow:hidden}
.msgtab li{float:left;width:33.2%;height:55px;overflow:hidden;position:relative}
.msgtab li span{display:block;width:42px;height:53px;overflow:hidden;text-align:center;line-height:56px;font-size:16px;margin:0 auto;cursor:pointer;color:#333}
.msgtab li i{height:14px;line-height:14px;font-size:12px;color:#fff;background:#FF5050;border-radius:7px;overflow:hidden;padding:0 4px;position:absolute;left:50%;top:22px;margin-left:20px}
.msgtab .on span{border-bottom:2px solid #23C268}
.msgcon{overflow:hidden}
.msgcon .nodata{padding:40px 0;line-height:20px;height:20px;text-align:center;font-size:14px;color:#999}
.msgcon .msgmore{height:56px;overflow:hidden}
.msgcon .msgmore a{display:block;height:56px;line-height:56px;width:140px;overflow:hidden;text-align:center;margin:0 auto}
.msgcon .msgmore a em{margin-left:5px}
.msglist{overflow:hidden;line-height:2}
.msglist .lk{color:#557db4}
.msglist .vote{height:16px;overflow:hidden;margin-top:8px}
.msglist .vote span{float:left;width:16px;height:16px;background:url(../images/all.png) no-repeat -420px -40px}
.msglist .vote .good{background-position:-420px -40px}
.msglist .vote .bad{background-position:-440px -40px}
.msglist li{padding:20px;border-bottom:1px solid #eee}
.msglist .hd{height:40px;font-size:12px;overflow:hidden;margin-bottom:12px}
.msglist .con{max-height:60px;overflow:hidden;word-break:break-all;white-space:normal;font-size:16px;line-height:30px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.msglist .con .grey{color:#999}
.msglist .msg{background:#F6F6F6;padding:6px 10px;line-height:22px;font-size:14px;overflow:hidden;word-break:break-all;white-space:normal;color:#999;margin-top:12px}
.msglist .msg p{max-height:86px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.msglist .uinfo{float:left;width:100%;height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#666}
.msglist .uinfo em{display:block;height:22px;line-height:22px;overflow:hidden;font-size:16px;color:#666}
.msglist .uinfo p{height:18px;line-height:18px;font-size:12px;color:#999}
.msglist .uinfo p span{float:left;margin-right:10px}
.msglist .uinfo img{float:left;width:40px;height:40px;border-radius:50%;margin-right:10px}
.msg .msglist .con{max-height:150px;-webkit-line-clamp:5}
.loading{height:20px;line-height:20px;text-align:center;font-size:14px;color:#666;padding:20px 0}
.loading i{background:url(../images/loading.gif) no-repeat;display:inline-block;width:20px;height:20px;overflow:hidden;line-height:99;vertical-align:top;margin-right:10px}
.footer{background:#333333;color:#9a9a9a;font-size:12px;margin:0;margin-top:40px}
.footer > div{width:1200px;margin:0 auto;padding:20px 0 30px;background:#333333}
.footer .link{color:white;line-height:30px}
.footer .link-1{font-size:13px;font-weight:bold}
.footer .about{margin:15px 0}
.footer a{color:white}
.footer a:hover{color:#23c268;text-decoration:underline}
.footer .des{line-height:20px;margin-top:10px}
.footer .des a{color:#9a9a9a}
.wenhuajingying{display:inline-block;vertical-align:middle;height:22px;width:22px;background-position:-283px -34px !important;margin-right:2px}
.back-top{position:fixed;left:50%;bottom:200px;margin-left:557px;z-index:100;display:none}
.bread{width:1200px;font-size:14px;color:#999999;margin:20px auto 0}
.bread a{color:#999999}
.bread a:hover{color:#23c268}
.bread em{display:inline-block;margin:0 12px 0;vertical-align:middle}
.bread .tip{color:#999;margin-left:30px}
.detail_all{background:url(../images/detail_all.png?v=2) no-repeat}
.triangle{height:6px;width:4px;background-position:0 0}
.overlaybg{position:fixed;top:0px;left:0px;z-index:8888;width:100%;height:100%;background:rgba(0,0,0,0.5)}
:root *{-webkit-filter:none\9  !important;filter:none\9  !important}
.dialog .mask{background:black;position:fixed;z-index:1000;height:100%;width:100%;top:0;left:0;right:0;bottom:0;opacity:.7;filter:alpha(opacity=70)}
.dialog .dialog-content{width:500px;min-height:100px;background:white;text-align:center;z-index:1005;position:relative;padding:50px 0;font-size:16px;border-radius:4px;color:#666666}
.dialog .dialog-content .sub-content{background:#f6f6f6;min-width:520px;display:inline-block;*display:inline;*zoom:1;padding:30px 0;margin:20px 0}
.dialog .dialog-content .sub-content p{margin-bottom:10px}
.dialog .dialog-content .right-title{font-size:18px;color:#333333}
.dialog .dialog-content .right-tip{display:inline-block;*display:inline;*zoom:1;margin-left:30px;text-align:left}
.dialog .dialog-content .right-tip em{margin-right:12px;vertical-align:-2px;*vertical-align:2px}
.dialog .dialog-content .qr-code{vertical-align:center;*vertical-align:10px}
.dialog .dialog-content.big{width:600px}
.dialog .dialog-content p.title{font-size:24px;font-weight:bold;margin-bottom:30px;color:#333333}
.dialog .dialog-content .btn{display:inline-block;vertical-align:top;border-radius:4px;font-size:16px;color:white;margin:0 10px;height:48px;line-height:48px;min-width:180px}
.dialog .dialog-content button a{color:white}
.dialog .dialog-content.big button{margin:0 30px}
.dialog .dialog-content button.sub{background:#cccccc}
.dialog .dialog-content .btn.main{background:#32a5e6}
.dialog .dialog-content .action-bar{margin-top:22px}
.dialog .dialog-content .sub-content{min-width:520px}
.dialog .dialog-content .d-input-box input{float:left;height:50px;overflow:hidden;line-height:50px;font-size:16px;padding:0 20px;border:none;width:360px;color:#333}
.dialog .dialog-content .d-input-box.auth-code input{padding:0 120px 0 20px;width:260px}
.dialog .dialog-content .login-box-title{margin-bottom:12px}
.dialog .dialog-content .d-input-box a{position:absolute;top:0;right:20px;color:#557db4;font-size:14px}
.dialog .dialog-content .d-input-box{height:51px;width:401px;line-height:50px;border:#eeeeee 1px solid;display:inline-block;*display:inline;*zoom:1;border-radius:4px;margin-bottom:20px;text-align:left;position:relative}
.dialog .dialog-content .d-input-box.img-code{border:none}
.dialog .dialog-content .d-input-box.auth-code.img-code input{width:220px;border:#eeeeee 1px solid;border-radius:4px;padding:0 20px !important}
.dialog .dialog-content .d-input-box.auth-code.img-code img{width:120px;height:50px;background:#eeeeee;border:none;outline:none;position:absolute;left:280px;top:0}
.dialog .dialog-content i{color:#ff6455}
.dialog .f16{font-size:16px;line-height:1.5;text-align:center;padding:0 25px 20px;color:#999}
.dialog .dialog-content .third-login{margin-top:20px;color:#999999}
.dialog .third-login .line{display:inline-block;*display:inline;*zoom:1;height:1px;width:120px;background:#eeeeee;vertical-align:middle;margin:0 30px}
.dialog .dialog-content.login em.close{height:30px;width:30px;background:url("../images/dialog_all.png") -30px 0}
.dialog .dialog-content.login em.close:hover{background-position:0 0}
.dialog .dialog-content .login-way{margin-top:30px}
.dialog .dialog-content .login-way a{margin:0 20px}
.dialog .dialog-content em.close{display:inline-block;*display:inline;*zoom:1;height:17px;width:17px;position:absolute;top:16px;right:16px;cursor:pointer;background:url("../images/close.png") center no-repeat}
.dialog .dialog-content em{display:inline-block;*display:inline;*zoom:1}
.appSlogan .img{float:left;width:180px;height:174px;overflow:hidden;text-align:center;line-height:2.8;font-size:14px;font-weight:700;color:#333;margin-left:15px}
.appSlogan .img img{display:block;width:140px;height:140px;margin:0 auto}
.appSlogan .con{float:left;width:304px;overflow:hidden;margin-left:10px}
.appSlogan .con p{text-align:left;height:34px;line-height:34px;font-size:14px;margin-bottom:0 !important;color:#666}
.appSlogan .con .tit{height:26px;line-height:26px;font-size:18px;margin-bottom:10px !important}
.appSlogan .con p em{margin-right:8px;vertical-align:-2px;height:18px;width:18px;background:url(../images/ico-slogan.png) no-repeat}
.appSlogan .con .d_tip_1{background-position:0 0}
.appSlogan .con .d_tip_2{background-position:-18px 0}
.appSlogan .con .d_tip_3{background-position:-36px 0}
.appSlogan .con .d_tip_4{background-position:-54px 0}
.page button,.dialog .btn,.page .btn{height:40px;border-radius:20px;min-width:150px;background:#23c268;color:white;font-size:16px;cursor:pointer;font-family:'Microsoft YaHei'}
.follow-item{height:30px}
.follow-item .follow-text{float:left;line-height:30px;font-size:14px;color:#666;margin-right:10px}
.follow-li{float:left;width:30px;height:30px;position:relative;margin-right:10px}
.follow-li:hover .inner{display:block}
.follow-li .inner{display:none;width:240px;height:160px;position:absolute;left:-122px;top:42px;background:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);box-shadow:0 0 10px rgba(0,0,0,0.3);border-radius:5px;padding:30px 10px;z-index:100}
.follow-li .inner img{display:block;width:130px;height:130px;margin:0 auto}
.follow-li .inner p{height:22px;line-height:24px;font-size:14px;color:#333;text-align:center;margin-top:10px}
.follow-li .inner p span{color:#00BA0C;padding:0 3px}
.follow-li .it{background:url(../images/follow-ico.png) no-repeat;display:block;width:30px;height:30px}
.follow-li .it:hover{opacity:.8}
.follow-li .wx{background-position:0 0}
.follow-li .wb{background-position:-32px 0}
.follow-li .zh{background-position:-64px 0}
.follow-li .dy{background-position:-96px 0}
.footer .follow-item{float:right}
.footer .follow-li .inner{top:-240px}
.footer .follow-li{margin-left:15px}
.footer .follow-li .it{background-image:url(../images/follow-ico-footer.png)}
.user .pop em{left:56px}
.user .pop{border-radius:8px;padding:4px;-webkit-box-shadow:0 0 5px #eee;box-shadow:0 0 5px #eee;right:-46px}
.userset-menu{overflow:hidden}
.userset-menu li{height:34px;line-height:34px;font-size:14px;border-top:1px solid #eee;margin-top:-1px}
.devHead .dev-game-c .desc,.devReco .list li span,.devGame li .con .name,.devBBS .content .con .name,.slde-user .con em,.slde-user .con p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.devHead{width:1200px;background:#fff;padding:28px 0;margin:15px auto 0;-webkit-box-shadow:0 0 5px 2px #eee;box-shadow:0 0 5px 2px #eee;border-radius:5px}
.devWrap{width:1200px;margin:20px auto 0}
.devWrap .con-left{float:left;width:800px;overflow:hidden;background:#fff;-webkit-box-shadow:0 0 5px 2px #eee;box-shadow:0 0 5px 2px #eee;padding:10px 0}
.devWrap .con-side{float:right;width:380px;overflow:hidden}
.dev-praise{background:url(../images/all.png) no-repeat -345px -38px;width:19px;padding-left:35px;height:24px;text-align:center;line-height:24px;font-size:14px;color:#FFAF0F;display:inline-block;vertical-align:middle;margin:-2px 0 0 10px}
.devHead{overflow:hidden}
.devHead .dev-game-l{float:left;width:120px;height:120px;overflow:hidden;border-radius:50%;-webkit-box-shadow:0 0 10px 5px #eaeaea;box-shadow:0 0 10px 5px #eaeaea;margin-left:30px;margin-top:8px}
.devHead .dev-game-l img{display:block;width:100%;height:100%}
.devHead .dev-game-c{float:left;width:666px;margin-left:30px}
.devHead .dev-game-c .name{height:38px;line-height:38px;font-size:22px}
.devHead .dev-game-c .name em{display:inline-block;vertical-align:top;max-width:430px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.devHead .dev-game-c .auth{height:26px;line-height:26px;font-size:14px;color:#23C268}
.devHead .dev-game-c .auth i{background:url(../images/game-inner.png) no-repeat 0 -48px;float:left;width:16px;height:20px;margin-right:8px;margin-top:4px}
.devHead .dev-game-c .desc{height:24px;line-height:24px;font-size:14px;color:#A9A9A9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.devHead .dev-game-c .honor{background:url(../images/honor01.png) no-repeat;display:block;width:258px;height:32px;overflow:hidden;text-align:center;line-height:32px;font-size:14px;color:#E59304;padding:0 16px 0 56px;margin-top:8px;overflow:hidden}
.devHead .dev-game-r{float:right;width:196px;margin-right:15px;margin-top:10px}
.devHead .dev-game-r .info{overflow:hidden;background:url(../images/line-vertical.png) no-repeat center}
.devHead .dev-game-r .info > div{float:left;width:50%;text-align:center;color:#999;line-height:22px;font-size:14px}
.devHead .dev-game-r .info > div span{display:block;height:26px;line-height:26px;font-size:18px;color:#333}
.devHead .dev-game-r .btn-follow{display:block;width:160px;height:40px;overflow:hidden;text-align:center;line-height:40px;background:#23C268;color:#fff;border-radius:20px;font-size:16px;margin:15px auto 0}
.devHead .dev-game-r .btn-follow:hover{opacity:.9}
.icon{background:url(../images/game-inner.png) no-repeat;display:inline-block;vertical-align:middle}
.icon.ico-more{width:8px;height:12px;margin:-2px 0 0 6px}
.icon.ico-other{background-position:-134px 0;width:14px;height:14px;margin:-2px 6px 0 0}
.morelk{float:right;height:24px;line-height:24px;font-size:14px;color:#999;margin-top:8px}
.morelk:hover{color:#23C268}
.morelk:hover .ico-more{background-position:-10px 0}
.morelk:hover .ico-other{background-position:-152px 0}
.dev-tab-hd{height:46px;border-bottom:1px solid #eee;overflow:hidden}
.dev-tab-hd span{float:left;margin:0 30px;padding:0 5px;height:46px;line-height:46px;font-size:16px;cursor:pointer;overflow:hidden}
.dev-tab-hd span.on{height:44px;border-bottom:2px solid #23C268}
.dataNone{padding:120px 0}
.dataNone .text{padding-top:240px;background:url(../images/other/box-none.png) no-repeat center top;font-size:16px;text-align:center;line-height:1.6;color:#666}
.dev-tab-bd{padding:10px 30px;overflow:hidden;word-wrap:break-word}
.tab-home{margin-top:-20px}
.homgArea{margin-top:30px}
.homgArea .tithd{height:38px;line-height:38px}
.homgArea .tithd em{background:url(../images/game-tithd.png) no-repeat left center;float:left;height:38px;font-size:20px;padding-left:12px}
.homgArea .text{font-size:16px;line-height:1.6;margin-top:10px}
.homgArea .text a{color:#23C268}
.txtArea{margin-top:10px}
.txtArea .txtCon{font-size:16px;line-height:28px;color:#333}
.txtArea .txtTag{height:24px;overflow:hidden;line-height:24px;font-size:14px;color:#999;margin-top:5px}
.txtArea .txtTag .txtshow{color:#999}
.txtArea .txtTag .txtshow i{background:url(../images/game-inner.png) no-repeat -34px 0;display:inline-block;vertical-align:middle;width:13px;height:8px;overflow:hidden;margin:-2px 0 0 6px}
.txtArea .txtTag .txtshow.txthide{color:#5179B2}
.txtArea .txtTag .txtshow.txthide i{background-position:-47px 0}
.devReco{width:100%;height:320px;overflow:hidden;position:relative;margin-top:10px}
.devReco .list{white-space:nowrap;font-size:0;line-height:0}
.devReco .list li{display:inline-block;*zoom:1;*display:inline;width:476px;height:320px;padding-right:10px}
.devReco .list li img{display:block;width:476px;height:268px;overflow:hidden;border-radius:12px;-o-object-fit:cover;object-fit:cover}
.devReco .list li span{display:block;height:34px;line-height:36px;text-align:center;font-size:16px;margin-top:10px}
.devReco .list li.last{padding-right:0}
.devReco .arrow-btn{display:none;background:url(../images/arrow.png) no-repeat;width:44px;height:68px;overflow:hidden;line-height:99;position:absolute;top:108px;z-index:10;cursor:pointer}
.devReco .arrow-btn.prev{background-position:0 -136px;left:0}
.devReco .arrow-btn.prev:hover{background-position:0 -204px}
.devReco .arrow-btn.next{background-position:0 0;right:0}
.devReco .arrow-btn.next:hover{background-position:0 -68px}
.devGame{width:100%;overflow:hidden}
.devGame ul{margin-left:-50px;margin-top:-10px}
.devGame li{float:left;width:345px;height:80px;overflow:hidden;margin-top:24px;margin-left:50px}
.devGame li .img{float:left;width:80px;height:80px;overflow:hidden;margin-right:20px}
.devGame li .con{float:left;width:176px;height:80px;overflow:hidden}
.devGame li .con .name{display:block;height:26px;line-height:26px;font-size:18px}
.devGame li .con .tags{height:20px;line-height:20px;margin-top:5px;font-size:14px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.devGame li .con .tags span{margin-right:14px}
.devGame li .con .deta{height:20px;line-height:20px;margin-top:8px;font-size:12px;color:#999}
.devGame li .con .deta span{margin-right:14px}
.devGame li .con .deta span.sp1{color:#ffaf0f}
.devGame li .bt{float:right;width:64px;height:32px;text-align:center;overflow:hidden;line-height:32px;font-size:16px;background:#23C268;border-radius:16px;color:#fff;font-size:14px;margin-top:24px}
.devGame li .bt.bt2{font-size:12px}
.devGame li .bt:hover{opacity:.9}
.devBBS{margin-top:-10px}
.devBBS li{margin-top:26px}
.devBBS .content{overflow:hidden}
.devBBS .content .img{float:left;width:260px;height:160px;overflow:hidden;margin-right:20px;position:relative}
.devBBS .content .img img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.devBBS .content .img i{background:url(../images/bbs/ico-vid.png) no-repeat;width:50px;height:50px;position:absolute;left:50%;top:50%;margin:-25px 0 0 -25px}
.devBBS .content .con .name{display:block;font-size:18px;font-weight:bold;height:28px;line-height:28px}
.devBBS .content .con .desc{font-size:14px;line-height:26px;color:#666;margin-top:10px;max-height:130px;overflow:hidden}
.bbs-info{height:30px;line-height:30px;overflow:hidden;color:#999;margin-top:15px}
.bbs-info .from{float:left;height:22px;line-height:22px;padding:4px;background:#F5F5F5;border-radius:15px}
.bbs-info .from img{float:left;width:22px;height:22px;border-radius:50%}
.bbs-info .from span{padding:0 6px}
.bbs-info .date{float:left;margin-left:15px}
.bbs-info .data{float:right;height:28px;line-height:28px;margin-top:2px}
.bbs-info .data span{float:left;margin-left:30px;font-size:12px;color:#666;padding-left:24px;background:url(../images/bbs/icon.png) no-repeat}
.bbs-info .data span.num-click{background-position:0 6px}
.bbs-info .data span.num-zan{background-position:0 -24px}
.bbs-info .data span.num-comments{background-position:0 -54px}
.bbs-info .data span.at{background-position:0 -544px}
.bbs-info .data span.ac{background:none;padding-left:0;width:52px;text-align:center;margin-left:15px}
.tab-game{padding:10px 0}
.tab-game .tab-game-hd{height:40px;line-height:40px}
.tab-game .tab-game-hd em{float:left;font-size:20px}
.tab-game .sort-item{float:right;position:relative}
.tab-game .sort-item .list{display:none;background:#fff;position:absolute;right:0;top:40px;border:1px solid #eee;border-radius:5px;-webkit-box-shadow:0 0 4px #eee;box-shadow:0 0 4px #eee}
.tab-game .sort-item .list li{width:80px;height:34px;line-height:34px;padding:0 15px;font-size:14px}
.tab-game .sort-item .list li.on,.tab-game .sort-item .list li:hover{color:#23c268;cursor:pointer}
.tab-game .sort-last{display:inline-block;color:#c4c4c4;font-size:14px;cursor:pointer}
.tab-game .sort-last i{background:url(../images/dev-item.png) no-repeat 0 -54px;display:inline-block;width:20px;height:20px;overflow:hidden;vertical-align:middle;margin:-2px 0 0 10px}
.tab-game .sort-last.on{color:#23C268}
.tab-game .sort-last.on i{background-position:-30px -54px}
.loadTip{text-align:center;font-size:16px;line-height:24px;color:#666;padding:15px;margin-top:20px}
.it-yellow,.it-blue,.it-green,.it-other{border-radius:4px;padding:0 5px;height:18px;line-height:18px;font-size:14px;overflow:hidden;margin-right:10px}
.it-yellow{border:1px solid #FFAF0F;color:#FFAF0F}
.it-blue{border:1px solid #1DB2FF;color:#1DB2FF}
.it-green{border:1px solid #23C268;color:#23C268}
.it-other{border:1px solid #999;color:#999}
.tab-bbs-list .list-it{padding:20px 0;border-bottom:1px solid #eee}
.tab-bbs-list .upinfo{height:50px;overflow:hidden}
.tab-bbs-list .upinfo .avalon{float:left;width:50px;height:50px;position:relative;margin-right:20px}
.tab-bbs-list .upinfo .avalon img{display:block;width:100%;height:100%;border-radius:50%}
.tab-bbs-list .upinfo .avalon .vip{background:url(../images/icon-auth.png) no-repeat;width:20px;height:20px;position:absolute;right:-4px;bottom:0}
.tab-bbs-list .upinfo em{display:block;height:26px;line-height:26px;font-size:16px;color:#666}
.tab-bbs-list .upinfo p{font-size:12px;color:#999;height:22px;line-height:22px;overflow:hidden}
.tab-bbs-list .desc{font-size:14px;color:#999;line-height:24px}
.tab-bbs-list .tit{line-height:30px;font-size:18px;margin-top:10px}
.tab-bbs-list .tit .sp{float:left;margin-top:6px}
.tab-bbs-list .pho{height:160px;overflow:hidden;margin-top:8px;margin-left:-6px}
.tab-bbs-list .pho li{float:left;width:240px;height:152px;overflow:hidden;border-radius:4px;margin-left:6px;border:1px solid #F4F4F4;text-align:center;line-height:158px;position:relative}
.tab-bbs-list .pho li img{display:block;max-width:100%}
.tab-bbs-list .pho li span{background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#99000000',EndColorStr='#99000000');height:20px;line-height:20px;color:#fff;font-size:12px;overflow:hidden;position:absolute;border-radius:10px}
.tab-bbs-list .pho li span.gif{left:10px;top:10px;padding:0 8px}
.tab-bbs-list .pho li span.num{right:10px;bottom:10px;padding:0 8px 0 24px;background-image:url(../images/bbs/phonum.png);background-repeat:no-repeat;background-position:5px 3px}
.tab-bbs-list .vid{width:100%;height:420px;overflow:hidden;position:relative;margin-top:10px}
.tab-bbs-list .vid img{display:block;width:100%}
.tab-bbs-list .vid i{background:url(../images/bbs/ico-vid-big.png) no-repeat;width:73px;height:73px;position:absolute;left:50%;top:50%;margin:-36px 0 0 -36px}
.showMore{display:block;width:240px;height:44px;line-height:44px;overflow:hidden;text-align:center;border-radius:10px;background:#23C268;color:#fff;font-size:16px;color:#fff;margin:20px auto}
.showMore:hover{color:#fff;opacity:.9}
.side-panel{background:#fff;padding:10px 20px 12px;margin-bottom:10px;border-radius:2px}
.side-panel .side-panel-hd{height:46px;border-bottom:1px solid #eee;overflow:hidden}
.side-panel .side-panel-hd em{float:left;height:44px;line-height:50px;overflow:hidden;font-size:18px;font-weight:700;color:#333;position:relative;border-bottom:2px solid #23C268}
.dev-none{background:url(../images/other/dev-none.png) no-repeat center;height:460px}
.slde-user{margin-top:10px}
.slde-user li{height:60px;padding:12px 0;overflow:hidden}
.slde-user .img{float:left;width:60px;height:60px;position:relative}
.slde-user .img img{display:block;width:60px;height:60px;border-radius:50%}
.slde-user .img i{background:url(../images/icon-auth.png) no-repeat;width:20px;height:20px;position:absolute;right:-4px;bottom:0}
.slde-user .con{float:left;width:190px;margin-left:15px}
.slde-user .con em{display:block;height:26px;line-height:26px;font-size:16px;margin-top:6px}
.slde-user .con p{height:22px;line-height:22px;color:#999;font-size:14px}
.slde-user .bt{float:right;width:62px;height:30px;border:1px solid #23C268;text-align:center;color:#23C268;line-height:30px;font-size:14px;border-radius:16px;margin-top:14px}
.side-bbs{margin-top:10px}
.side-bbs li{overflow:hidden;padding:12px 0}
.side-bbs .img{float:right;width:116px;height:58px;overflow:hidden;border-radius:8px;margin-left:15px;position:relative}
.side-bbs .con .title{display:block;overflow:hidden;line-height:20px;max-height:40px;font-size:14px}
.side-bbs .con .info{height:16px;overflow:hidden;margin-top:4px;font-size:12px;color:#999}
.side-bbs .con .info span{background:url(../images/bbs/icon.png) no-repeat 0 0;padding-left:20px;float:left;height:16px;line-height:16px;margin-right:15px}
.side-bbs .con .info span.click{background-position:0 -643px}
.side-bbs .con .info span.comment{background-position:0 -690px}
.side-pho{width:100%;height:266px;overflow:hidden;margin-top:20px;position:relative}
.side-pho > div{width:350px;margin-left:-5px}
.side-pho ul{font-size:0;line-height:0;white-space:nowrap}
.side-pho ul li{display:inline-block;width:220px;height:266px;padding:0 5px}
.side-pho .img{display:block;width:220px;height:220px;overflow:hidden;border-radius:8px;position:relative}
.side-pho .img img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.side-pho .img span{background:url(../images/icon-pho.png) no-repeat 6px center rgba(0,0,0,0.6);height:22px;line-height:22px;font-size:14px;padding:0 8px 0 28px;color:#fff;border-radius:11px;position:absolute;right:16px;bottom:16px}
.side-pho .txt{display:block;height:28px;line-height:28px;text-align:center;font-size:14px;margin-top:12px;overflow:hidden}
.side-pho .bt-prev,.side-pho .bt-next{background:url(../images/dev-item.png) no-repeat;width:25px;height:50px;overflow:hidden;line-height:99;position:absolute;top:88px;display:none}
.side-pho .bt-prev{left:0;background-position:0 0}
.side-pho .bt-next{right:0;background-position:-35px 0}
.crew{border:1px solid #eee;padding:6px 6px 6px 0;border-radius:4px;width:552px;margin:-10px auto 0}
.crew ul{max-height:464px;overflow:auto}
.crew li{height:60px;padding:18px 0 18px 38px;border-bottom:1px solid #eee;overflow:hidden}
.crew li .img{float:left;width:60px;height:60px;margin-right:20px;position:relative}
.crew li .img img{display:block;width:100%;height:100%;border-radius:50%}
.crew li .img i{background:url(../images/icon-auth.png) no-repeat;width:20px;height:20px;position:absolute;right:-4px;bottom:0}
.crew li em{display:block !important;height:34px;line-height:34px;font-size:16px;text-align:left}
.crew li p{height:26px;line-height:26px;font-size:14px;color:#999;text-align-last:left}
.devAlbum{background:#fff;width:800px;height:774px;overflow:hidden;position:relative}
.devAlbum .album-hide{background:url(../images/dev-item.png) no-repeat -70px 0;width:30px;height:30px;overflow:hidden;line-height:99;position:absolute;right:15px;top:15px;z-index:10}
.devAlbum .album-image{height:640px;overflow:hidden;position:relative}
.devAlbum .album-image .album-image-prev,.devAlbum .album-image .album-image-next{background:url(../images/dev-item.png) no-repeat;width:44px;height:68px;overflow:hidden;line-height:99;position:absolute;top:286px;z-index:5}
.devAlbum .album-image .album-image-prev{background-position:0 -76px;left:0}
.devAlbum .album-image .album-image-next{background-position:-48px -76px;right:0}
.devAlbum .album-image .album-image-bd{width:710px;height:640px;margin:0 auto;position:relative}
.devAlbum .album-image .album-image-bd img{position:absolute;z-index:2;top:50%;left:50%}
.devAlbum .album-image .album-image-load{display:none;background:url(../images/loading.gif) no-repeat center;width:100%;height:100%}
.devAlbum .album-text{height:28px;line-height:28px;padding:0 20px;font-size:14px;margin-top:12px}
.devAlbum .album-slide{width:792px;margin:5px auto 0}
.devAlbum .album-slide .list{float:left;width:730px;height:70px;overflow:hidden;text-align:center}
.devAlbum .album-slide .list ul{font-size:0;line-height:0;white-space:nowrap}
.devAlbum .album-slide .list li{display:inline-block;width:60px;height:60px;padding:5px}
.devAlbum .album-slide .list li .img{display:block;width:100%;height:100%;overflow:hidden}
.devAlbum .album-slide .list li .img img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.devAlbum .album-slide .list .active-nav .img{width:58px;height:58px;border:1px solid #23c268}
.devAlbum .album-slide .album-slide-prev,.devAlbum .album-slide .album-slide-next{float:left;width:11px;height:60px;padding:5px;margin:0 5px;overflow:hidden;border-radius:6px}
.devAlbum .album-slide .album-slide-prev:hover,.devAlbum .album-slide .album-slide-next:hover{background:#f1f1f1}
.devAlbum .album-slide .album-slide-prev i,.devAlbum .album-slide .album-slide-next i{background:url(../images/dev-item.png) no-repeat;display:block;width:11px;height:19px;margin:19px auto 0}
.devAlbum .album-slide .album-slide-prev i{background-position:0 -146px}
.devAlbum .album-slide .album-slide-next i{background-position:-18px -146px}