reader/app.wxss

/**app.wxss**/
page {
    width: 100%;
    /* min-height: 100%; */
    color: #333;
    font-family: PingFang SC, Microsoft Yahei, Source Han Sans CN, SimHei;
    background: #F2F6FC;
}

view {
    font-family: PingFang SC, Microsoft Yahei, Source Han Sans CN, SimHei;
}

text {
    font-family: PingFang SC, Microsoft Yahei, Source Han Sans CN, SimHei;
}

.container {
    height: auto;
    box-sizing: border-box;
    font-family: PingFang SC, Microsoft Yahei, Source Han Sans CN, SimHei;
}

#share {
    width: 375px;
    height: 300px;
    position: absolute;
    left: -9999rpx;
    top: -9999rpx;
}

#vip {
    width: 375px;
    height: 201px;
    position: absolute;
    left: -9999rpx;
    top: -9999rpx;
}

.textOver {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.resetBtn {
    padding: 0px;
    margin: 0;
    line-height: normal;
    background-color: transparent;
}

.resetBtn::after {
    border: none;
}

.seat {
    padding-bottom: calc(134rpx + env(safe-area-inset-bottom)) !important;
}

.seat2 {
    padding-bottom: calc(130rpx + env(safe-area-inset-bottom)) !important;
}

.isFixed {
    position: fixed;
    z-index: 998;
}

.isFixed2 {
    width: 100%;
    box-sizing: border-box;
    background-color: white;
    box-shadow: 0px 26rpx 24rpx rgba(0, 0, 0, 0.1);
    border-bottom-left-radius: 24rpx;
    border-bottom-right-radius: 24rpx;
    padding: 20rpx 15rpx 20rpx 26rpx !important;
}

.brace {
    /* 高度为一级分类的高度再加一丢丢 */
    height: 260rpx;
}

/* 转圈动画 */
@keyframes identifier {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.zoomIn {
    animation: zoomIn 0.4s forwards;
}

@keyframes zoomIn {
    from {
        transform: scale(0);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}