*:not(table) {margin: 0;padding: 0;box-sizing: border-box;list-style: none;}
section {padding: 10px 2% 1%;background:white}
section h2 {text-align: center;padding: 3% 0;color: #C30;}

#attribute {border-bottom: 1px solid #eee;;padding: 10px;font: 14px/2 微软雅黑}
#attribute u {margin: auto}
#attribute span {
    margin: 0 1%;color: #999;
    display:-webkit-inline-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow: hidden;
}
#attribute span img {vertical-align: sub;margin-left: -5px;}
#attribute a {margin: 0 3px;}
#attribute a[name] {padding: 0 8px;}
#attribute a[name="微信"] {background: url(/static/api/img/share/icons_0_16.png) 0 -1610px}
#attribute a[name="QQ空间"] {background: url(/static/api/img/share/icons_0_16.png) 0 -50px}
#attribute a[name="微博"] {background: url(/static/api/img/share/icons_0_16.png) 0 -102px}

article p:has(img), article p:has(video) {text-align: center;text-indent: 0}
article img,video, article table {max-width: 100%;height: auto;margin: auto}
article a {color: blue;text-decoration: underline;}
aside {width: 19%;vertical-align: top;position: relative;right: -3%;display:none;}
aside li {margin:10px 0}
article table{border-collapse: collapse;margin: auto;}
article td, th {border: 1px solid #000;}

#qr_code {text-align: center}
#qr_code img, #qr_code canvas {margin: auto;display: block}
#qr_code span {background: #c5c5c5;color: white;font: 14px/2.5 微软雅黑;padding: 0 5px;}

@media (max-width: 768px) {
    section h2 {font-size: 20px}
    #attribute{padding: 0}
    #attribute span {width: 100%}
    article {width: 100%!important}
}

@media print {
    header, section > *, article video, footer {display: none!important;}
    section h2, section > article {display: revert!important;}
}