body {
    background: var(--v8-bg-c1);
    color: var(--v8-tx1);
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 0;
    font: 15px/1.65 -apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif
}

.vd-wrap {
    max-width: 1480px;
    margin: 0 auto;
    padding: 0 20px
}

@media not (min-width: 500px) {
    .vd-wrap {
        padding-left:10px;
        padding-right: 10px
    }
}

.vd-list .play-hin {
    color: #fff;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    opacity: 0;
    pointer-events: none;
    background: #0a090680;
    border: 1.5px solid #ffffffd9;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
    transition: opacity .2s,transform .2s;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)scale(.85)
}

.vd-list .item {
    cursor: pointer
}

.vd-list .item img {
    transition: transform .25s
}

.vd-list .item:hover img {
    transform: scale(1.06)
}

.vd-list .item:hover .play-hin {
    opacity: 1;
    transform: translate(-50%,-50%)scale(1)
}