/*# zfa 2024/11/22 10:27:40 快爆改版20220725 */
a{color:#3E403F}
.back-top{background:#fff;width:40px;height:40px;overflow:hidden;line-height:99;border-radius:50%;-webkit-box-shadow:0px 8px 16px rgba(0,0,0,0.08);box-shadow:0px 8px 16px rgba(0,0,0,0.08);position:fixed;left:50%;bottom:150px;margin-left:620px;z-index:150}
.back-top i{display:block;width:20px;height:20px;overflow:hidden;background:url(../images/mod-hot/back-top.png) no-repeat;margin:10px auto 0}
.back-top:hover i{background-position:0 -20px}
.conWrap{width:1200px;margin:32px auto 0}
.conWrap .con-l{float:left;width:808px}
.conWrap .con-r{float:right;width:360px}
.rankWrap{background:url(../images/mod-hot2024/rank-wrap.png) no-repeat left top #fff;border-radius:8px;-webkit-box-shadow:0px 2px 4px 0px rgba(0,0,0,0.04);box-shadow:0px 2px 4px 0px rgba(0,0,0,0.04);padding:20px 15px;width:330px;position:relative}
.rankWrap.fixed{position:fixed;top:5px}
.rankWrap .lb-flag{background:url(../images/mod-hot2024/rank-flag.png) no-repeat;width:78px;height:50px;position:absolute;right:0;top:-10px}
.rankWrap .lb-head{padding-top:14px}
.rankWrap .lb-head .sp-tit{height:24px}
.rankWrap .lb-head .sp-tit img{display:block;height:24px}
.rankWrap .lb-head .sp-sub{height:18px;line-height:18px;color:#7A7D7A;font-size:12px;margin-top:6px}
.rankWrap .lb-head .sp-sub .txt{float:left}
.rankWrap .lb-head .sp-sub .btn{background:url(../images/mod-hot2024/ico-refresh.png) no-repeat left center;float:right;padding-left:18px;color:#7A7D7A}
.rankWrap .lb-list{margin-top:16px}
.rankWrap .lb-list li{height:20px;line-height:20px;overflow:hidden;padding:10px 0}
.rankWrap .lb-list .sp-num{float:left;width:18px;height:20px;text-align:center;line-height:20px;font-size:14px;color:#A7A8A7;font-family:'kbNum'}
.rankWrap .lb-list .sp-num.num1,.rankWrap .lb-list .sp-num.num2,.rankWrap .lb-list .sp-num.num3{background:url(../images/mod-hot2024/item.png) no-repeat;overflow:hidden;line-height:99}
.rankWrap .lb-list .sp-num.num1{background-position:0 0}
.rankWrap .lb-list .sp-num.num2{background-position:-18px 0}
.rankWrap .lb-list .sp-num.num3{background-position:-36px 0}
.rankWrap .lb-list .sp-txt{float:right;width:304px;height:20px;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.rankWrap .lb-list .sp-txt img{float:right;height:16px;width:auto;margin-top:2px;margin-left:10px}
.slideArea{background:#fff;height:313px;overflow:hidden;margin-bottom:20px;border-radius:12px;position:relative}
.slideArea .lb-ul{font-size:0;line-height:0;white-space:nowrap}
.slideArea .lb-li{display:inline-block;vertical-align:top;width:808px;height:313px;overflow:hidden;position:relative}
.slideArea .lb-li .sp-img{display:block;width:100%;height:100%}
.slideArea .lb-li .sp-cover{position:absolute;left:0;bottom:0;background:url(../images/mod-hot2024/slide-cover.png) repeat-x left bottom;width:100%;height:148px}
.slideArea .lb-li .sp-title{width:662px;height:32px;line-height:32px;font-size:20px;font-weight:bold;color:#fff;overflow:hidden;text-overflow:ellipsis;position:absolute;left:20px;bottom:20px}
.slideArea .lb-dots{position:absolute;bottom:20px;right:20px;z-index:10}
.slideArea .lb-dots span{float:left;width:6px;height:6px;border-radius:3px;background:#C4C5C6;margin-left:5px;-webkit-transition:all .5s;transition:all .5s;cursor:pointer}
.slideArea .lb-dots .swiper-active-switch{width:14px;background:#23C268}
.slideArea .lb-btn{display:none;width:32px;height:50px;overflow:hidden;line-height:99;background:url(../images/mod-hot2024/ico-item.png) no-repeat;position:absolute;top:50%;margin-top:-25px}
.slideArea .lb-btn.bt-prev{background-position:0 -42px;left:0}
.slideArea .lb-btn.bt-next{background-position:-32px -42px;right:0}
.menuWrap{height:95px;margin-bottom:20px}
.menuArea{padding:20px 16px;border-radius:8px;background:#fff;overflow:hidden;position:relative;z-index:5}
.menuArea .lb-list{width:783px;margin-top:-16px;margin-left:-4px}
.menuArea .lb-list li{float:left;width:75px;height:65px;margin:16px 6px 0;cursor:pointer}
.menuArea .lb-list li img{display:block;width:36px;height:36px;margin:4px auto 0}
.menuArea .lb-list li em{display:block;text-align:center;font-size:13px;color:#3E403F;height:18px;overflow:hidden;line-height:18px}
.menuArea .lb-list li .ico-fold{background:url(../images/mod-hot2024/menu-fold.png?V20241122) no-repeat;display:block;width:36px;height:36px;margin:4px auto 0;cursor:pointer}
.menuArea .lb-list li:hover em{color:#23C268}
.menuArea .lb-list li.on{background:rgba(35,194,104,0.1);border-radius:8px}
.menuArea .lb-more{display:none}
.menuArea.menuShow{-webkit-box-shadow:0px 2px 8px 0px rgba(0,0,0,0.12);box-shadow:0px 2px 8px 0px rgba(0,0,0,0.12)}
.menuArea.menuShow .lb-more{display:block}
.menuArea.menuShow li .ico-fold{background-position:100% 0}
.mainWrap{background:#fff;border-radius:8px;overflow:hidden;-webkit-box-shadow:0px 2px 4px 0px rgba(0,0,0,0.04);box-shadow:0px 2px 4px 0px rgba(0,0,0,0.04)}
.mainWrap .main-head{height:56px;border-bottom:1px solid #EEE;padding:0 20px}
.mainWrap .main-head .lb-item{float:left;height:18px;line-height:18px;font-size:18px;font-weight:bold;margin-top:19px}
.mainWrap .main-body{padding:0 20px}
.postLoad{padding:78px 0}
.postLoad > div{text-align:center}
.postLoad .img{display:block;width:123px;height:123px;margin:0 auto}
.postLoad .txt{display:inline-block;vertical-align:top;margin-top:12px}
.postLoad .txt .p1{text-align:center;font-size:13px;line-height:1.4;color:#A7A8A7}
.postLoad .txt .p2{background:url(../images/mod-hot2024/load-sp1.png) no-repeat center;height:40px;overflow:hidden;line-height:99;margin-top:42px}
.postCard{padding:20px 0 16px;border-bottom:1px solid #eee}
.postCard .lb-head{height:30px}
.postCard .lb-head .i-img{float:left;width:30px;height:30px;overflow:hidden;border-radius:50%;-webkit-box-shadow:0 0 0 1px #eee;box-shadow:0 0 0 1px #eee;margin-right:8px}
.postCard .lb-head .i-img img{display:block;width:100%;height:100%}
.postCard .lb-head .i-name{float:left;height:22px;line-height:22px;color:#131715;font-size:16px;margin-top:4px}
.postCard .lb-body{padding:16px 0}
.postCard .lb-foot{height:18px;line-height:18px;font-size:12px;overflow:hidden;margin-top:10px}
.postCard .lb-foot .fl{color:#ACADAC}
.postCard .lb-foot .fr{color:#3E403F}
.postCard .lb-foot .fr .i-bt{float:left;margin-left:56px;cursor:pointer}
.postCard .lb-foot .fr .ico{width:18px;height:18px}
.postCard .lb-foot .fr .on{color:#0AAC3C}
.postCard .lb-foot .fr .on .ico.ico-good{background-position:-54px 0}
.postCard .ico{background:url(../images/mod-hot2024/ico-item.png) no-repeat;display:inline-block;vertical-align:top;width:20px;height:20px;margin-right:4px}
.postCard .ico.ico-share{background-position:0 0}
.postCard .ico.ico-reply{background-position:-18px 0}
.postCard .ico.ico-good{background-position:-36px 0}
.postCard .card-title{font-size:18px;line-height:22px;color:#131715;margin-bottom:9px}
.postCard .card-desc{font-size:14px;line-height:22px;color:#131715;position:relative}
.postCard .card-desc p{text-align:justify}
.postCard .card-desc span{background:#fff;position:absolute;right:0;bottom:0}
.postCard .card-desc span::before{content:'';width:10px;height:100%;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(85%,#fff));background:linear-gradient(to right,rgba(255,255,255,0),#fff 85%);position:absolute;left:-10px;top:0}
.postCard .card-desc span i{color:#0AAC3C}
.postCard .card-desc.text-over{height:66px;overflow:hidden}
.postCard .card-show{width:360px;margin-top:16px;position:relative}
.postCard .card-show img{display:block;max-width:100%;border-radius:8px}
.postCard .card-show.img-long{width:260px;height:320px;overflow:hidden;border-radius:8px}
.postCard .card-show.img-long img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.postCard .card-show.img-long .i-tag{position:absolute;right:10px;bottom:10px;height:22px;line-height:22px;color:#fff;border-radius:4px;padding:0 6px;background:rgba(0,0,0,0.4)}
.postCard .card-excl{width:343px;height:193px;overflow:hidden;border-radius:8px;margin-top:16px;position:relative}
.postCard .card-excl .i-img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.postCard .card-excl .i-mask{position:absolute;left:0;bottom:0;width:100%;height:110px;background:url(../images/mod-hot2024/post-excl.png) repeat-x}
.postCard .card-excl .i-tag{position:absolute;left:10px;top:10px;height:20px;padding:0 6px;line-height:20px;font-size:12px;color:#fff;border-radius:4px;background:rgba(0,0,0,0.4)}
.postCard .card-excl .i-title{width:311px;height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:#fff;position:absolute;left:16px;bottom:16px}
.postCard .card-vid{margin-top:16px}
.postCard .card-vid .lb-img{width:360px;height:180px;overflow:hidden;border-radius:8px;position:relative}
.postCard .card-vid .lb-img .sp-img{display:block;width:100%;height:100%}
.postCard .card-vid .lb-img .sp-txt{position:absolute;right:2px;bottom:8px;height:16px;overflow:hidden;font-size:12px;color:#fff;line-height:16px;padding:3px 6px;border-radius:4px;background:rgba(0,0,0,0.4);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.postCard .card-vid .lb-img .sp-vid{background:url(../images/2024/fourm/ico-vid.png) no-repeat;width:48px;height:48px;position:absolute;left:50%;top:50%;margin:-24px 0 0 -24px}
.postCard .card-info{margin-top:16px}
.postCard .card-info .i-from{float:left;height:20px;line-height:20px;font-size:12px;color:#7A7D7A;padding:2px 8px 2px 4px;border:1px solid #F4F4F4;border-radius:4px}
.postCard .card-info .i-from img{float:left;width:20px;height:20px;border-radius:4px;margin-right:6px}
.postCard .card-info .i-from:hover{border-color:rgba(35,194,104,0.5);color:#23C268}
.postCard .card-info .i-tags{float:left}
.postCard .card-info .i-tags .i1{float:left;height:25px;overflow:hidden;border-radius:4px 0 0 4px}
.postCard .card-info .i-tags .i1 img{display:block;height:25px}
.postCard .card-info .i-tags .i2{float:left;background:#FCF3E1;height:25px;line-height:25px;overflow:hidden;color:#8C6A28;padding:0 6px;border-radius:0 8px 8px 0}
.postCard .card-album{width:515px;overflow:hidden;margin-top:16px}
.postCard .card-album ul{margin-top:-8px;margin-left:-8px}
.postCard .card-album li{float:left;width:166px;height:166px;overflow:hidden;border-radius:8px;margin:8px 0 0 8px;position:relative}
.postCard .card-album li img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.postCard .card-album li .i-num{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;line-height:166px;font-size:30px;color:#fff;background:rgba(0,0,0,0.4)}
.postCard .card-eval{background:#F6F5F5;background-image:url(../images/mod-hot2024/reply-sp1.png);background-repeat:no-repeat;background-position:595px center;border-radius:10px;padding:20px 10px;margin-top:16px}
.postCard .card-eval .sp-text{float:left;width:570px}
.postCard .card-eval .sp-text .p1{height:20px;line-height:20px;font-size:13px;color:#7A7D7A}
.postCard .card-eval .sp-text .p1 img{float:left;width:20px;height:20px;border-radius:50%;margin-right:6px}
.postCard .card-eval .sp-text .p2{height:18px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#3E403F;margin-top:4px}
.postCard .card-eval .sp-vote{float:right;width:48px;cursor:pointer}
.postCard .card-eval .sp-vote .ico{display:block;margin:0 auto;width:20px;height:20px}
.postCard .card-eval .sp-vote .ico.ico-good{background-position:0 -20px}
.postCard .card-eval .sp-vote span{display:block;height:16px;line-height:16px;text-align:center;color:#3E403F;margin-top:6px}
.postCard .card-eval .sp-vote.on .ico.ico-good{background-position:-20px -20px}
.postCard .card-eval .sp-vote.on span{color:#0AAC3C}
.panel-vote{background:#F6F5F5;border:1px solid #eee;border-radius:10px;margin-top:16px;overflow:hidden;padding:15px}
.panel-vote .v-item{background:url(../images/2024/fourm/it-vote.png) no-repeat left top;padding-left:30px}
.panel-vote .v-item .tit{line-height:22px;font-size:15px}
.panel-vote .v-item .tit span{color:#A7A8A7;font-size:12px;margin-left:5px}
.panel-vote .v-item .txt{height:18px;line-height:18px;overflow:hidden;color:#A7A8A7;margin-top:4px}
.panel-vote .v-item .txt span{margin-right:20px}
.panel-vote .v-info{height:20px;line-height:20px;overflow:hidden;font-size:12px;color:#A7A8A7;margin-top:14px}
.panel-vote .v-info .fl{margin-right:24px}
.panel-vote .v-info .fr{margin-left:24px}
.panel-vote .v-list{overflow:hidden;margin-top:8px}
.panel-vote .v-list.active li{cursor:pointer}
.panel-vote .v-list.active li:hover{border-color:#74D8A0}
.panel-vote .v-list.done .on .bar span{background:#EDFAF3}
.panel-vote .v-list li{background:#fff;border:1px solid #DBDDDC;overflow:hidden;border-radius:4px;margin-top:8px;position:relative}
.panel-vote .v-list li p{padding:12px 20px;height:18px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;position:relative;z-index:5}
.panel-vote .v-list li .bar{position:absolute;left:0;top:0;height:100%;width:100%}
.panel-vote .v-list li .bar span{display:block;height:100%;background:#eee}
.panel-vote .v-list li .val{float:right;padding:12px 20px;height:18px;line-height:18px;position:relative;z-index:5}
.panel-vote .v-list .on{border-color:#23C268;color:#23C268}
.panel-vote .v-list-img li{height:66px}
.panel-vote .v-list-img li > a{display:block;height:100%}
.panel-vote .v-list-img li p{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:normal;height:auto;max-height:40px;line-height:20px}
.panel-vote .v-list-img li .val{height:66px;line-height:66px;padding:0 20px}
.panel-vote .v-list-img li .bar{position:absolute;left:66px;top:0;height:100%;width:686px}
.panel-vote .v-list-img li .bar span{display:block;height:100%;background:#eee}
.panel-vote .v-list-img .img{float:left;width:66px;height:66px;overflow:hidden}
.panel-vote .v-list-img .img img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px 0 0 4px}
.panel-vote .v-btn{margin-top:10px}
.panel-vote .v-btn a{display:block;width:160px;height:38px;overflow:hidden;text-align:center;line-height:38px;font-size:14px;color:#fff;background:#23C268;border-radius:19px;margin:0 auto}
.panel-vote .v-btn .not{background:#eee;color:#B4B4B4}
.panel-vote .v-text{text-align:center;line-height:24px;height:24px;font-size:14px;padding:10px 0;color:#8C6A28}
.hotCard{padding:20px 0 16px;border-bottom:1px solid #eee}
.hotCard .lb-head{height:22px;overflow:hidden}
.hotCard .lb-head em{float:left;height:22px;line-height:22px;font-size:18px;font-weight:bold;color:#131715;padding-left:26px;background:url(../images/mod-hot2024/ico-hot.png) no-repeat left center}
.hotCard .lb-desc{font-size:14px;line-height:1.6;color:#131715;margin-top:20px}
.hotCard .lb-more{padding:6px 0;margin-top:16px}
.hotCard .lb-more a{display:block;width:52px;padding:0 15px;height:15px;text-align:center;line-height:15px;color:#7A7D7A;margin:0 auto;position:relative}
.hotCard .lb-more a i{background:url("../images/mod-hot2024/ico-fold.png") no-repeat;position:absolute;right:0;top:2px;width:10px;height:10px}
.hotCard .lb-more a.fold-up i{background-position:0 100%}
.hotCard .lb-list{background:#FBFAFA;border-radius:8px;padding:16px 0 24px;margin-top:16px}
.hotCard .lb-list .in{overflow:hidden;padding:0 20px;background:url("../images/mod-hot2024/hot-line.png") repeat-y 20px 5px}
.hotCard .lb-list ul{padding:0 18px;margin-top:-20px}
.hotCard .lb-list ul li{margin-top:20px;position:relative}
.hotCard .lb-list ul li .i-dot{width:6px;height:14px;overflow:hidden;position:absolute;left:-20px;top:4px;background:url(../images/mod-hot2024/hot-dot.png) no-repeat}
.hotCard .lb-list ul li.on .i-dot{background-position:0 100%}
.hotCard .lb-list ul li .img-ico{display:inline-block;vertical-align:middle;height:12px;margin-top:-2px;margin-left:2px}
.hotCard .lb-list .p1{font-size:14px;line-height:22px;color:#3E403F}
.hotCard .lb-list .p2{font-size:12px;line-height:1.2;margin-top:2px;color:#A7A8A7}
.hotCard .lb-list a:hover .p1{color:#19AA58}
.lowBrower{display:block;font-size:14px;width:180px;height:28px;margin:20px auto 0;line-height:28px;color:#7A7D7A;text-align:center;cursor:pointer;margin-bottom:-10px}
.lowBrower i{display:inline-block;vertical-align:middle;width:14px;height:14px;background:url(../images/mod-hot2024/checkbox.png) no-repeat;margin:-2px 10px 0}
.lowBrower.on i{background-position:0 100%}
.pshow{margin-top:10px;overflow:hidden;border-radius:10px}
.pshow img{display:block;width:100%}