body{height:100vh;display:flex;flex-direction:column}.the-main-g{flex:1;font-size:.336rem;color:#fff}.the-main-g a{color:#fff}.the-main-g .banner{width:100%;height:4.56rem;background:url("../images/article/banner.png");padding:.48rem}.the-main-g .banner .banner-title{font-size:.672rem;text-align:center;color:#fff}.the-main-g .banner .banner-content{padding-top:.48rem;display:flex;justify-content:center}.the-main-g .banner .banner-content .search{width:6.888rem;background:#A5B9FA;border-radius:4px 0 0 4px;border:1px solid rgba(255,255,255,0.5);padding-left:.384rem;color:#4568ff}.the-main-g .banner .banner-content input::placeholder{color:#8195EC}.the-main-g .banner .banner-content .search-icon{width:1.152rem;height:1.152rem;background:#fff url("../images/article/search.png") no-repeat center;border-radius:0 4px 4px 0;border:1px solid #FFFFFF}.the-main-g .banner .banner-hot-search{padding-top:.288rem}.the-main-g .content{font-size:.336rem;color:#747474}.the-main-g .content .content-nav{display:flex;height:1.152rem;line-height:1.152rem;font-weight:bold;color:#333333;font-size:.384rem;text-align:center}.the-main-g .content .content-nav a{display:block;color:#333333;flex:1;background:#F5F5F5}.the-main-g .content .content-nav a.checked{background:#fff}.the-main-g .content .content-nav-lists{padding:0 .384rem}.the-main-g .content .content-nav-lists .content-nav-list{display:none}.the-main-g .content .content-nav-lists .content-nav-list a{display:flex;align-items:center;padding:.384rem 0;border-bottom:1px dashed #F5F5F5;font-weight:400;font-size:.336rem;color:#333333;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.the-main-g .content .content-nav-lists .content-nav-list a span{display:inline-block;font-size:.288rem;color:#FFFFFF;flex-shrink:0;width:.384rem;height:.384rem;text-align:center;line-height:.384rem;background:#5E6D81;margin-right:.096rem;border-radius:.192rem}.the-main-g .content .content-nav-lists .content-nav-list.checked{display:block}.the-main-g .content .new-cat{margin-top:.384rem}.the-main-g .content .new-cat .common-radio-group{padding-left:.384rem;padding-right:.384rem;display:flex;gap:.192rem;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 0 0 .384rem;padding-bottom:.096rem}.the-main-g .content .new-cat .common-radio-group::-webkit-scrollbar{display:none}.the-main-g .content .new-cat .common-radio{display:block;cursor:pointer;white-space:nowrap;font-size:.336rem;color:#747474;background:#F3F6FF;border-radius:.096rem;padding:.192rem .288rem;flex-shrink:0;transition:all 0.3s ease}.the-main-g .content .new-cat .common-radio.checked{background:#3860F4;color:#fff}.the-main-g .content .new-cat .common-radio.disabled{background:#ccc;color:#999;pointer-events:none}.the-main-g .content .article-cards{display:flex;flex-direction:column;margin-bottom:.384rem;padding:0 .384rem}.the-main-g .content .article-cards .article-card{display:flex;gap:8px;padding:.384rem 0;border-bottom:1px dashed #B1B1B1}.the-main-g .content .article-cards .article-card .card-left.img{min-width:1.92rem}.the-main-g .content .article-cards .article-card .card-left.img img{width:1.92rem;height:1.296rem;object-fit:cover;border-radius:4px}.the-main-g .content .article-cards .article-card .card-left.date{width:1.296rem}.the-main-g .content .article-cards .article-card .card-left.date .top{height:.648rem;line-height:.648rem;background-color:#409eff;color:#fff;border:1px solid #409eff;padding:0;text-align:center}.the-main-g .content .article-cards .article-card .card-left.date .bottom{height:.648rem;line-height:.648rem;color:#409eff;border:1px solid #409eff;text-align:center}.the-main-g .content .article-cards .article-card .card-right{display:flex;flex-direction:column;flex:1;overflow:hidden}.the-main-g .content .article-cards .article-card .card-right .title{font-size:.336rem;color:#333333;font-weight:bold;margin-bottom:.096rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.the-main-g .content .article-cards .article-card .card-right .content{font-size:.288rem;color:#747474;font-weight:400;margin-bottom:.192rem;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.the-main-g .content .article-cards .article-card .card-right .date-editor{display:flex;justify-content:space-between;font-size:.288rem;color:#B1B1B1;font-weight:400}.the-main-g .content .article-cards .article-card .card-right.support .date-editor{justify-content:flex-end}.the-main-g .content .article-cards .article-card .card-right.support .date-editor div:first-child{padding-right:.12rem}.the-main-g .footMenu{display:flex;align-items:center;justify-content:flex-end;margin:.72rem 0;padding:0 .384rem;text-align:center}.the-main-g .footMenu .pagination{display:flex;width:0;flex-grow:1;align-items:center;justify-content:center}.the-main-g .footMenu .pagination li{float:left;width:.72rem;height:.72rem;margin-right:6px;line-height:.672rem;border:1px solid #ddd;background-color:#fff;cursor:pointer;list-style-type:none}.the-main-g .footMenu .pagination li a{font-size:.336rem;color:#999}.the-main-g .footMenu .pagination li.active{background-color:#409eff;color:#fff}.the-main-g .footMore{margin:.72rem .12rem;text-align:center}.the-main-g .page-box{margin:.384rem;padding:0 .384rem;display:flex;justify-content:center;gap:.48rem}.the-main-g .page-box a,.the-main-g .page-box span{display:block;font-size:.336rem;color:#747474;background-color:#F3F6FF;height:.768rem;line-height:.768rem;text-align:center;width:40%}.the-main-g .page-box .disabled{background-color:#ddd;color:#fff}