*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{font-family:'Microsoft Yahei',Helvetica,Arial,"Open Sans",Arial,'PingFang SC','Hiragino Sans GB','Source Han Sans CN',Roboto,sans-serif;font-size:16px;background:#f3f6fb}
a{color:inherit;text-decoration:none;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-ms-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease}
a:hover{color:#00A7EB;text-decoration:none!important}
ul,li,p,h1,h2,h3,h4,h5,h6{list-style-type:none;margin:0;padding:0;font-weight:400;line-height:1.4;color:#273746}
div,p,form,ul,label,input,textarea,img,span,dl,dt,dd{margin:0;padding:0;outline:0}
img{border:0;max-width:100%}
em,i{font-style:normal}
input,select,button,textarea{border:0;background:none;outline:none;vertical-align:middle}
.container{width:1200px;margin:auto}
.clear{clear:both}
.hidden{display:none}
.owl-theme .owl-nav.disabled+.owl-dots{position:absolute;top:5px;right:10px;margin-top:0!important}
.list-image:hover img,.item-img:hover img,.right-list-ad:hover img{border-radius:0;-webkit-transform:scale(1.05);transform:scale(1.05);-ms-transform:scale(1.05)}
.ab-header{position:fixed;top:0;width:100%;text-align:center;z-index:998;-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;transition:.3s}
.ab-header.slideUp{top:-63px}
.ab-navbar{position:relative;z-index:999;height:63px;box-shadow:0 0 30px rgba(0,0,0,0.07);background:rgba(255,255,255,0.97)}
.ab-navbar .logo{padding:10px 0;display:block;float:left}
.ab-navbar .logo img{height:40px;width:auto}
.ab-navbar .nav-list{margin-left:1rem;display:block;list-style:none;float:left}
.ab-navbar .nav-list li{list-style:none;position:relative;display:inline-block}
.nav-list li.current a{color:#007bff}
.nav-list li em{position:absolute;height:63px;line-height:63px;right:2px;cursor:pointer}
.nav-list li em i{font-size:22px}
.nav-list>li>a{height:63px;line-height:63px;display:inline-block;padding:0 20px;font-size:16px}
.nav-list .sub-nav{display:none;position:absolute;top:100%;left:0;background-color:#fff;font-size:15px;padding:9px 0;text-align:center;box-shadow:0 0 10px rgba(0,0,0,0.1);line-height:32px;min-width:119px;width:100%}
.nav-list .sub-nav a{display:inline-block;width:100%;padding:5px 0;color:#000;background-color:#fff}
.nav-list .sub-nav li{display:inline-block;width:100%}
.nav-list li:hover .sub-nav{display:block}
.nav-list li:hover a,.nav-list li:hover i.down{color:#0e52ff}
.nav-list li:hover .sub-nav a{color:#000}
.nav-list li .sub-nav a:hover{color:#0e52ff}
.nav-list li .down:before{display:inline-block;-webkit-transition:all .15s ease;-moz-transition:all .15s ease;-ms-transition:all .15s ease;-o-transition:all .15s ease;transition:all .15s ease}
.nav-list li:hover .down:before{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.nav-right{float:right;font-size:15px;margin-top:0}
.nav-right li{position:relative;float:left}
.nav-right a{display:inline-block;padding:0 15px;-webkit-transition:color .15s ease-in;transition:color .15s ease-in;position:relative}
.nav-right>li>a{padding:25px 10px 23px}
.nav-right .nav-search{padding:15px 12px 15px}
.nav-right .nav-search .fa{font-size:24px}
.nav-right .nav-search a{padding:6px 0;z-index:99}
.search-box{position:fixed;left:0;right:0;top:-100px;z-index:9998;padding:12px 0;background:rgba(255,255,255,0.95);backdrop-filter:blur(6px);box-shadow:0 2px 12px rgba(0,0,0,0.05);transition:top 0.3s cubic-bezier(0.4,0,0.2,1);display:block}
.search-box.show{top:0}
.search-box .container{max-width:600px;position:relative;display:flex;align-items:center;gap:10px;padding:0 20px}
.search-box-form{flex:1;display:flex;align-items:center;gap:8px}
.search-input{width:100%;height:42px;padding:0 16px;font-size:15px;color:#333;background:#f5f7fa;border:none;border-radius:21px;outline:none;transition:background 0.2s}
.search-input:focus{background:#fff;box-shadow:0 0 0 2px rgba(50,128,252,0.15)}
.search-submit-btn{flex-shrink:0;width:34px;height:34px;line-height:34px;text-align:center;font-size:16px;color:#888;background:#f5f7fa;border:none;border-radius:50%;transition:all 0.2s;cursor:pointer;padding:0;margin-left:2px}
.search-submit-btn:hover{color:#3280fc;background:#eef2f8}
.search-close{flex-shrink:0;width:34px;height:34px;line-height:34px;text-align:center;font-size:18px;color:#888;background:#f5f7fa;border-radius:50%;transition:all 0.2s;cursor:pointer;margin-left:2px}
.search-close:hover{color:#3280fc;background:#eef2f8}
.nav-right .nav-button{display:none}
.menu-btn{display:inline-block;padding:2px 0;float:right;margin-left:12px}
.menu-btn:before,.menu-btn:after,.menu-btn span{display:block;height:2px;background-color:#000;content:''}
.menu-btn:before{width:20px}
.menu-btn span{width:20px;margin:5px 0}
.menu-btn:after{width:20px;margin-left:0}
.footer{width:100%;position:relative;clear:both;background-color:#06060b;margin-top:30px;padding:30px 0}
.footer .footer-copyright{float:left;font-size:15px;line-height:1.6}
.footer .footer-copyright a{color:#ddd}
.footer .footer-copyright a:hover{color:#FFF}
.footer .footer-social{float:right;margin-top:0;position:relative}
.footer .footer-social a{font-size:20px;margin-left:10px}
.footer .footer-social a:first-child{margin-left:0}
.footer .copyright-footer{font-size:13px}
.footer .copyright-footer p{color:#60606d}
.footer .copyright-footer span{margin:0 5px 0 0}
.footer .copyright-footer a{color:#929292}
.links{background-color:#06060b}
.links-footer{font-size:10px;padding:10px 0;border-top:1px solid rgba(255,255,255,.2)}
.links-footer a,.links-footer span{color:#73777a;line-height:1.2;margin:0 5px 0 0;font-size:12px}
.footer .nav-footer{margin-bottom:20px;display:inline-block}
.footer .nav-footer li{float:left}
.footer .nav-footer a{color:#b2b2b8;margin-right:10px;font-size:14px}
.footer .footer-box .nav-footer a:hover{color:#FFF}
.footer .footer-box .nav-footer span{margin:0 10px}
.footer .footer-social a:hover,.footer .copyright-footer a:hover{color:rgba(255,255,255,.7)}
.footer .nav-footer a:hover{color:#fff}
.social-footer{float:right}
.social-footer a{position:relative;float:left;width:40px;height:40px;line-height:40px;background-color:#343a40;text-align:center;border-radius:20px;margin:0 5px;color:#FFF;font-size:16px}
.social-footer a i{color:#c5c5c5;font-size:24px}
.social-footer a:hover i{color:#FFF}
.social-footer a.wechat:hover{background-color:#2aae67}
.social-footer a.qq:hover{background-color:#14b6f6}
.social-footer a.wechat i{font-size:20px}
.cd-popup{position:fixed;left:0;top:0;height:100%;width:100%;background-color:rgba(94,110,141,0.9);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s 0s,visibility 0s 0.3s;-moz-transition:opacity 0.3s 0s,visibility 0s 0.3s;transition:opacity 0.3s 0s,visibility 0s 0.3s;z-index:9}
.cd-popup.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity 0.3s 0s,visibility 0s 0s;-moz-transition:opacity 0.3s 0s,visibility 0s 0s;transition:opacity 0.3s 0s,visibility 0s 0s}
.cd-popup-container{position:relative;width:90%;max-width:380px;margin:20em auto;padding:40px 20px 25px;background:#FFF;border-radius:.25em .25em .4em .4em;text-align:center;box-shadow:0 0 20px rgba(0,0,0,0.2);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;transition-duration:0.3s}
.cd-popup-container p{padding-bottom:2em;font-size:18px;font-weight:bold}
.cd-popup-container .cd-buttons:after{content:"";display:table;clear:both}
.cd-popup-container .cd-buttons li{float:left;width:50%}
.cd-popup-container .cd-buttons a{display:block;height:60px;line-height:60px;text-transform:uppercase;color:#FFF;-webkit-transition:background-color 0.2s;-moz-transition:background-color 0.2s;transition:background-color 0.2s}
.cd-popup-container .cd-buttons li:first-child a{background:#fc7169;border-radius:0 0 0 .25em}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover{background-color:#fc8982}
.cd-popup-container .cd-buttons li:last-child a{background:#b6bece;border-radius:0 0 .25em 0}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover{background-color:#c5ccd8}
.cd-popup-container .cd-popup-close{position:absolute;top:8px;right:8px;width:30px;height:30px;cursor:pointer}
.cd-popup-container .cd-popup-close::before,.cd-popup-container .cd-popup-close::after{content:'';position:absolute;top:12px;width:14px;height:3px;background-color:#8f9cb5}
.cd-popup-container .cd-popup-close::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);left:8px}
.cd-popup-container .cd-popup-close::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);right:8px}
.is-visible .cd-popup-container{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.rewards-popover-item{display:inline-block;width:200px;margin:0 10px}
.rewards-popover-item h4{margin:10px 20px 0 18px;font-size:15px}
.rewards-popover-item img{width:200px;height:200px;background-color:#eee;border-radius:2px;padding:5px}
.rollbar{width:50px;height:50px;text-align:center;line-height:50px;border-radius:50%;cursor:pointer;opacity:.8;position:fixed;right:30px;bottom:20%;background:rgba(10,10,10,0.8);overflow:hidden;display:none;z-index:999}
.rollbar i{font-size:24px;color:#fff}
.rollbar:hover{background:rgba(50,128,252,0.9);opacity:1;transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,0.2);transition:all 0.3s ease}
.ab-crumb{position:relative;margin-bottom:1rem}
.ab-crumb .crumb-inner{color:#333b55;font-size:12px;box-sizing:border-box;display:block;margin-left:auto;margin-right:auto;line-height:30px}
.ab-crumb .crumb-inner i.icon-shijian{color:#666!important;padding:0 5px;font-size:12px}
.ab-crumb .crumb-inner i{color:#034eff!important;padding:0 5px;font-size:14px}
.ab-crumb .crumb-inner i.icon-home{color:#333b55!important}
.ab-crumb a,.ab-crumb span{font-size:12px;color:#333b55}
.ab-crumb a:hover,.ab-crumb span:hover{font-size:12px;color:#034eff}
.btn-all{padding:0 1.25rem;font-size:14px;line-height:35px;font-weight:500;border-width:2px;border-radius:10px;display:inline-block;position:relative;text-decoration:none;transition:background 0.2s}
.btn-all span{display:inline-block;position:relative;will-change:transform}
.btn-all i{margin-left:5px}
.btn-all:hover i,.btn-all:focus i{opacity:1}
.btn-blue{color:#ffffff;background-color:#034eff;transition:background 0.2s ease-in}
.btn-blue:hover,.btn-blue.focus{background-color:#fdd76e;color:#505052}
.btn-wave{position:relative;text-decoration:none;overflow:hidden;border-width:0}
.btn-wave:hover .wave{top:-120px}
.btn-wave .wave{width:200px;height:200px;position:absolute;left:0;top:-80px;transition:0.4s}
.btn-wave .wave::before,a .wave::after{width:200%;height:200%;content:'';position:absolute;top:0;left:50%;transform:translate(-50%,-75%)}
.btn-wave .wave::before{border-radius:45%;background-color:rgba(236,236,236,0.2);animation:wave 5s linear infinite}
.btn-wave .wave::after{border-radius:40%;background-color:#a8bbfa80;animation:wave 10s linear infinite}
@keyframes wave{0%{transform:translate(-50%,-75%) rotate(0deg)}100%{transform:translate(-50%,-75%) rotate(360deg)}}
.pagebar{padding:0 20px 20px;overflow:hidden;clear:both}
.pagination{padding:0 0 20px;text-align:center;font-size:15px;display:none}
.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;padding:0}
.pagination ul li{float:left}
.pagination .page-item{display:inline;padding:0;margin:0}
.pagination .page-item>a,.pagination .page-item>span{margin:0 5px;float:left;padding:8px 12px 7px;text-decoration:none;background-color:#ddd;color:#666;border-radius:3px;opacity:.88}
.pagination-multi .page-item>a,.pagination-multi .page-item>span{padding:5px 12px;margin:0 2px;font-size:12px;font-family:"microsoft yahei"}
.pagination .page-item>a:hover,.pagination .page-item>a:focus{opacity:1}
.pagination ul>.active>a,.pagination ul>.active>span{background-color:#FF5E52;color:#fff;cursor:default}
.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>a:focus{color:#999999;background-color:transparent;cursor:default}
.pagination .page-item.next-page>a{background-color:#FF5E52;color:#fff}
.ias_trigger{margin:20px 0}
.ias_trigger a{background-color:#eee;display:block;line-height:35px;text-align:center;font-size:14px;color:#999}
.ias_trigger a:hover{background-color:#ddd;color:#666}
.pagination-loading{font-size:16px;text-align:center;color:#999;padding:30px 0 40px}
.pagination-loading .glyphicon{top:2px}
.pagenav{overflow:hidden;text-align:center;padding:20px}
.pagenav a,.pagenav .current,.pagenav .page-numbers{padding:4px 12px 3px;color:#666;display:inline-block;background-color:#eee;margin:0 1px}
.pagenav .current{background-color:#FF5E52;color:#fff}
.pagenav a:hover{background-color:#ccc;color:#444}
.section-bg{width:100%;overflow:hidden;padding-top:80px}
.abconleft{float:left;position:relative;width:71.666%}
.abconright{float:right;position:relative;width:26.8533%}
.hmFocus{border-radius:4px;overflow:hidden;margin-bottom:1.2em}
.media{position:relative;display:block;overflow:hidden;padding:0;flex-shrink:0;border-radius:inherit}
.media:after{content:'';display:block;padding-top:42.857143%}
.media .media-content img{height:auto}
.media-content{position:absolute;top:0;bottom:0;left:0;right:0;border:0;border-radius:inherit;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;background-color:rgba(120,120,120,.1);transition:transform .3s ease-out}
.media-content:hover{-webkit-transform:scale(1.01);transform:scale(1.01);-ms-transform:scale(1.01)}
.media-overlay{position:absolute;top:auto;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;color:#fff;background:linear-gradient(to top,rgba(6,6,8,.33),rgba(6,6,8,0));padding:.5rem}
.media-overlay a{color:#fff;font-size:1.125rem;line-height:1.4}
.sec-panel-body{padding:5px 0}
.sec-panel-body>div{width:100%;margin-bottom:-15px;line-height:1;font-size:0;overflow:hidden}
.sec-panel-body .topic{display:inline-block;margin:0 0 10px;width:auto}
.sec-panel-body .topic-wrap{position:relative;display:block;width:100%;text-decoration:none;border-radius:3px;overflow:hidden}
.sec-panel-body .topic-wrap:hover{text-decoration:none}
.sec-panel-body .cover-container img{object-fit:cover;height:160px;vertical-align:top;border-radius:5px}
.sec-panel-body span{font-size:14px;position:absolute;left:0;bottom:0;width:100%;padding:3px 10px 0;line-height:30px;text-align:center;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;box-sizing:border-box;background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));transition:all .3s ease-out}
.cover-container img{position:relative;width:100%;-webkit-transition:opacity .35s,-webkit-transform .45s;transition:opacity .35s,transform .45s}
.cover-container:hover img{filter:alpha(opacity=60);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
/* ========== 文章列表 ========== */
.article-item ul li{display:flex;gap:20px;align-items:flex-start;background:#fff;border-radius:12px;padding:20px;margin-bottom:16px;border:1px solid rgba(0,0,0,0.04);box-shadow:0 1px 3px rgba(0,0,0,0.03),0 4px 12px rgba(0,0,0,0.02);transition:transform 0.25s cubic-bezier(0.2,0,0,1),box-shadow 0.25s cubic-bezier(0.2,0,0,1),border-color 0.25s cubic-bezier(0.2,0,0,1);overflow:hidden}
.article-item ul li:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.06),0 2px 6px rgba(0,0,0,0.04);border-color:rgba(50,128,252,0.12)}
.article-item ul li .list-image{flex-shrink:0;width:200px;margin-right:0}
.article-item ul li .list-image a{display:block;width:200px;height:120px;overflow:hidden;border-radius:10px}
.article-item ul li .list-image img{width:100%;height:100%;object-fit:cover;border-radius:10px;transition:transform 0.4s ease}
.article-item ul li:hover .list-image img{transform:scale(1.06)}
.article-item ul li .list-main{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;width:auto}
.article-item ul li h2{margin:0 0 6px;line-height:1.45;height:auto;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.article-item ul li h2 a{font-size:17px!important;font-weight:600;color:#1a1a2e;transition:color 0.2s}
.article-item ul li h2 a:hover{color:#3280fc}
.article-item ul li .decs{flex:none;margin-bottom:8px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.article-item ul li .decs p{font-size:14px!important;color:#6b7280;line-height:1.5;margin:0}
.article-item ul li .text-xs{display:flex;align-items:center;gap:8px;color:#9ca3af!important;font-size:12px;margin-bottom:0;margin-top:auto}
.article-item ul li .text-xs span{margin-right:0;display:inline-flex;align-items:center;gap:4px}
.article-item ul li .text-xs span i{font-size:12px;color:#9ca3af}
.article-item ul li .meta-r-icon{flex:1;text-align:right;margin-right:0}
.article-item ul li .meta-r-icon span{margin-right:0;margin-left:16px}
.article-item ul li .post-tag{display:flex;flex-wrap:wrap;gap:8px;padding-top:6px;max-height:28px;overflow:hidden}
.article-item ul li .post-tag a{padding:2px 10px;font-size:11px;background:#f3f4f6;border-radius:20px;color:#6b7280;text-decoration:none;transition:color 0.2s,background 0.2s}
.article-item ul li .post-tag a:hover{background:#eef2ff;color:#3280fc}
/* 多图模式 */
.card-multi{flex-direction:column!important;padding:10px 20px 20px!important}
.card-multi .list-main{width:100%}
.card-multi .multi-images{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.card-multi .multi-images a{display:block;border-radius:8px;overflow:hidden;aspect-ratio:3/2}
.card-multi .multi-images img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s}
.card-multi:hover .multi-images img{transform:scale(1.03)}
.card-multi h2{-webkit-line-clamp:2}
.card-multi .decs{display:none!important}
/* 单图模式 */
.card-single h2{padding:0;margin:0 0 6px}
.card-single h2 a{display:inline-block;vertical-align:top;line-height:1.2}
.card-single .decs{-webkit-line-clamp:2;margin-bottom:8px}
/* 无图模式 */
.card-text{padding:18px 20px}
.card-text .list-main{width:100%}
.card-text h2{-webkit-line-clamp:2}
.card-text h2 a{font-size:18px!important;font-weight:650}
.card-text .decs{-webkit-line-clamp:2}
/* ========== 文章列表结束 ========== */
.ton-ad{clear:both;padding:0 0 1.2em}
.ton-ad li img{width:100%;border-radius:4px}
.right-list{position:relative;background-color:#fff;padding:1.2rem;clear:both;overflow:hidden;margin-bottom:1.2rem;border-radius:5px}
.right-list .w-newsitem{width:100%;position:relative}
.right-list .w-newsitem h3{font-size:1.1rem;font-weight:700;position:relative;margin-bottom:30px!important}
.right-list .w-newsitem h3 a{font-size:18px;color:#000}
.right-list .w-newsitem h3::after{position:absolute;display:block;content:'';width:32px;bottom:-20px;left:0;border-top:solid 2px #e0e9f7;-webkit-transition:width .5s;-moz-transition:width .5s;-ms-transition:width .5s;-o-transition:width .5s;transition:width .5s}
.right-list:hover .w-newsitem h3::after{width:100%!important}
.right-list .w-newsitem h3:before{display:inline-block;z-index:1;content:" ";position:absolute;border-radius:50%;background:#f92900!important;width:12px;height:12px;box-shadow:20px 0 #fbc606,40px 0 #448ef6;float:right;right:44px;top:11px;border-color:transparent}
.right-list .article-item ul li{padding-left:20px;padding-right:20px}
#today-news{padding:.93rem .93rem 1.5rem}
.right-list-ad{margin-bottom:20px;overflow:hidden;padding:5px;background:#fff;border-radius:6px}
.right-list-ad img{border-radius:4px;width:100%}
.linear{background-image:linear-gradient(0deg,#ffffff 0%,#f3f5f8 100%);border:2px solid #fff;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff}
.tagcloud{margin-top:1rem;display:inline-block;font-size:14px}
.tagcloud a{position:relative;font-size:14px;letter-spacing:0.5px;line-height:1;display:inline-block;margin:0 8px 8px 0;padding:6px 14px;border-radius:20px;background:#f5f7fa;color:#555;border:1px solid #e0e5ec;transition:color 0.25s ease,background 0.25s ease,transform 0.25s ease,box-shadow 0.25s ease;text-decoration:none;font-weight:400}
.tagcloud a:hover{background:#3280fc;color:#fff;border-color:#3280fc;transform:translateY(-2px);box-shadow:0 6px 12px rgba(50,128,252,0.2)}
.recent-hot-comments{display:flex;flex-direction:column;gap:12px}
.rc-item{background:#ffffff;border-radius:8px;padding:14px;transition:transform 0.2s ease,box-shadow 0.2s ease;border:1px solid #f0f2f5;box-shadow:0 1px 3px rgba(0,0,0,0.02)}
.rc-item:hover{box-shadow:0 6px 14px rgba(0,0,0,0.05);transform:translateY(-2px)}
.rc-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.rc-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#eef2f6;flex-shrink:0}
.rc-meta{flex:1;min-width:0}
.rc-author{font-size:12px;font-weight:500;color:#1e293b;display:block;line-height:1.3;word-break:break-word;overflow-wrap:break-word}
.rc-time{font-size:11px;color:#94a3b8}
.rc-body{position:relative}
.rc-text{font-size:13px;line-height:1.5;color:#4b5563;display:block;margin:0 0 8px;background:#f8fafc;padding:8px 10px;border-radius:10px;border-left:3px solid #3280fc;font-weight:500;word-break:break-word;overflow-wrap:break-word}
.rc-link{font-size:12px;color:#3280fc;text-decoration:none;display:inline-flex;align-items:center;gap:3px;transition:color 0.2s}
.rc-link i{font-size:12px}
.rc-link:hover{color:#1a5bbf;text-decoration:underline}
.list-grid li{margin:0;padding:15px 0;display:flex;width:100%;position:relative;overflow:hidden}
.list-grid li .item-img{width:120px;flex-shrink:0;overflow:hidden;border-radius:6px}
.list-grid li .item-img-inner{display:block}
.list-grid li .item-img img{display:block;width:100%;height:80px;object-fit:cover;-webkit-transition:transform .3s ease-out;-o-transition:transform .3s ease-out;transition:transform .3s ease-out}
.list-grid li .item-content{position:relative;margin-left:10px;width:calc(100% - 110px);flex-shrink:1}
.list-grid li .item-content .item-title{font-size:14px;margin-top:2px;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.4}
.list-grid li .item-content .item-title a{color:#262626}
.list-grid li .item-content .item-title a:hover{color:#338fe6}
.list-grid li .item-content p i{margin-right:4px;font-size:14px}
.list-grid li .item-content .item-date{position:absolute;bottom:2px;margin:0;font-size:12px;color:#828282;line-height:14px}
.grid-item li{width:31.666%;margin:0 20px 20px 0;float:left;background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.075);position:relative;border-radius:5px;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .3s ease}
.grid-item li:nth-child(3n){margin-right:0}
.grid-item li .img{overflow:hidden;border-radius:5px 5px 0 0;position:relative;height:180px}
.grid-item li .img a{display:block;height:100%}
.grid-item li .thumb{width:100%;height:100%;border-radius:5px 5px 0 0;transition:transform .3s ease-out;object-fit:cover;background:#fff;display:block;font-size:0}
.grid-item li .thumb:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}
.grid-item li h3{font-size:15px;font-weight:normal;margin:15px 10px 10px;position:relative}
.grid-item li h3 a{color:#333;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;height:20px}
.grid-item li h3 a:hover{color:#ff5f33}
.grid-item li .grid-meta{color:#777;padding:0 10px 10px;font-size:12px;height:30px;overflow:hidden}
.grid-item li .grid-meta .time,.grid-item li .grid-meta .views,.grid-item li .grid-meta .comments{margin-right:8px;position:relative}
.grid-item li .grid-meta .price{float:right}
.article-content{background:#fff;margin-bottom:30px;display:block;border-radius:4px;padding:30px 20px}
.article-detail{position:relative;margin-bottom:20px;border-bottom:1px solid #f4f4ff;border-width:2px!important}
.article-detail .detail-title{font-size:1.75rem;font-weight:600;height:auto;line-height:normal;margin:0 0 1rem}
.article-detail .infos{color:#999;margin-bottom:25px}
.article-detail .infos span{color:#999;margin-right:10px;font-size:13px}
.article-detail .infos span i{margin-right:5px}
.article-body{color:#2f3340;margin-bottom:10px;line-height:1.8;overflow:hidden;white-space:normal;word-wrap:break-word;word-break:normal}
.article-body h2{font-size:24px;font-weight:600;line-height:1.4;color:#1a1a1a;margin:30px 0 15px;padding-bottom:10px;border-bottom:2px solid #3280fc}
.article-body h3{font-size:20px;font-weight:600;line-height:1.4;color:#1a1a1a;margin:25px 0 12px;padding-left:12px;border-left:3px solid #3280fc}
.article-body h4{font-size:18px;font-weight:500;line-height:1.4;color:#333;margin:20px 0 10px}
.article-body h5{font-size:16px;font-weight:500;line-height:1.4;color:#444;margin:15px 0 8px}
.article-body p{font-size:16px;line-height:1.8;color:#2f3340;margin-bottom:18px;text-align:justify}
.article-body img{display:block;max-width:100%;height:auto;border-radius:8px;margin:20px auto;box-shadow:0 2px 8px rgba(0,0,0,0.08)}
.article-body a{color:#3280fc;text-decoration:none;border-bottom:1px dotted #3280fc;transition:color 0.2s ease,border-color 0.2s ease}
.article-body a:hover{color:#1a5bbf;border-bottom-style:solid}
.article-body blockquote{margin:20px 0;padding:16px 20px;background:#f8fafc;border-left:4px solid #3280fc;border-radius:4px;color:#555;font-size:15px;line-height:1.7}
.article-body blockquote p{margin-bottom:0;color:inherit}
.article-body ul{margin:15px 0;padding-left:24px;list-style:disc;color:#2f3340}
.article-body ol{margin:15px 0;padding-left:24px;list-style:decimal;color:#2f3340}
.article-body li{margin-bottom:8px;font-size:15px;line-height:1.7}
.article-body code{background:#f0f2f5;color:#e74c3c;padding:2px 6px;border-radius:3px;font-family:"Courier New",monospace;font-size:0.9em}
.article-body pre{margin:20px 0;padding:16px;background:#1e293b;color:#e2e8f0;border-radius:8px;overflow-x:auto;font-family:"Courier New",monospace;font-size:14px;line-height:1.6}
.article-body pre code{background:none;color:inherit;padding:0;border-radius:0;font-size:inherit}
.article-body table{width:100%;margin:20px 0;border-collapse:collapse;border-radius:6px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.06)}
.article-body table th{background:#3280fc;color:#fff;padding:12px 10px;font-weight:500;text-align:center;font-size:14px}
.article-body table td{padding:10px;border:1px solid #e0e5ec;font-size:14px;color:#333}
.article-body table tr:nth-child(even) td{background:#f8fafc}
.article-body hr{border:none;height:1px;background:linear-gradient(to right,transparent,#ddd,transparent);margin:30px 0}
.article-body strong{color:#1a1a1a;font-weight:600}
.article-body em{color:#555;font-style:italic;font-size:12px;line-height:1.4}
.article-body mark{background:#fffbcc;color:#333;padding:1px 4px;border-radius:2px}
.tip{position:relative;background:#f3f6fb;border-radius:6px;margin-bottom:25px;transition:.5s}
.tip>p{font-size:12px;color:#8d8f96;margin:5px 0;padding:10px}
.article-tags span{margin-right:5px;font-size:15px;line-height:1.5}
.article-tags a{padding:.2rem .5375rem;border-radius:.2rem;margin-right:5px;font-size:14px;color:#4b5563;border:1px solid #e0e5ec;transition:background 0.2s}
.article-tags a:hover{background:rgba(41,151,247,.1)}
.help-time{margin-top:3rem!important;font-size:.875rem!important;color:#6c757d!important}
.help-time span i{margin-right:5px}
.help-time time{float:right}
.action{text-align:center!important;margin:40px 0 0}
.action .btn-all{margin-right:10px}
.btn-like{background:#e74c3c;color:#fff!important;margin-right:10px}
.btn-like:hover{background:#c0392b;opacity:1}
.btn-report{background:#f39c12;color:#fff!important}
.btn-report:hover{background:#e67e22;opacity:1}
.article-nav{position:relative;margin-bottom:30px;overflow:hidden}
.article-nav-entry{width:calc(50% - 7px);max-width:50%;margin:0;display:inline-block;padding:15px;background-color:#fff}
.article-nav-entry+.article-nav-entry{margin-right:0;float:right;text-align:right}
.entry-page-next,.entry-page-prev{margin:0;display:flex;padding:0;position:relative;align-items:center;min-height:60px;border-radius:4px;background:#fff;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.entry-page-info{flex:1;margin:0;display:block;padding:16px;z-index:1}
.entry-page-icon i{font-size:40px}
.entry-page-prev .entry-page-icon{padding-right:0}
.entry-page-next .entry-page-icon{padding-left:0}
.entry-page-prev .entry-page-info{text-align:right}
.entry-page-next .entry-page-info{text-align:left}
.entry-page-info .hnav{font-size:12px;line-height:1.625;color:#ccc;display:block!important}
.entry-page-info .title{color:#16133d;overflow:hidden;display:-webkit-box!important;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:normal;height:18px;line-height:18px;font-size:14px}
.about-content{max-width:1000px;margin:0 auto}
.posts-pushes{width:100%;background-color:#ffffff;position:relative;display:inline-block;border-radius:4px!important;padding:30px}
.posts-pushes h5{position:relative;margin-bottom:30px!important;color:#007bff!important;font-size:1.2rem;font-weight:600}
.posts-pushes h5::after{position:absolute;display:block;content:'';width:116px;bottom:-20px;left:0;border-top:solid 2px #f0f4f7;-webkit-transition:width .5s;-moz-transition:width .5s;-ms-transition:width .5s;-o-transition:width .5s;transition:width .5s}
.posts-pushes:hover h5::after{width:100%!important}
.details-area{position:relative;z-index:1;padding-top:.5rem;color:#3a3942;line-height:1.8;font-size:.875rem}
.details-area p{color:#3a3942;line-height:1.8;font-size:.875rem;margin-bottom:1rem}
.details-area b{font-family:'oswaldregular',sans-serif;padding:0 .5rem;color:#007bff}
.details-area code{font-family:"Microsoft Yahei";font-size:.875em;color:#d63384;word-wrap:break-word}
.alert-success{background:#edfbf6;color:#2fb784;padding:10px 15px;margin-bottom:20px}
.article-relevant ul{padding:1rem 0;overflow:hidden;margin-bottom:1rem;border-bottom:1px dashed #999}
.article-relevant li{position:relative;padding-left:14px;margin-bottom:12px;font-size:15px;list-style:none;width:48%;float:left;white-space:nowrap;text-overflow:ellipsis;height:22px;line-height:1.1rem;overflow:hidden}
.article-relevant li:nth-child(even){float:right}
.article-relevant li:before{position:absolute;content:'';width:6px;height:6px;left:0;top:6px;border-radius:50%;background:#034eff}
.article-relevant li a{color:#16133d}
.ad-pic-tl{background:#FFF;padding:0!important;margin:0 0 20px!important}
.ad-pic-tl p{margin:4px 4px 0;display:block}
.ad-pic-tl img{border-radius:5px;width:100%;margin:0}
.modown-ad{text-align:center;margin-bottom:20px;position:relative;overflow:hidden;border-radius:3px}
.erphpad-loader{margin-bottom:5px}
.erphpad-show{border:2px dashed #ff5f33;padding:15px 10px;width:100%;text-align:center;border-radius:3px}
.erphpad-show .erphpad-buy-loader{padding:4px 10px;background:#ff5f33;border-radius:3px;display:inline-block;color:#fff;font-size:14px;margin-left:10px;line-height:1.2;text-decoration:none}
.badges{display:inline-block;padding:2px 10px;font-size:11px;font-weight:600;line-height:1.4;text-align:center;white-space:nowrap;vertical-align:middle;border-radius:30px;margin-right:8px;letter-spacing:.4px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.05);position:relative;border:1px solid rgba(0,0,0,.03);text-shadow:0 1px 2px rgba(0,0,0,0.12)}
.badges:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}
.arc_v1{background:#0e3b7a;color:#fff;border-color:rgba(255,255,255,.15)}
.arc_v2{background:#3d4759;color:#fff}
.arc_v3{background:#0a5c38;color:#fff}
.arc_v4{background:#e60000;color:#fff}
.arc_v5{background:#f6c800;color:#1a1a1a}
.qr_qun{overflow:hidden;border-top:1px #333 dotted;padding-top:20px;text-align:center;max-width:600px;margin:30px auto 20px}
.qr_qun p{text-align:center}
.qr_qun p:first-child{font-weight:bold;margin-bottom:20px;color:#FF0000}
.qr_qun p:last-child{font-size:14px}
.text-secondary{text-align:center;padding:20px 0}
.custom-slide-item{position:relative;border-radius:8px;overflow:hidden}
.slide-link{display:block;position:relative;background:#eee}
.slide-img-box{position:relative;width:100%;padding-top:56.25%;background:#f0f0f0;overflow:hidden}
.slide-img-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border:0;transition:transform 0.4s ease}
.slide-link:hover .slide-img-box img{transform:scale(1.03)}
.slide-caption{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:30px 15px 12px;background:linear-gradient(to top,rgba(0,0,0,0.6),transparent);color:#fff}
.slide-caption h3{margin:0;font-size:14px;font-weight:500;line-height:1.4;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hot-list{padding:0;margin:0}
.hot-list li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f0f2f5;transition:background 0.2s ease,padding 0.2s ease}
.hot-list li:last-child{border-bottom:none}
.hot-list li:hover{background:#fafcff;padding-left:6px;border-radius:4px}
.hot-list .rank{flex-shrink:0;width:20px;height:20px;line-height:20px;text-align:center;font-size:12px;font-weight:600;color:#555;background:#f0f2f5;border-radius:50%}
.hot-list li:nth-child(1) .rank,.hot-list li:nth-child(2) .rank,.hot-list li:nth-child(3) .rank{background:linear-gradient(135deg,#3280fc,#1a5bbf);color:#fff;transform:scale(1.1);font-size:11px;font-weight:700;box-shadow:0 2px 6px rgba(50,128,252,0.2)}
.hot-list li a{flex:1;font-size:14px;color:#333;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}
.hot-list li a:hover{color:#3280fc}
.load-more-btn{display:inline-block;padding:12px 36px;background:#3280fc;color:#fff;font-size:15px;font-weight:500;border-radius:6px;cursor:pointer;transition:background 0.25s ease,box-shadow 0.25s ease,transform 0.25s ease;box-shadow:0 2px 8px rgba(50,128,252,0.25);user-select:none}
.load-more-btn:hover{background:#1a6ce8;box-shadow:0 4px 14px rgba(50,128,252,0.4);transform:translateY(-1px)}
.load-more-btn:active{transform:scale(0.98)}
.load-more-btn.loading{background:#5a9ff5;pointer-events:none;box-shadow:none}
.load-more-btn.disabled{background:#b0b0b0;pointer-events:none;box-shadow:none;cursor:not-allowed}
.comments{background:#fff;padding:15px;margin:0 auto 20px;border-radius:5px;box-shadow:0 0 20px -5px rgb(158 158 158 / 22%);clear:both}
.comments_header{margin-bottom:15px}
.comments_title h3{font-size:18px;color:#333;border-bottom:1px solid #eee;padding-bottom:8px;margin:0}
.comment-list-wrapper{margin-top:15px}
.comment-item{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid #f0f2f5;align-items:flex-start}
.comment-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#eee;margin-top:2px}
.comment-body{flex:1;min-width:0}
.comment-top{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}
.comment-nick{font-size:14px;font-weight:600;color:#1e293b}
.comment-time{font-size:12px;color:#8a99aa;white-space:nowrap}
.comment-text{font-size:14px;line-height:1.5;color:#1e293b;word-break:break-word;margin:0 0 8px}
.comment-actions{display:flex;gap:16px;font-size:12px;color:#8a99aa}
.action-item{cursor:pointer;display:inline-flex;align-items:center;gap:2px;transition:color 0.2s;color:inherit;text-decoration:none}
.action-item:hover{color:#3858f6}
.action-item.praise.active{color:#206be7;font-weight:bold}
.action-item.tread.active{color:#e24040;font-weight:bold}
.children{margin-top:8px;padding-left:20px;border-left:2px solid #f0f2f5}
.children .comment-item{border-bottom:none;padding:8px 0}
.children .comment-item:last-child{padding-bottom:0}
.children .comment-avatar{width:30px;height:30px}
.children .comment-nick{font-size:13px}
.children .comment-text{font-size:13px}
.toggle-children{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:#3858f6;background:#f0f5ff;padding:5px 12px;border-radius:20px;cursor:pointer;user-select:none;transition:background 0.2s ease,border-color 0.2s ease,color 0.2s ease;line-height:1;border:1px solid transparent;margin-top:5px}
.toggle-children:hover{background:#d9e6ff;border-color:#b8cfff;color:#1f4fcf}
.toggle-children:active{transform:scale(0.96)}
.compost{margin-top:20px}
.compost .com-info{margin-bottom:10px}
.compost .com-info ul{display:flex;gap:12px;flex-wrap:wrap;padding:0;margin:0}
.compost .com-info li{flex:1;min-width:160px;margin:0;padding:0;list-style:none;float:none}
.compost .com-info li .ipt{width:100%;height:40px;line-height:40px;padding:0 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box;background:#fff}
.compost .com-info li .verify{display:flex;align-items:center;height:40px}
.compost .com-info li .verify img{height:40px;border:1px solid #ddd;border-left:none;border-radius:0 4px 4px 0;cursor:pointer;background:#f9f9f9}
.compost .com-box textarea{width:100%;min-height:120px;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;resize:vertical;box-sizing:border-box}
.compost .com-info:last-child{display:flex;align-items:center;gap:12px;margin-top:10px}
.compost .com-info:last-child input[type="checkbox"]{margin:0;vertical-align:middle}
.compost .com-info:last-child label{font-size:14px;color:#666;cursor:pointer;margin:0}
.compost .com-submit{background:#3280fc;color:#fff;border:none;padding:8px 24px;font-size:14px;border-radius:4px;cursor:pointer;transition:opacity 0.2s}
.compost .com-submit:hover{opacity:0.85}
#cancel-reply{color:#3280fc;font-size:12px;margin-bottom:10px;display:inline-block;cursor:pointer}
.comment-load-more{text-align:center;margin:20px 0}
.comment-load-more .com-submit{background:#f0f5ff;color:#3280fc;border:1px solid #3280fc;padding:6px 20px;border-radius:4px;cursor:pointer;font-size:13px;transition:background 0.2s,color 0.2s}
.comment-load-more .com-submit:hover{background:#3280fc;color:#fff}
#logoutLink:hover{color:#3280fc}
.notice-list{padding:0;margin:0;list-style:none}
.notice-list li{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;margin-bottom:6px;background:#f8fafc;border-radius:8px;border:1px solid #f0f2f5;transition:background 0.2s ease,border-color 0.2s ease;font-size:13px;line-height:1.6;color:#333}
.notice-list li:last-child{margin-bottom:0}
.notice-list li:hover{background:#eef4ff;border-color:#d0ddf0}
.notice-list li i{flex-shrink:0;width:18px;text-align:center;margin-top:2px;font-size:14px;color:#3280fc}
.notice-list li i.fa-exclamation-triangle{color:#f39c12}
.notice-list li i.fa-qq{color:#12B7F5}
.notice-list li i.fa-send{color:#2AABEE}
.notice-list li u{text-decoration:none;font-weight:500;color:#3280fc}
.notice-list li i.fa-users{color:#3280fc}
.notice-list li i.fa-paper-plane{color:#2AABEE}
.top-wechat-bar{position:fixed;z-index:10002;width:100%;height:100%;bottom:0;left:0;right:0;top:0;display:none;justify-content:center;align-items:center;background:rgba(0,0,0,0.45);backdrop-filter:blur(3px)}
.top-wechat-bar-inner{width:90%;max-width:420px;background:#fff;border-radius:16px;padding:28px 24px 20px;text-align:center;box-shadow:0 20px 40px rgba(0,0,0,0.12);position:relative;animation:fadeUp 0.3s ease-out}
.modern-dialog-content{display:flex;flex-direction:column;align-items:center;gap:16px}
.dialog-icon-wrapper i{font-size:48px;color:#3280fc}
.dialog-title{font-size:18px;font-weight:600;color:#1e293b;margin:0}
.dialog-detail p{margin:6px 0;font-size:15px;color:#334155}
.dialog-hint{font-size:13px;color:#94a3b8}
.dialog-img-wrapper img{width:140px;height:140px;border-radius:8px;border:1px solid #eee}
.dialog-confirm-btn{background:#3280fc;color:#fff;border:none;padding:10px 40px;border-radius:8px;font-size:14px;cursor:pointer;margin-top:4px;transition:opacity 0.2s}
.dialog-confirm-btn:hover{opacity:0.85}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
/* ========== 响应式 ========== */
@media(max-width:1200px){
.container{max-width:960px}
.abconleft{width:66%}
.abconright{width:32%}
}
@media(max-width:992px){
.container{max-width:720px;padding:0 20px}
.abconleft,.abconright{width:100%;float:none}
.abconleft{margin-bottom:30px}
.abconright{display:none;margin-top:25px}
/* ---------- 移动端折叠导航 ---------- */
.ab-navbar .nav-list{padding:24px 0 20px;position:fixed;right:-280px;top:0;bottom:0;width:260px;margin-left:0;background:#fff;z-index:99999;border-radius:16px 0 0 16px;box-shadow:-4px 0 24px rgba(0,0,0,0.08);transition:right 0.3s cubic-bezier(0.4,0,0.2,1)}
.ab-navbar .nav-list.show{right:0}
.ab-navbar .nav-list>li{float:none;display:block;margin:4px 12px;background:#f8f9fb;border-radius:10px;border:1px solid rgba(0,0,0,0.03);transition:background 0.2s,border-color 0.2s}
.ab-navbar .nav-list>li:active{background:#eef2f8}
.ab-navbar .nav-list>li.current{background:#f0f5ff;border-color:rgba(50,128,252,0.2);position:relative}
.ab-navbar .nav-list>li.current::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;background:#3280fc;border-radius:0 3px 3px 0}
.ab-navbar .nav-list>li>a{display:flex;align-items:center;height:46px;line-height:46px;padding:0 16px;font-size:16px;font-weight:500;color:#1e293b;transition:color 0.2s}
.ab-navbar .nav-list>li.current>a{color:#3280fc;font-weight:600}
.canvas-close{position:absolute;right:16px;top:16px;width:36px;height:36px;z-index:100000;display:flex;align-items:center;justify-content:center;background:#f2f4f7;border-radius:50%;cursor:pointer;transition:background 0.2s,color 0.2s}
.canvas-close i{font-size:18px;color:#555;transition:color 0.2s}
.canvas-close:hover{background:#e0e5eb}
.canvas-close:hover i{color:#1e293b}
.ab-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.55);backdrop-filter:blur(2px);z-index:9998;transition:opacity 0.3s}
.ab-navbar .nav-list .sub-nav{background:transparent;position:relative;box-shadow:none;padding:0 0 8px 16px}
.ab-navbar .nav-list .sub-nav a{display:block;padding:8px 12px;font-size:14px;color:#475569;border-radius:6px;transition:background 0.15s}
.ab-navbar .nav-list .sub-nav a:hover{background:#f1f5f9;color:#3280fc}
.ab-navbar .nav-list li:hover>.sub-nav{display:none}
.nav-right{font-size:18px}
.nav-right .nav-search,.nav-right .nav-tougao,.nav-right .nav-cart{padding:13px 5px}
.nav-right .nav-button{display:block;padding:15px 0}
.nav-right .nav-button a{padding:7px 0!important}
.menu-btn{display:inline-block;padding:2px 0;float:right;margin-left:12px}
.menu-btn:before,.menu-btn:after,.menu-btn span{display:block;height:2px;background-color:#000;content:''}
.menu-btn:before{width:20px}
.menu-btn span{width:20px;margin:5px 0}
.menu-btn:after{width:20px;margin-left:0}
.hmFocus{width:100%;height:100%;overflow:hidden;margin-bottom:1.2rem}
.media-overlay a{font-size:1rem!important;width:80%!important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.autoImg a img{width:100%;height:auto;display:block}
.sec-panel-body .cover-container img{height:130px}
.ad-pic-tl{display:none!important}
.list-image{display:block}
.topic-list .topic{width:49%;margin:0 1% 12px}
.topic-list .topic:nth-child(odd){margin-left:0}
.topic-list .topic:nth-child(2n+2){margin-right:0}
.article-item ul li .list-image,.article-item ul li .list-image a{width:160px}
.article-item ul li .list-image img{height:110px}
.article-item ul li h2 a{font-size:16px!important}
.article-item ul li .decs p{font-size:13px!important}
.article-item ul li .text-xs{font-size:12px;position:relative;display:block;margin-bottom:0}
.article-item ul li .meta-r-icon{display:none}
.article-item ul li .post-tag{display:none}
.article-item ul li span:nth-child(2){float:right;margin-right:0}
.article-detail .detail-title{font-size:1.5rem}
.article-relevant li{width:100%;font-size:16px}
.ab-crumb,#r_list5,#r_list6,.d-none{display:none!important}
.right-list .w-newsitem h3{font-weight:500}
.grid-item li{width:100%}
.footer{width:100%;position:relative;clear:both;background-color:#282828;margin-top:30px;padding:30px 0;text-align:center}
.social-footer{float:none;text-align:center;margin-bottom:20px}
.social-footer a{float:none;display:inline-block}
.cd-popup-container{margin:10em auto}
.footer .nav-footer{clear:both;text-align:center}
.footer .nav-footer li{float:none;display:inline-block}
.footer .nav-footer a{font-size:14px;margin:0 10px}
.links-footer,.copyright-footer{text-align:center}
.dialog-content{width:75%}
.search-box .container{max-width:100%;padding:0 15px}
.search-input{height:38px;font-size:14px}
.search-submit-btn,.search-close{width:30px;height:30px;line-height:30px}
.search-close{font-size:16px}
}
@media(max-width:768px){
.container{max-width:100%;padding:0 15px}
.list-grid li .item-content .item-title{font-weight:500;font-size:16px}
.article-item ul li{padding:12px!important}
.article-item ul li .list-image,.article-item ul li .list-image a{width:120px;height:auto}
.article-item ul li .list-image img{height:80px}
.article-item ul li h2{margin-bottom:5px;height:auto;max-height:4.2rem;overflow:hidden;-webkit-line-clamp:2}
.article-item ul li h2 a{-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.4}
.article-item ul li .decs{display:none}
.article-item ul li .text-xs{margin-bottom:5px}
.card-multi h2,.card-multi h2 a{-webkit-line-clamp:2!important;max-height:3rem!important}
.card-multi .multi-images{margin-bottom:0}
.card-multi .multi-images a{aspect-ratio:3/2}
.article-body p{font-size:16px;line-height:1.8;font-family:"Microsoft Yahei"}
.footer .footer-copyright,.footer .footer-social{float:none;text-align:center;margin-bottom:15px}
.social-footer a{margin:5px}
.rollbar{width:40px;height:40px;line-height:40px;right:15px;bottom:15px}
.rollbar i{font-size:20px}
.search-input{height:42px;font-size:15px}
.search-submit-btn,.search-close{width:32px;height:32px;line-height:32px}
.compost .com-info ul{flex-direction:column}
.compost .com-info li{width:100%;min-width:100%}
.comment-avatar{width:28px;height:28px}
.comment-nick{font-size:13px}
.comment-text{font-size:13px}
.children{padding-left:12px}
.toggle-children{padding:4px 8px;font-size:11px}
.badges{top:0;font-size:12px;padding:3px 10px}
}
@media(max-width:576px){
.hmFocus{margin-bottom:10px}
.ton-ad{padding-bottom:6px}
.media-overlay a{font-size:14px!important}
.article-item ul li .list-image,.article-item ul li .list-image a{width:90px}
.article-item ul li .list-image img{height:65px}
.article-item ul li .text-xs>span:first-child{display:none}
.article-item ul li .text-xs{font-size:11px}
.article-detail .detail-title{font-size:20px}
.article-detail .infos{font-size:12px}
.article-body p{font-size:15px}
.article-body h2{font-size:20px}
.article-body h3{font-size:18px}
.compost .com-submit{width:50%}
.load-more-btn{padding:10px 20px;font-size:14px}
.tagcloud a{padding:4px 10px;font-size:12px}
.rollbar{width:36px;height:36px;line-height:36px}
.badges{font-size:12px;padding:2px 8px;letter-spacing:0}
}
@media(min-width:769px){
.abconright{display:block!important}
}
/* ========== 加载更多 ========== */
.pageload{text-align:center;padding:30px 0 40px}
.pageload .view-more-button{display:inline-block;padding:12px 36px;background:#3280fc;color:#fff;font-size:15px;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:background 0.25s ease,box-shadow 0.25s ease,transform 0.25s ease;box-shadow:0 2px 8px rgba(50,128,252,0.25);user-select:none;outline:none;line-height:1.5}
.pageload .view-more-button:hover{background:#1a6ce8;box-shadow:0 4px 14px rgba(50,128,252,0.4);transform:translateY(-1px)}
.pageload .view-more-button:active{transform:scale(0.98)}
.pageload .view-more-button.loading,.pageload .view-more-button:disabled{background:#b0b0b0;pointer-events:none;box-shadow:none;transform:none}
.scroller-status{display:none}
.scroller-status.infinite-scroll-request,.scroller-status.infinite-scroll-last,.scroller-status.infinite-scroll-error{display:block}
.loader-ellips{display:inline-block;font-size:18px;letter-spacing:2px;animation:ellipsis 1.4s infinite}
@keyframes ellipsis{0%{opacity:0.2}20%{opacity:1}100%{opacity:0.2}}

#post-more{text-align:center;margin:30px 0}
#post-more .load-more-btn{display:inline-block;padding:12px 36px;background:#3280fc;color:#fff;font-size:15px;font-weight:500;border-radius:6px;cursor:pointer;transition:background 0.25s ease,box-shadow 0.25s ease,transform 0.25s ease;box-shadow:0 2px 8px rgba(50,128,252,0.25);user-select:none;text-decoration:none}
#post-more .load-more-btn:hover{background:#1a6ce8;box-shadow:0 4px 14px rgba(50,128,252,0.4);transform:translateY(-1px)}
#post-more .load-more-btn:active{transform:scale(0.98)}

.c-message{font-size:14px}
.c-message--tip{font-size:14px}