.article{padding: 10px 20px;background: #fff;margin-bottom: 10px}
.article .head{border-bottom: 1px solid #eee;padding-bottom: 10px}
.article h1{font-size: 20px;font-weight: 700;color: #141414;padding-top: 10px}
.article .meta,.news .meta{margin-top:10px;color: #a4a4a4}
.article .meta span{margin-right:10px;}
.article .author img{border-radius:50%;width:20px;height:20px}
.article .author .name{margin-left:5px;font-size:14px;font-weight:400;max-width:100px;color: #a4a4a4}
.article .author .name a{color: #a4a4a4}
.article .content{margin-top: 10px}
.article .content{font-size:16px;font-weight:400;color:#666666;line-height:2.1;margin-top:10px;}
.article .content p>code,.article .content li>code,.article .content td>code,.article .content h3>code,.article .content h4>code,.article .content h5>code{font-size:14px;line-height:1.5;color:#333333;background-color:#ebf5fd;border-radius:3px;border:1px solid #dddddd;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;padding:.2em .6em;margin:0 .3em}
.article .content p{padding:5px 0 5px;line-height:190%;text-align:justify;color:#2a2a2a;word-wrap:break-word;word-break:break-all}
.article .content img{max-width:100%;display:block;margin:0 auto;}
.article .content ol,.article .content ul{padding:0.3em 0;line-height:30px;list-style:decimal;margin:0 0 0 25px;word-break:break-word;}
.article .content li{list-style-type:disc;}
.article .content h2,.article .content h3{font-size:18px;font-weight:bold;border-bottom:1px solid #efefef;padding-bottom:10px;}
.article .content h4{color:#535e67;display:block;margin:10px auto 5px auto;padding:3px 14px;position:relative;font-weight:600;}
.article .content h5:nth-child(n+2),.article .content h6{font-size:16px;font-weight:bold;}
.article .content table{border:1px solid #cccccc;border-collapse:collapse;text-align:center;margin-top:0.54em;clear:both;width:100%;font-size: 13px}
.article .content table th,.article .content table td{padding:8px;border:1px solid #C1DAD7;line-height:22px;text-align:left}
.article .content table th{background:#CAE8EA;}
.article .content table thead,.article .content table.jbborder tr{background-color:#fff;}
.article .content table tr:nth-child(even){background-color:#f5fafa}
.article .content table tbody tr:hover{background:rgba(255,255,153,.4)}
.article .content table th img{display:block;margin:5px auto 0;}
.article .content table td{text-align:left}
.article .content table td.version{font-weight:bold;}
.article .content table pre{width:auto;margin:0;padding:0;border:0;background:transparent}
.article .content table td p{margin:0;padding:0;line-height:22px;}
.article .content table ul{margin-top:2px;}
/*.like{margin-top: 10px}*/
.like .head{padding: 20px 20px 0}
.like ul{padding: 10px}
.like ul li{padding: 10px;border-top: 1px solid #f0f2f7;}
.like ul li a{color: #2c2e3b;white-space: nowrap;text-overflow: ellipsis;display: block;overflow: hidden;font-size: 16px}
.like ul li a:hover{color: #06c;}
.like .desc{-webkit-line-clamp: 1;height: 26px;padding-top: 10px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;line-height: 22px;font-size: 13px;font-weight: 400;color: #828a92;}
.like .desc{padding-top: 5px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 22px;font-size: 13px;font-weight: 400;color: #828a92;}
.like .meta{display: flex;padding-top:5px;align-items: center;}
.like .tags{margin-top: 4px;margin-left: 10px}
.like .meta a{display: inline-block;padding: 0 5px;background: #f9f9f9;border-radius: 2px;line-height: 18px;font-size: 12px;font-weight: 400;color: #999;margin-right: 8px;}
.like .meta a:hover{cursor:pointer;background: #e6f1fb;color: #06c;}
.like .meta a:first-child{background: #e6f1fb;color: #06c;}
.like .time{line-height: 12px;font-size: 12px;font-weight: 400;color: #828a92;}