.article_page {width:100%; min-width:980px; margin:0 auto; padding:0 4% 20px; display:flex; justify-content:space-between;}
.article_page aside {flex:0 0 22%; min-width:220px; margin:0 20px 0 0;}
.article_page aside .attr {width:100%; padding:10px; background:#fff; border-radius:5px;}
.article_page aside h3 {font-size:1.6rem; font-family:"Montserrat-Bold"; font-weight:normal; text-align:left; margin-top:1.6rem;}
.article_page main {flex:1 1 auto; background:#fff; border-radius:5px; padding:20px;}
.article_page main .title {font-size:2.4rem; line-height:3.2rem; text-transform:inherit; text-align:left; margin:0; padding:0 5px 10px; border-bottom:1px solid #ccc;}
.article_page main h2 {border:none;}
.article_page main article section {margin:2rem 0.5rem;}
ul.article_list li {display:flex; justify-content:space-between; align-items:flex-start; border-bottom:1px solid #ddd; padding:0.75rem 0;}
ul.article_list li span {color:#999; font-size:1.2rem; text-align:right; flex:0 0 10rem; width:10rem; margin:0 0 0 1rem;}
ul.article_list li a {flex:1 1 auto;}
/* 侧边栏 - 目录 */
.attr details {padding:0 0 1rem;}
.attr summary {font-family:"Montserrat-Bold"; font-weight:normal; cursor:pointer; margin-bottom:5px; padding:10px; outline:none; position:relative; background:#f2f2f2; border-radius:5px;}
summary::marker {content:"";}
summary::-webkit-details-marker {display:none;}
summary::after {content:url(/images/basic/topsign/arrow_gray_down.png); position:absolute; top:0.8rem; right:0.8rem;}
details[open] summary::after {content:url(/images/basic/topsign/arrow_gray_up.png); position:absolute; top:0.8rem; right:0.8rem;}
.attr ul li {padding:0.5rem 0.8rem;}
.attr ul li.checked a {color: #236ec2; font-weight: 600;}
/* 侧边栏 - 小广告 */
.aside_adv a {display:block; margin:10px 0;}
.aside_adv a img {width:100%; border-radius: 0.5rem;}