.cont {
    padding-top: 1.17rem;
    padding-bottom: 1.45rem;
}

.video-left {
    width: 12rem;
    margin-right: .29rem;
}

.video-box {
    display: flex;
    padding: 0 1.3rem;
}

.l-tit span {
    width: .08rem;
    height: .26rem;
    background: #FFA017;
    border-radius: 1rem;
    margin-right: .07rem;
}

.l-tit {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: .24rem;
    color: #333333;
    margin-bottom: .23rem;
}

.l-video {
    width: 100%;
    height: 6.5rem;
}

.video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-right {
    flex: 1;
}

.r-tit {
    width: 4.30rem;
    height: .41rem;
    padding: .07rem .13rem;
    background: #F1F2F3;
    border-radius: .06rem;
    box-sizing: border-box;
    font-weight: 400;
    font-size: .20rem;
    color: #333333;
    margin-bottom: .2rem;
}

.video-list {
    width: 100%;
    height: 6.5rem;
    overflow-y: scroll;
    /* 垂直滚动条 */
    overflow-x: hidden;
    /* 隐藏水平滚动条 */
}

.video-item {
    width: 100%;
    height: 1.24rem;
    padding: .28rem 0;
    border-bottom: .02rem solid #F1F1F1;
    display: flex;
    align-items: center;
}

.video-img {
    width: 2.02rem;
    height: 1.24rem;
    border-radius: .1rem;
}

.img-box {
    margin-right: .15rem;
    position: relative;
    width: 2.02rem;
    height: 1.24rem;
    border-radius: .1rem;
}

.video-name {
    font-weight: 400;
    font-size: .2rem;
    color: #333333;
    margin-bottom: .19rem;
}

.video-time {
    font-weight: 400;
    font-size: .16rem;
    color: #999999;
}

.duration_time {
    position: absolute;
    bottom: 10px;
    right: 2px;
    text-align: right;
    background: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    height: 20px;
    color: #fff;
    padding: 0px 10px;
}

.video_play img {
    width: .25rem;
}

.video_play {
    position: absolute;
    left: 0.9rem;
    top: 0.5rem;
    display: none;
}