.resourceDetail {
    background: #f1f1f1;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

    .resourceDetail .item-img {
        background: white;
        width: 100%;
    }

        .resourceDetail .item-img img {
            width: 100%;
        }

    .resourceDetail .item-title {
        background: white;
        padding: 0.25rem 0.5rem;
        box-sizing: border-box;
    }

        .resourceDetail .item-title .title {
            font-size: 1rem;
            letter-spacing: 0.07rem;
            color: #333333;
        }

        .resourceDetail .item-title .time {
            display: flex;
            padding: 0.5rem 0;
            font-size: 0.75rem;
            color: #333333;
        }

            .resourceDetail .item-title .time span:nth-of-type(1) {
                flex: 1;
            }

            .resourceDetail .item-title .time span:nth-of-type(2) {
                flex: 1;
                text-align: right;
            }

    .resourceDetail .item-info {
        background: white;
        padding: 0.5rem;
        box-sizing: border-box;
        margin-top: 0.5rem;
    }

        .resourceDetail .item-info .row {
            display: flex;
            padding: 0.75em 0;
            box-sizing: border-box;
            border-bottom: solid 0.08rem #dddddd;
            font-size: 0.9rem;
            letter-spacing: 0.07rem;
        }

            .resourceDetail .item-info .row span:nth-of-type(1) {
                flex-shrink: 0;
                width:30%;
            }
            .resourceDetail .item-info .row span:nth-of-type(2) {
                word-break:break-all;
            }