.content-detail{margin:0 auto;padding:0;min-height:calc(100vh - 245px);padding-top:50px}
.content-detail-all{margin:0 auto;padding:0;text-align:center;padding-top:40px;padding-bottom:0}
.content-detail .subtitle h1{font-size:24px;color:#333;letter-spacing:0;line-height:34px;text-align:center;padding:20px 0;margin:0}
.content-detail .subtitle hr{height:1px;color:#ccc;width:100%;margin-top:10px;margin-bottom:10px}
.content-detail .content-info{text-align:left;margin:0 auto;min-height:calc(100vh - 431px);padding:20px 0}
.content-detail .content-info p{
    display: block;
    width: 100%;
}
.content-detail .content-info img{
    max-width: 100%;
}
.share-header{flex-grow:1;display:inline-flex;justify-content:flex-end;align-items:center;position:relative;color:#999;cursor:pointer}
.clickshare{margin-right:30px}
.clickshare i{font-size:14px;margin-right:10px}
.clickshare:hover{color:#2e7bfb}
.qrcode{width:140px;height:140px;z-index:11;position:absolute;top:35px;right:0;display:none;justify-content:center;align-items:center;background-color:#fff;box-shadow:0 0 12px 0 rgba(0,0,0,.14)}
.qrcode::after{content:'';width:0;height:0;position:absolute;top:-8px;right:60px;z-index:20;border-style:solid;border-width:0 8px 8px 8px;border-color:transparent transparent #fff transparent}
@media (max-width:768px){
.content-detail{min-height:calc(100vh - 88px)}
.markdown-body p img{width:90%}
.share-header{display:none}
}