reader/pages/works/index.less

.worksBox {
    padding-top: 70rpx;
    padding-bottom: calc(140rpx + env(safe-area-inset-bottom)) !important;

    .itemize {
        margin-bottom: 70rpx;
        padding: 0 60rpx;
        display: flex;
        align-items: center;
        justify-content: space-between;

        .box {
            position: relative;
            text-align: center;
            font-size: 28rpx;

            .count {
                position: absolute;
                top: 0;
                right: 0;
                padding: 4rpx 11rpx;
                background: #FED806;
                border-radius: 20rpx 20rpx 20rpx 2rpx;
                font-size: 18rpx;
                font-weight: 500;
                color: #F01515;
            }

            .img {
                margin-bottom: 10rpx;
                width: 156rpx;
                height: 111rpx;
            }
        }
    }

    .logo {
        margin: 26rpx 30rpx;
        display: flex;
        align-items: center;
        font-size: 36rpx;
        color: #000000;

        .icon {
            width: 50rpx;
            height: 50rpx;
            margin-right: 12rpx;
        }
    }

    .worksList {
        margin: 0 auto;
        width: 750rpx;
    }
}