.article_page {display:flex; padding:0 4% 2rem; justify-content:space-between;}
.article_page aside {width:25%;}
.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 {margin-left:3rem; padding-left: 2.5rem; flex:1; border-left: 1px solid #ccc;}
.article_page main h2 {font-size:2.4rem; font-weight: 600; text-transform:inherit; text-align:left; margin:0; padding:0 0.5rem 0.5rem; border-bottom: 1px solid #ccc;}
.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 {text-transform:uppercase; font-family:"Montserrat-Bold"; font-weight:normal; cursor:pointer; margin-bottom:0.5rem; padding:0.8rem; outline:none; position:relative; background: #f2f2f2; border-radius: 0.5rem;}
summary::marker {content:"";}
summary::-webkit-details-marker {display:none;}
summary::after {content:url(/images/basic/calcadtf/arrow_gray_down.png); position:absolute; top:0.8rem; right:0.8rem;}
details[open] summary::after {content:url(/images/basic/calcadtf/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: #5a9634; font-weight: 600;}
/* 侧边栏 - 小广告 */
.aside_adv a {display:block; margin:1.6rem 0;}
.aside_adv a img {width:100%; border-radius: 0.5rem;}