.g-scroll_page {
    position: relative;
    box-sizing: border-box;
    // height: 100vh;
    //   margin-top: 90rpx;
}
// .tags-h {
//     height: 162rpx;
// }
// .tags-filter-h {
//     min-height: 185rpx;
//     // overflow: hidden;
//     background-color: #fff;
// }
.vocal-list {
    padding: 20rpx 20rpx 86rpx;
    min-height: 210rpx;
    .vocal-item {
        position: relative;
        min-height: 210rpx;
        margin-top: 20rpx;
        padding: 30rpx 20rpx 26rpx 20rpx;
        box-sizing: border-box;
        font-family: Source Han Serif SC;
        font-weight: 500;
        background-color: #fff;
        box-shadow: 0rpx 3rpx 24rpx 0rpx rgba(211, 211, 211, 0.26);
        border-radius: 10rpx;
        -webkit-border-radius: 10rpx;
        -moz-border-radius: 10rpx;
        -ms-border-radius: 10rpx;
        -o-border-radius: 10rpx;
        .item-del-btn {
            position: absolute;
            top: 70rpx;
            right: 0;
            width: 100rpx;
            height: 60rpx;
            font-size: 26rpx;
            color: rgba(51, 51, 51, 1);
            text-align: center;
            line-height: 60rpx;
            background: rgba(255, 255, 255, 1);
            box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0, 0, 0, 0.18);
        }
        .item-head-top {
            display: flex;
            align-items: center;
        }
        .item-del {
            position: absolute;
            top: 20rpx;
            right: 0rpx;
            width: 100rpx;
            height: 60rpx;
            image {
                display: block;
                width: 42rpx;
                height: 10rpx;
                margin: 25rpx auto;
            }
        }
        .item-title {
            flex: 1;
            width: 100%;
            height: 34rpx;
            margin-bottom: 8rpx;
            font-size: 34rpx;
            color: rgba(51, 51, 51, 1);
            line-height: 1;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        .item-infos {
            display: flex;
            justify-content: space-between;
        }
        .item-time,
        .item-tags {
            min-height: 26rpx;
            font-size: 26rpx;
            color: rgba(153, 153, 153, 1);
            line-height: 1;
        }
        .item-desc {
            margin: 15rpx 0;
            font-size: 28rpx;
            color: rgba(51, 51, 51, 1);
            line-height: 36rpx;
            text-overflow: -o-ellipsis-lastline;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
        .item-tags {
            display: flex;
            flex-wrap: wrap;
            .item-tags-one {
                position: relative;
                padding: 0 9rpx;
                line-height: 36rpx;
            }
            .item-tags-one:after {
                position: absolute;
                content: "";
                top: 9rpx;
                right: 1rpx;
                width: 1rpx;
                height: 20rpx;
                // background-color: #333;
                background: rgba(231, 238, 238, 1);
            }
            .item-tags-one:first-child {
                padding-left: 0;
            }
            .item-tags-one:last-child::after {
                width: 0;
            }
        }
    }
    .vocal-item:first-child {
        margin-top: 0;
    }
    .more-tips {
        margin-top: 20rpx;
        text-align: center;
        font-size: 26rpx;
        font-family: Source Han Serif SC;
        font-weight: 500;
        color: rgba(153, 153, 153, 1);
    }
}
.pd180 {
    padding-bottom: 248rpx;
}