body{background: #fff;}
/* 除了文章，其他地方仍然字体抗锯齿 */
.headerWrap,.side{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.main{width:1100px;margin:0 auto;}
.side{position:fixed;width:300px;}
.columns_intro{padding:20px 0;border-bottom: 1px solid #ddd;}
.columns_intro .intro_l{float:left;height:40px;}
.columns_intro .intro_l img{height:40px;}
.columns_intro .intro_r{float:left;padding-left:10px;}
.columns_intro .intro_r h3{color:#222;font-size: 17px;font-weight: bold;line-height: 1;}
.columns_intro .intro_r p{color:#808080;font-size: 14px;line-height: 1;padding-top: 8px;}
/* 73 + 81 = 154 */
.columns{padding:20px 0; height: calc(100vh - 194px);overflow-y: scroll;
/* 不会触发其父元素或页面的滚动 */overscroll-behavior: contain;scrollbar-width: none;}
.column .column_title{cursor: pointer;height:32px;line-height: 32px;font-weight: bold;font-size:16px;}
/* rotate之后仍然占据其在文档流中的原始位置和空间 */
.column .column_title i{float:left;font-size:14px;font-weight: normal;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);
/* 属性值改变动画 */transition:transform .2s;-webkit-transition: transform .2s;margin-right:10px;color:#bfbfbf;}
.side .current_column i{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.side .current_column .article_list{display: block;}
.column .article_list a{display:flex;align-items:center;height:28px;line-height: 28px;font-size: 14px;font-weight:bold;color:#808080;}
/* 与上面图标宽度一致，24px */
.column .article_list a .dot{display:inline-block;width:6px;height:6px;margin:0 13px 0 5px;border-radius: 3px;background: #fff;}
/* 最大宽度：300-24 */
.column .article_list a .article_title{display:inline-block;width:220px;}
.column .article_list a:hover{text-decoration: none;color:#13ba98;}
.article_list li.current a{color: #13ba98;}
.article_list li.current a .dot{background: #13ba98;}
.article{
/* 公众号字体 */
font-family: PingFang SC, system-ui, -apple-system, BlinkMacSystemFont, Helvetica Neue,
Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Arial, sans-serif;
/* min-height:73+20 */
margin-left:324px;width:750px;padding: 20px 0 0 25px;border-left:1px solid #ddd;min-height:calc(100vh - 93px) ;
font-size:16px;color: rgba(0, 0, 0, .8);line-height: 1.7;letter-spacing:0.5px;}
.article ul{ list-style: disc inside;}
.article ol{list-style: decimal inside;}
/* 文字选择后的颜色 */
.article::selection {background: #13ba98;color:#fff;}
.article .title{font-size:18px;text-align: center;font-weight: bold;margin-bottom: 15px;}
/* 图片预览使用 */
.article img{cursor: pointer;}
.article .copyRight{margin:15px 0;padding-top:15px;border-top:1px solid #ebebeb;color:#666;font-style: italic;font-size:16px;}
.article .update_time{padding-top:10px;color:#666;font-style: italic;}
.joinVip{padding-top:30px;}
.joinVip a{position:relative;display:block;height:30px;line-height:30px;text-align: center;border: 1px solid #ba9e76;
border-radius: 5px;color:#ba9e76;font-size:14px;}
.joinVip a i{font-size:15px;}
.joinVip a i.go_vip{position: absolute;right:10px;top:0;font-weight: bold;}
.joinVip a:hover{text-decoration: none;}