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

#main {}

.header {
    height           : 1rem;
    background       : #FFF;
    padding          : 0px 0.2rem;
    text-align       : center;
    position         : fixed;
    width            : 100vw;
    z-index          : 10;
    top              : 0px;
    left             : 0px;
    border-bottom    : 1px solid var(--bg);
    /* 兼容IOS  对fixed 无法遮盖的问题*/
    transform        : translateZ(1000px);
    -webkit-transform: translateZ(10000px);
}

.content {
    padding   : 10px;
    background: #FFF;
    min-height: 500px;
    position  : relative;
    text-align: left;
}

.content>.title {
    font-size  : 0.38rem;
    font-weight: bold;
}

.content>.source {
    padding      : 0.2rem 2px;
    color        : #999;
    font-size    : 12px;
    border-bottom: 1px dotted #d3d3d3;
    margin-bottom: 10px;

}

.content>.detail {
    position: relative;
    z-index : 0;
}

.content>.desc {
    font-size    : 0.28rem;
    padding      : 0.15rem;
    color        : #666;
    background   : #f2f2f2;
    margin-bottom: 0.33rem;
}

.page-nav {
    background: var(--bg);
    padding   : 0.2rem;
}

.page-nav .item {
    padding   : 0.1rem;
    text-align: center;

}

.page-nav .item p {
    font-size : 0.24rem;
    word-break: break-all;
}

.page-nav .item img {
    width: 1rem;
}