body,
html {
    background: var(--bg);
}

#main {
    margin-top: 0.2rem;
}

.content {
    margin-top: 20px;
    padding   : 50px 150px;
    background: #FFF;
    min-height: calc(100vh - var(--nav-height) - var(--footer-height));
    position  : relative;
}

.content>.title {
    font-size  : 30px;
    text-align : center;
    font-size  : 30px;
    font-weight: bold;
}

.content>.source {
    padding      : 30px 20px 15px;
    text-align   : center;
    color        : #999;
    font-size    : 0.17rem;
    border-bottom: 1px dotted #d3d3d3;
    margin-bottom: 10px;

}

.content>.desc {
    font-size    : 16px;
    padding      : 10px;
    color        : #666;
    background   : #f2f2f2;
    margin-bottom: 10px;
    text-align   : center;
    white-space  : pre-wrap;
    word-wrap    : break-word;
}

.content .fixed-share {
    position     : absolute;
    width        : 0.46rem;
    min-height   : 0.46rem;
    top          : 4.5rem;
    right        : 0.2rem;
    border       : 1px solid var(--bg);
    border-bottom: none;
}

.content .fixed-share .share-icon {
    position  : relative;
    text-align: center;
    margin    : auto;
    padding   : 0.1rem;
    border    : 1px solid var(--bg);
    cursor    : pointer;
}

.content .fixed-share .share-icon:hover .share-data {
    display: block;
}

.content .fixed-share .share-icon:hover {
    background: var(--bg)
}

.content .fixed-share .share-icon img {
    display: block;
    padding: 0.01rem 0px;
}

.fixed-share .share-data {
    width     : 1.5rem;
    top       : 0px;
    right     : 101%;
    position  : absolute;
    border    : 8px solid #FFF;
    text-align: center;
    background: #FFF;
    display   : none;
}

.fixed-share .share-data span {
    display: block;
    padding: 0.05rem;
}