.article-container{width:100vw;min-height:100vh;box-sizing:border-box;margin:0 auto;overflow:scroll;background:#fff}.article-container .wrapper{max-width:1200px;margin:0 auto;padding:30px 0 60px}.article-container .wrapper .header{width:100%;text-align:center;padding-bottom:18px;border-bottom:1px solid hsla(0,0%,93.3%,.6)}.article-container .wrapper .header .title{font-size:28px;color:#333;padding:15px 0 15px;line-height:56px;font-weight:700}.article-container .wrapper .header .time{color:#555}.article-container .wrapper .summary{margin:25px 0 0;color:#8f8c8c;font-size:19px}.article-container .wrapper .content{margin:15px -15px;padding-top:25px;text-align:justify}.article-container .wrapper .content img{max-width:100%!important}.article-container .wrapper .attachment-container{font-size:14px;margin:20px}.article-container .wrapper .attachment-container .label{color:grey}.article-container .wrapper .attachment-container .attchment{color:#3333ed;cursor:pointer}