section.article{padding:.15rem;display:grid;gap:.15rem}
section.article .main{width:100%;overflow:hidden;display:grid;gap:.15rem}
section.article .main .newest{width:100%;overflow:hidden;display:grid;gap:.15rem;align-content:start}
.article .focus{width:100%;height:3.3rem;position:relative;background:#e0e0e0}
.article .focus .pagination{bottom:1rem}
.article .focus .list{border-radius:4px;height:100%;background-color:transparent}
.article .focus .list li{width:100%;height:100%;border-top-right-radius:.04rem;overflow:hidden}
.article .focus .list li a:hover{text-decoration:none}
.article .focus .list li.active{display:block}
.article .focus .list li .cover{overflow:hidden;height:2.4rem;position:relative}
.article .focus .list li .cover .cate{position:absolute;right:.1rem;bottom:.1rem;color:#fff;background-color:#9e9e9e52;padding:.02rem .08rem;border-radius:.04rem;width:auto}
.article .focus .list li img{width:100%;height:2.4rem;border-top-right-radius:.04rem}
.article .focus .list li .tit{font-size:.16rem;color:#222;margin-top:.08rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 .15rem}
.article .focus .list li a:hover .tit{color:#ff9800;text-decoration:underline}
.article .focus .list li a:hover .desc{color:#222;text-decoration:none}
.article .focus .list li .desc{color:#757575;height:.5rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:5px;font-size:.13rem;line-height:.23rem;padding:0 .15rem}
section.article .side{gap:.15rem;display:grid}
section.article .side>div{overflow:hidden}
.cate{width:100%;padding:.15rem;background:#fff;border-radius:.04rem}
.cate .cat-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.05rem}
.cate .cat-list li{background:#f5f5f5;border-radius:.04rem}
.cate .cat-list li a{display:block;height:.38rem;line-height:.38rem;padding-left:.2rem}
.cate .cat-list li a:hover,.cate .cat-list li.active{background:#fff3e0;border-radius:4px;color:#ff9800}
.cate .cat-list li.active a{color:#ff9800}
.article-list .bd ul li:first-child{border-top:0}
.article-list .bd ul li a:hover{text-decoration:underline;color:#ff9800}
.focus-headline{width:100%;overflow:hidden;background:#fff;border-radius:.04rem}
.focus-headline .headline{margin:0 .15rem;padding-top:inherit;padding-bottom:.15rem;background:#fff}
.focus-headline .headline li{margin-top:.15rem}
.focus-headline .headline .head{font-size:.16rem}
.focus-headline .headline .head .desc{font-size:.13rem;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-indent:2em;margin-top:.05rem}
.cate-list{overflow:hidden}
.cate-list ul{display:flex;gap:.1rem;flex-wrap:wrap}
.cate-list li{list-style:none!important;margin-left:0!important}
.cate-list li a{padding:.06rem .15rem;background:#fff;border-radius:.04rem;display:inline-block}
.cate-list li.active a{color:#fff!important;background-color:#ff9800;text-decoration:none}
.cate-list li a:hover{text-decoration:none}
.detail{padding:0 .15rem .15rem;border-radius:.04rem;background:#fff}
.detail .hd{padding:.15rem 0 .15rem;border-bottom:1px solid #ececec;text-align:center}
.detail .hd h3{font-size:.22rem;font-weight:700;margin:.15rem 0}
.detail .hd p{color:#666}
.detail .bd{color:#222;line-height:180%}
.detail .bd img{max-width:100%;margin:0 auto;display:block;height:auto!important;border-radius:.04rem;width:100%!important}
.detail .bd p{margin:.1rem 0;text-indent:2em}
@media (min-width:1200px){section.article{padding:0}
.pagination{top:2.7rem}
.focus-headline{display:grid;gap:.15rem;grid-template-columns:500px auto;width:1200px;margin:0 auto;background:0 0}
section.article .main{display:grid;width:1200px;margin:0 auto;padding:0;grid-template-columns:auto 325px;gap:.15rem;align-items:start}
.focus-headline .headline{border-radius:.04rem;background-color:#fff;margin:0;padding:.15rem}
.focus-headline .headline li:first-child{margin-top:0}
.focus-headline .headline li{text-indent:2em}
.article .focus{background-color:transparent;height:3.8rem}
.article .focus .list li .cover{height:2.9rem}
.article .focus .list li .cover img{height:2.9rem}
.article .focus li{background-color:#fff;border-radius:.04rem}
.focus-headline .headline .head a:hover{color:#ff9800}
.focus-headline .headline .head .desc{-webkit-line-clamp:3}
section.list{width:1200px;margin:0 auto}
section.article-detail{width:1200px;display:grid;gap:.15rem;grid-template-columns:auto 350px;margin:0 auto;align-items:start}
.cate-list li a:hover{color:#fff!important;background-color:#ff9800;text-decoration:none;opacity:.8}
}