body,div,iframe,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,pre,table,th,td,form,input,button,select,textarea{margin:0;padding:0;font-weight:normal;font-style:normal;font-size:100%;font-family:inherit;}
ol,ul{list-style:none;}
img{border:0;}
a:link,a:visited{color:#003399;text-decoration:none;}
a:hover{color:#ff8200;text-decoration:underline;}
body{font-size:12px;color:#121212;font-family:"Microsoft YaHei","\u5FAE\u8F6F\u96C5\u9ED1",Arial,SimSun,"\u5B8B\u4F53";background:#f5f5f5;}
div,form,img,ul,ol,li,dl,dt,dd{margin:0;padding:0;border:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal;}
table,td,tr,th{font-size:12px;}
li{list-style-type:none;}
img{vertical-align:top;}
.clear{clear:both;}
.space10{height:10px;width:auto;display:block;font-size:10px;line-height:10px;clear:both;background:#f6f6f6;}
.space15{height:15px;width:auto;display:block;font-size:15px;line-height:15px;clear:both;background:#f6f6f6;}
.space20{height:20px;width:auto;display:block;font-size:20px;line-height:20px;clear:both;background:#f6f6f6;}
.header{width:100%;background:#fff;overflow:hidden;border-bottom:1px solid #e8e8e8;}
.header .header-box{margin:0 auto;width:1146px;overflow:hidden;padding:15px 0;}
.header .logo{float:left;display:block;overflow:hidden;}
.header .logo .logo-img{padding-top:15px;vertical-align:middle;}
.search{width:420px;float:right;margin:12px 0 0 0;}
.search ul{height:26px;line-height:26px;}
.search ul li{float:left;width:72px;text-align:center;cursor:pointer;border-radius:3px 3px 0 0;font-size:13px;color:#666;}
.search ul li:hover{background:#F2F2F2;}
.search ul li.on{background:#237ded;color:#fff;}
.search div{border:1px solid #237ded;height:35px;overflow:hidden;border-radius:4px;background:#fff;}
.search div input{float:left;border:0;outline:none;background:#fff;}
.search div .search_ipt{line-height:30px;height:30px;margin:2px 8px;width:290px;font-size:14px;color:#333;}
.search div .search_ipt::placeholder{color:#aaa;}
.search div .search_btn{width:88px;height:35px;background:#237ded;color:#fff;cursor:pointer;font-size:15px;border:none;border-radius:0 4px 4px 0;float:right;}
.search div .search_btn:hover{opacity:.9;}
.nav-bar{background:#2b7de1;height:42px;line-height:42px;}
.nav-bar ul{list-style:none;padding:0;margin:0 auto;display:flex;align-items:center;font-size:16px;max-width:1146px;}
.nav-bar li{display:flex;align-items:center;}
.nav-bar li:not(:last-child)::after{content:'>';color:rgba(255,255,255,0.5);margin:0 12px;font-size:13px;}
.nav-bar li a{color:#fff;text-decoration:none;white-space:nowrap;}
.nav-bar li:last-child a{color:rgba(255,255,255,0.85);cursor:default;}
.nav-bar li a:hover{color:#fff;text-decoration:none;}
.tag-wrapper{max-width:1146px;margin:0 auto;padding:0 0 20px 0;display:flex;gap:0;}
.tag-main{flex:1;min-width:0;background:#fff;border-radius:1px;box-shadow:0px 1px 3px 0px rgba(0,0,0,0.15);padding:30px 48px;}
.tag-sidebar{width:336px;flex-shrink:0;margin-left:20px;}
.position{max-width:1146px;margin:0 auto;padding:10px 0 10px 20px;color:#999;}
.position a:link,.position a:visited,.position a:active{text-decoration:none;color:#999;}
.position a:hover{text-decoration:none;color:#999;}
.group-class-content{width:auto;margin:0px auto;font-size:16px;line-height:32px;word-break:break-all;overflow:hidden;}
.group-class-content p{margin:25px 0 !important;}
.article-title{text-align:left;}
.article-time{font-size:12px;color:#c5c5c5;}
.group-class-title{font-size:30px !important;color:#222;font-weight:500 !important;padding:0px 0px 0px 0px !important;text-align:left !important;}
.article-title a:link,.article-title a:visited,.article-title a:active{text-decoration:none;color:#222;}
.article-title a:hover{text-decoration:none;color:#ff8200;}
.article-info{color:#888;padding:0 0 20px 0;box-sizing:border-box;margin:10px auto;font-size:14px;line-height:24px;border-bottom:1px solid #f6f6f6;}
.related-topics-nav{padding:12px 0 16px 0;border-bottom:1px solid #f6f6f6;}
.related-topics-nav .topics-list{display:flex;flex-wrap:wrap;gap:6px 10px;}
.related-topics-nav .topic-tag{display:inline-block;background:#f5f5f5;color:#333;padding:4px 16px;border-radius:4px;font-size:13px;text-decoration:none;border:1px solid #eee;transition:all 0.2s ease;}
.related-topics-nav .topic-tag:hover{background:#ff8200;color:#fff;border-color:#ff8200;text-decoration:none;}
.article-list-item{margin-bottom:8px;background:#fff;padding:20px 0;border-bottom:1px solid #f6f6f6;}
.article-list-item:last-child{border-bottom:none;}
.article-title-link{font-size:22px !important;display:block !important;color:#333;text-align:center;line-height:32px;margin:0;padding:0;font-weight:normal;}
.article-title-link a:link,.article-title-link a:visited,.article-title-link a:active{text-decoration:none;color:#eb7340;}
.article-title-link a:hover{text-decoration:underline;color:#ff8200;}
.article-meta-info{color:#c5c5c5;text-align:center;font-size:12px;padding:10px 0 15px 0;line-height:14px;}
.article-meta-info .time{color:#c5c5c5;}
.article-content-body{color:#121212;font-size:16px;line-height:32px;}
.article-content-body p{margin:25px 0 !important;}
.article-view-link{width:100%;height:60px;text-align:center;}
.article-view-link a{display:inline-block;padding:0 30px;height:38px;line-height:38px;color:#ff8200 !important;background:#fff;border:1px solid #ff8200;font-size:16px;border-radius:20px;}
.article-view-link a:link{text-decoration:none;background:#fff;}
.article-view-link a:visited{text-decoration:none;background:#fff;}
.article-view-link a:hover{text-decoration:none;background:#fff2e5;}
.article-view-link a:active{text-decoration:none;background:#fff2e5;}
.article-tags{display:flex;flex-wrap:wrap;gap:12px 20px;margin:10px 0 5px 0;font-size:14px;color:#555;justify-content:flex-start;}
.article-tags .tag-item{background:#f8f9fa;padding:3px 14px;border-radius:4px;color:#555;border:1px solid #eee;font-size:13px;}
.article-tags .tag-item strong{color:#333;font-weight:600;}


.pc-article-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 2px 0;
    margin: 4px 0 8px 0;
    font-size: 14px;
    color: #555;
    justify-content: flex-start;
    background: #f8f9fa;
    padding: 6px 14px;
    border-radius: 4px;
    border-left: 3px solid #ff8200;
}
.pc-tag-item {
    background: none;
    padding: 2px 14px 2px 10px;
    border: none;
    color: #555;
    font-size: 14px;
    line-height: 1.8;
    border-right: 1px solid #e0e0e0;
}
.pc-tag-item:last-child {
    border-right: none;
}
.pc-tag-item strong {
    color: #333;
    font-weight: 600;
}

#CutPage{padding:18px 0;clear:both;text-align:center;}
#CutPage a,#CutPage span,#CutPage #CurrPage{padding:8px 15px;border:1px solid #ddd;border-radius:2px;color:#333;cursor:pointer;background-color:#fff;text-decoration:none;}
#CutPage a:hover{border-color:#e4e4e4;background-color:#ff8200;color:#fff;}
#CutPage span{cursor:auto;border:1px solid #e4e4e4;background-color:#fff;color:#ccc;}
#CutPage #CurrPage{border-color:#ff8200;background-color:#ff8200;color:#fff;}
.monthly-summary-box{background:#fff;border-radius:5px;padding:18px 20px;margin-bottom:15px;border:1px solid #f2f2f2;box-shadow:0px 1px 3px 0px rgba(0,0,0,0.15);}
.monthly-summary-box h2{font-size:16px;font-weight:700;color:#333;margin:0 0 14px 0;padding-bottom:10px;border-bottom:2px solid #237ded;}
.monthly-list{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;}
.monthly-item,.yearly-item{display:block;font-size:14px;color:#333;text-decoration:none;padding:6px 10px;border-radius:4px;background:#f5f7fa;text-align:center;transition:all 0.25s ease;border:1px solid transparent;}
.monthly-item:link,.monthly-item:visited,.yearly-item:link,.yearly-item:visited{color:#333;}
.monthly-item:hover,.yearly-item:hover{background:#237ded;color:#fff;border-color:#237ded;text-decoration:none;}
.yearly-summary-box{background:#fff;border-radius:5px;padding:18px 20px;margin-bottom:15px;border:1px solid #f2f2f2;box-shadow:0px 1px 3px 0px rgba(0,0,0,0.15);}
.yearly-summary-box h2{font-size:16px;font-weight:700;color:#333;margin:0 0 14px 0;padding-bottom:10px;border-bottom:2px solid #237ded;}
.yearly-list{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;}
.footer{clear:both;padding:20px 0 10px;width:100%;background:#333;font-size:14px;line-height:1.8;margin-top:20px;}
.footer .copyright{color:#999;font-size:13px;text-align:center;max-width:1146px;margin:0 auto;padding:0 20px;}
.footer .copyright a{color:#999;text-decoration:none;}
.footer .copyright a:hover{color:#fff;}
@media (max-width:1146px){.header .header-box,.nav-bar ul,.tag-wrapper,.position,.footer .copyright{max-width:100%;padding:0 16px;}.tag-wrapper{flex-direction:column;padding:0 16px;}.tag-sidebar{width:100%;margin-left:0;margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px;}.monthly-summary-box,.yearly-summary-box{margin-bottom:0;}.tag-main{padding:20px 24px;}}
@media (max-width:768px){.header .logo .logo-img{height:48px;}.search{width:200px;margin-top:16px;}.search div .search_ipt{width:100px;}.search div .search_btn{width:60px;font-size:13px;}.tag-main{padding:16px 16px;}.group-class-title{font-size:24px !important;}.article-title-link{font-size:18px !important;}.tag-sidebar{grid-template-columns:1fr 1fr;gap:12px;}.monthly-list,.yearly-list{grid-template-columns:1fr 1fr 1fr;}.related-topics-nav .topic-tag{padding:4px 12px;font-size:12px;}.nav-bar ul{flex-wrap:wrap;height:auto;padding:4px 12px;}.nav-bar li{line-height:32px;}}
@media (max-width:480px){.header .header-box{padding:10px 12px;}.search{width:auto;float:none;margin:8px 0 0;}.search div .search_ipt{width:160px;}.tag-sidebar{grid-template-columns:1fr;}.monthly-list,.yearly-list{grid-template-columns:1fr 1fr;}.tag-main{padding:14px 14px;}.group-class-title{font-size:20px !important;}.article-title-link{font-size:16px !important;}.article-content-body{font-size:14px;line-height:28px;}.article-view-link a{padding:0 20px;font-size:14px;}}
