.bloglist .bloglist-tit h2{display:inline-block;border-bottom:1px solid #fff}.bloglist .bloglist-tit h2.on{border-bottom-color:#5f92ce}.bloglist .bloglist-tit h2 a{display:block;padding:10px 20px;font-size:18px;font-weight:bold;line-height:26px;text-align:center}.bloglist .bloglist-cn{margin:30px 0;padding:26px;background:#f6f6f6;border-radius:10px}.bloglist-cn-top{display:flex;border-bottom:solid 1px #ccc;padding-bottom:20px}.bloglist-cn-top .blog-date{margin-right:15px;padding-top:3px;width:60px;height:60px;background:#88b4e3;text-align:center;color:#fff}.bloglist-cn-top .blog-date p.month{font-size:14px}.bloglist-cn-top .blog-date p.date{font-size:28px;font-weight:bold}.bloglist-cn-top .blog-title{flex:1}.bloglist-cn-top .blog-title h3{line-height:24px}.bloglist-cn-top .blog-title p{margin-top:15px;color:#999}.bloglist-cn-top .blog-title p a{color:#5f92ce}.bloglist-cn-mid{position:relative;padding:15px 0}.bloglist-cn-mid .bloglist-img{position:absolute;z-index:1;top:15px;left:0}.bloglist-cn-mid .bloglist-img,.bloglist-cn-mid .bloglist-img a,.bloglist-cn-mid .bloglist-img a img{width:300px;height:200px}.bloglist-cn-mid .bloglist-text{margin-left:320px;min-height:200px}.bloglist-cn-mid .bloglist-text p{margin-bottom:15px}.bloglist-cn-mid .bloglist-text p a{color:#5f92ce;text-decoration:underline}.bloglist-cn-bottom{display:flex;margin-top:15px;padding:10px 20px;background:#f9f9f9}.bloglist-cn-bottom .bloglist-tag{flex:1}.bloglist-cn-bottom .bloglist-tag span{color:#999}.bloglist-cn-bottom .bloglist-tag a{margin-right:5px;color:#5f92ce}.bloglist-cn-bottom .bloglist-comments{width:300px;color:#999}.bloglist-cn-bottom .bloglist-comments span a{color:#5f92ce}.bloglist-cn-bottom .bloglist-comments span i{font-size:20px}.comments-blog{padding-bottom:50px}@media(max-width:768px){.bloglist .bloglist-tit{box-sizing:border-box;position:fixed;z-index:10;top:50px;left:0;padding:0 10px;width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap;background:#f5f5f5}.bloglist .bloglist-tit h2 a{line-height:50px;padding-left:12px;padding-right:12px}.bloglist-cn-mid .bloglist-img{position:relative}.bloglist-cn-mid .bloglist-text{margin-top:26px;margin-left:0;min-height:auto}.bloglist-cn-bottom{flex-direction:column;margin-top:0}.bloglist-cn-bottom .bloglist-tag{margin-bottom:10px}.bloglist-cn-bottom .bloglist-comments{width:100%}.bloglist-cn-bottom .bloglist-comments span{display:block}.comments-blog{padding-bottom:0}}