@media only screen and (max-width:900px){.container{max-width:100%;padding:0 10px}
.ab-navbar .nav-list{padding:50px 15px;position:fixed;right:-280px;top:0;bottom:0;width:250px;margin-left:0;background:#ffffff;z-index:99999;transition:all .3s ease}
.ab-navbar .nav-list.show{right:0px}
.ab-navbar .nav-list > li{float:none;display:block;margin:8px 0;background-color:#f7f7f7}
.ab-navbar .nav-list > li > a{height:40px;line-height:40px}
.nav-list > li.current a{background-color:initial}
.canvas-close{display:block;position:absolute;right:15px;top:18px;width:30px;height:30px;z-index:99999;color:#000;transition:all .3s ease}
.canvas-close i{font-size:25px;transition:all .3s ease}
.nav-list.show li em.dot{position:absolute;top:0;right:0;width:50px;height:40px;text-align:center;cursor:pointer;line-height:40px}
.nav-list.show li em.dot i{font-size:18px}
.ab-navbar .nav-list .sub-nav{background:#eaeaea;position:relative;box-shadow:none;text-align:center;}
.ab-navbar .nav-list li:hover > .sub-nav{display:none}
.ab-navbar .nav-list .sub-nav p:last-child{padding-bottom:10px}
.ab-navbar .nav-list .sub-nav p a{width:auto;display:block;margin:10px 10px 0 10px;background-color:#f7f7f7}
.ab-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:9998;-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;transition:.3s}
.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 15px 0px}
.nav-right .nav-button a{padding:7px 0 !important}
.search-box .container{max-width:100%}
.search-input{width:80%}
.search-btn{width:20%}
.search-button{position:absolute;right:15px;top:18px;display:block !important}
.search-button a{color:#2d3757}
.search-button .fa{font-size:18px}
.search-box{padding:8.5px 30px 8.5px 0}
.search-box.show{top:7px}
.search-box .search-input, .search-box .search-btn{height:35px}
.search-close{font-size:24px;top:-1px;right:-30px}
.hmFocus{margin-bottom:2rem}
.abconleft,.abconright{width:100%}
.list-image{display:black}
.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-detail{-webkit-line-clamp:inherit;height:auto;line-height:normal;margin:1rem auto}
.article-item{padding-bottom:1.5rem}
.article-item ul li .list-image{width:13%}
.article-item ul li .list-image img{height:50px;width:60px}
.article-item ul li .list-main{width:87%;line-height:1.5;margin-bottom:.2rem;}
.article-item ul li a{font-size:1.13rem !important;color:#111;}
.article-item ul li .decs{display:none}
.article-item ul li .decs p{font-size:1.05rem !important}
.article-item ul li .meta-r-icon{display:none}
.article-item ul li span:nth-child(2){float:right;margin-right:0px}
.article-item ul li .text-xs{position:relative;display:block;margin-bottom:0rem}
.article-item ul li .post-tag{display:none}
.d-none{display:none!important}
.right-list .w-newsitem a{font-size:1.2rem}
.right-list .hot-item li a{line-height:1.6rem;font-size:1.13rem}
.list-grid li{width:100%;overflow:hidden}
.list-grid li .item-img{width:60px}
.list-grid li .item-img img{height:48px;width:60px}
.list-grid li .item-content{width:100%;line-height:1.5rem}
.list-grid li .item-content a{color:#111;font-size:1.13rem}
.article-relevant ul{line-height:2rem}
.article-relevant li:before{position:absolute;content:'';width:6px;height:6px;left:0;top:10px;border-radius:50%;background:#f60518}
.article-relevant li a{color:#111;font-size:1.06rem}
.article-relevant li a:hover{color:#f60518}
.grid-item li{width:100%}
.footer{width:100%;position:relative;clear:both;margin-top:20px;padding:10px}
.footer .container{font-size:15px}
.footer .container a{padding-right:12px}
.footer .copyright{font-size:11px;color:rgb(138,138,138);line-height:1.8;text-align:center;margin:0 auto;padding:18px 0}
.footer .copyright p{font-size:8px;color:rgb(99,99,99);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}
.nav-footer{clear:both;text-align:center}
.footer .nav-footer li{padding-right:15px;font-size:13px}
.footer .nav-footer a{color:#555}
.footer .nav-footer a:hover{color:#f60518}
.dialog-content{width:75%}
.links{background-color:#22382a}
.links-footer{font-size:10px;padding:10px 0}
.links-footer a,.links-footer span{color:rgb(198,198,198);line-height:1.2;font-size:10px;padding-right:5px}
}
.tagcloud{margin-top:.8rem;display:inline-block}
.tagcloud a{position:relative;font-size:1.1rem !important;letter-spacing:1px;line-height:1.1rem;text-transform:capitalize;display:inline-block;margin:.2rem;border:1px solid var(--border-light);padding:.56rem;border-radius:5px}
.tagcloud a:hover{opacity:.8;color:#f60518}