.bloglist .bloglist-tit h2{display:inline-block;border-bottom:1px solid #fff}.bloglist .bloglist-tit h2.on{border-bottom-color:#c72128}.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:#5f92ce;text-align:center;color:#fff}.bloglist-cn-top .blog-date p.month{font-size:16px}.bloglist-cn-top .blog-date p.date{font-size:28px;line-height:31px;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;font-size:18px}.bloglist-cn-top .blog-title p a{color:#5f92ce}.bloglist-cn-mid{padding:15px 0;display:flex;flex-direction:row}.bloglist-cn-mid .bloglist-img{margin-right:20px}.bloglist-cn-mid .bloglist-img,.bloglist-cn-mid .bloglist-img a,.bloglist-cn-mid .bloglist-img a img{display:inline-block;width:300px;height:200px}.bloglist-cn-mid .bloglist-text{min-height:200px;flex:1}.bloglist-cn-mid .bloglist-text p{margin-bottom:15px;font-size:19px}.bloglist-cn-mid .bloglist-text p a{color:#c72128;text-decoration:underline;font-size:21px}.bloglist-cn-bottom{display:flex;margin-top:15px;padding:10px 20px;background:#f9f9f9}.bloglist-cn-bottom .bloglist-tag{flex:1 1 0%}.bloglist-cn-bottom .bloglist-tag span{color:#999}.bloglist-cn-bottom .bloglist-tag a{margin-right:5px;color:#000;font-size:18px;text-decoration:underline}.bloglist-cn-bottom .bloglist-tag a:hover{color:#c72128}.bloglist-cn-bottom .bloglist-comments{width:260px;color:#999;font-size:17px}.bloglist-cn-bottom .bloglist-comments span a{color:#5f92ce}.bloglist-cn-bottom .bloglist-comments span i{font-size:22px}.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{flex-direction:column}.bloglist-cn-mid .bloglist-img{width:100%;height:100%}.bloglist-cn-mid .bloglist-text{margin-top:15px;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}}.detail{margin:50px auto;padding:0 15px;width:1000px}.detail .detail-tit{padding-bottom:30px;border-bottom:1px solid #ddd}.detail .detail-tit p{margin-top:15px}.detail .detail-tit p span{display:inline-block;margin-right:15px;font-size:19px;color:#999}.detail-bottom{padding:10px 15px;background:#f2f2f2;border-radius:5px}.detail-bottom p{display:inline-block;margin-right:15px;color:#999}.detail-bottom p strong{color:#666}.detail-link{margin-top:30px;padding-top:30px;border-top:1px solid #ddd}.detail-link p{font-size:19px}.detail-link p span{color:#999}.detail-link p a{color:#5f92ce}.detail-link p a:hover{text-decoration:underline}.detail-con{margin-bottom:30px}.detail-con h3{margin-top:30px;font-size:26px;color:#86be99;font-weight:bold}.detail-con h4{margin-top:20px;font-size:19px;font-weight:bold}.detail-con h4 a{text-decoration:underline}.detail-con p{margin-top:15px;line-height:26px;font-size:19px}.detail-con p a{text-decoration:underline;color:#5f92ce}.detail-con img{display:block;margin:0 auto}.detail-con table{margin-top:30px;width:100%}.detail-con table th{padding:10px 20px;background:#ddd;font-size:18px}.detail-con table td{padding:20px;border-bottom:1px solid #ddd;font-size:16px}@media(max-width:768px){.detail{margin:30px auto;width:100%}.detail-bottom p:last-child{display:block;margin-top:10px}.detail img{max-width:100%;height:auto}.detail-con p a{word-break:break-all}}.comment-box{padding:20px 28px;border:1px solid #ddd;border-bottom:none}.comment-box:last-child{border-bottom:1px solid #ddd}.comment-box .comment-user{position:relative;line-height:36px;color:#878787;font-size:16px}.comment-box .comment-user em{float:left;width:30px;height:100%;background:#e59191;text-align:center;color:#fff;font-weight:bold;font-style:normal}.comment-box .comment-user strong{padding:0 15px;color:#e59191;font-size:20px}.comment-box .comment-user span{color:#999}.comment-box p{padding-top:10px;font-size:19px}.comment-box p.email{color:#5f92ce;font-size:18px;text-align:right}.comments-blog{padding-bottom:50px}